疯狂的蜗牛Dianna
疯狂的蜗牛Dianna

视口

提问: 如果是pc的网页如何在移动端进行显示?

历史: 最早期pc端没办法直接查看pc网页，乔布斯为了移动端能访问pc网页，且不出现横向滚动条，发明了视口,视口是默认存在的

视口有两个特征

1.宽度980px;

2.可以缩放;
01.png

视口是什么?

视口是一个介于html网页和手机浏览器之间的一个容器
02.png

视口的演示

代码如下

当页面没有设置视口的视口的时候,我们切换到手机模式时




    
    
    
    Document

运行页面如下

03.png

结论

不论手机端的使用的是什么宽度的设备,手机的页面的宽度值,始终是980px;而我们想要盒子宽度撑满手机宽度，此时就需要加上视口





    
    
    
    Document
04.png
05.png

代码解释: 设置视口,name="viewport" 然后设置宽度等于手机设备宽度,width=device-width.

你可能感兴趣的:(视口)

  • 【CSS in Depth 2 精译_027】4.4 Flexbox 元素对齐、间距等细节处理（下）+ 4.5 本章小结 安冬的码畜日常 CSSinDepth2css前端css3html5flexboxcss布局
    当前内容所在位置（可进入专栏查看其他译好的章节内容）第一章层叠、优先级与继承（已完结）1.1层叠1.2继承1.3特殊值1.4简写属性1.5CSS渐进式增强技术1.6本章小结第二章相对单位（已完结）2.1相对单位的威力2.2em与rem2.3告别像素思维2.4视口的相对单位2.5无单位的数值与行高2.6自定义属性2.7本章小结第三章文档流与盒模型（已完结）3.1常规文档流3.2盒模型3.3元素的高度
  • HTML文档中折行的使用,10_h5是如何做移动端适配的？折行的时候如何实现不断行... Mr.Zzzzzzz HTML文档中折行的使用
    一、百分比适配1、要点元素的宽度使用了百分比来定宽，根据屏幕的宽度进行自适应适合页面内容结构均匀分配,固定高度,结构不是很复杂,注意要设置viewport视口内容宽度等于设备的宽度使用百分比定宽的元素，百分比参考的是该元素最近的，定了宽度的父元素2、示例固定高度,宽度自适应,100%比做适配*{padding:0;margin:0;}body{font-size:16px;overflow:hid
  • 【html知识】用html写一个简单的个人网页 天若有情673 【html5+css】前端知识html前端
    介绍：这是一个HTML和CSS的代码段，它构建了一个基本的个人网页布局。以下是该代码的详细介绍：HTML部分：文档类型与基础结构：声明了文档类型为HTML5。定义了整个HTML文档，并设置语言为英语。头部信息：标签内包含了元数据，如字符集定义()，视口设置(<metaname="viewport"content="
  • 视口 疯狂的蜗牛Dianna
    提问:如果是pc的网页如何在移动端进行显示?历史:最早期pc端没办法直接查看pc网页，乔布斯为了移动端能访问pc网页，且不出现横向滚动条，发明了视口,视口是默认存在的视口有两个特征1.宽度980px;2.可以缩放;01.png视口是什么?视口是一个介于html网页和手机浏览器之间的一个容器02.png视口的演示代码如下当页面没有设置视口的视口的时候,我们切换到手机模式时-->Document*{m
  • 获取浏览器宽高 yqcoder 前端javascripthtml5
    一、使用window.innerWidth和window.innerHeight这是较为常用的方法。constviewportWidth=window.innerWidth;constviewportHeight=window.innerHeight;console.log(`视口宽度：${viewportWidth}，视口高度：${viewportHeight}`);二、使用document.d
  • 不同分辨率下vue页面的高度自适应 Abao vue.jsjavascript前端
    1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比（%）高度.parent{height:100vh;/*父元素高度等于视口高度*/}.child{height:50%;/*子元素高度为父元素高度的50%*/}3.使用Flexbox或Gri
  • 响应式Web设计：纯HTML和CSS的实现技巧-1 Dingdangr html
    响应式Web设计（ResponsiveWebDesign,RWD）是一种旨在确保网站在不同设备和屏幕尺寸下都能良好运行的网页设计策略。通过纯HTML和CSS实现响应式设计，主要依赖于媒体查询（MediaQueries）、灵活的布局、可伸缩的图片和字体、以及适当的视口设置等技术。1.视口元标签（ViewportMetaTag）在HTML文档的部分添加视口元标签是响应式设计的基础。这个标签告诉浏览器如
  • el-dialog宽度自适应 STATICHIT静砸 JavaScriptvue.jselementuijavascript自适应
    最近在自适应上做了很多功夫其中有一个是，在使用element-plus的el-dialog时，在pc端和在手机端打开，由于屏幕宽度的不同，我希望el-dialog的宽度是不一样的。而el-dialog设置宽度是通过width属性，直接用%来相对窗口设置宽度。我先后尝试了媒体查询，监听屏幕宽度和监听视口宽度来自适应。1️⃣首先，直接给el-dialog设置自定义class结合媒体查询是无效的，直接设
  • 新知｜仅用 CSS 实现网页阅读进度条 htmlcss
    为了构建一个阅读进度条，即显示用户向下滚动时阅读文章的进度，很难不考虑JavaScript。但是，事实证明，您也可以使用纯CSS构建阅读进度条。从本质上讲，一个名为animation-timeline的新实验性CSS属性可以让你指定用于控制CSS动画进度的时间轴。我们将用它来创建阅读进度条。首先，我们需要定义一个用作进度条的div元素。我们将使用一个固定在视口顶部的容器来包装这个div。这将确保用
  • 《觉醒年代》观后感——不忘初心，牢记使命 大苹果_cdf7
    大健康学院20园艺本李继萍一百年前，“南陈北李”相约建党，成为中国共产党建党史上一段被人传颂的佳话。一百年后，一部展现中国共产党从酝酿到成立过程的重大革命历史题材剧《觉醒年代》恰逢其时。观看后大家心潮澎湃，该剧获得了收视口碑的双丰收，并成功制造了主旋律成“顶流”的范本。《觉醒年代》，剧如其名。彼时的中国，内忧外患、动荡衰败、人心思变，“两千五百年不变的车辙如何去面对船坚炮利，只有一条路——觉醒”。
  • unity中UI、shader显示在3D物体前 Ctrl-c unity3d游戏引擎
    需要将物体转化成视口坐标而不是屏幕坐标Vector3viewPoint=EScreenCamera.WorldToViewportPoint(CurENeedShowPosition);x=viewPoint.x*Screen.width;y=viewPoint.y*Screen.height;mESignMaterial.SetVector("_LP1",newVector4(x,y,mESig
  • css篇---移动端适配的方案有哪几种 婷宝_知萌 前端css前端
    移动端适配移动端适配是指同一个页面可以在不同的移动端设备上都有合理的布局。主流实现的方案有响应式布局通过rem或者vw,vh等实现不同设备有相同的比例而实现适配首先需要了解viewport【视口】视口代表了一个可看见的多边形区域（通常来说是矩形）。在浏览器范畴内，它代表的是浏览器中网站中可见如果要实现浏览器适配移动端，首先我们需要统一标准视口，在html的head中需要添加以下标签：①统一视口re
  • 移动端基础-vw适配 象更 前端cssjavascript
    什么是vw相对单位相对视口的尺寸vw:viewportwidth换算1vw=1/100视口宽度vw不需要向rem一样检查视口宽度若视口宽为375px1vw=3.75pxvw与vmin的区别vmin更照顾横竖屏问题1vw是视口宽度的100%，而vmin是找宽度和高度中最小的那个，这样横屏看着更舒服左图单位为vmin，右图用vw案例bilibili-干杯~~~/*写代码时始终要考虑权重问题！*/@fo
  • 点击div方框消失的小游戏 z丶w
    小游戏*{margin:0;padding:0;}.dian{width:30px;height:30px;background-color:red;position:absolute;}.num{font-size:20px;}当前数量：//window.innerWidth返回视口宽度//console.log(window.innerWidth);//window.innerHeight返回
  • 移动端适配问题解决方案 KIKIo_ 前端javascript前端css
    文章目录一、移动端适配1、什么是移动端适配2、认识视口3、移动端适配方案3.1媒体查询3.2js动态计算3.3使用库4、rem计算的方法4.1手动计算4.2通过less计算4.3postcss-pxtorem4.4利用vscode插件5、vh、vw单位换算一、移动端适配1、什么是移动端适配2、认识视口3、移动端适配方案3.1媒体查询Document@mediascreenand(min-width
  • 年少时H5的踩坑日记 DigitMagic魔数实验室
    前言：在做H5的过程中遇到了许多问题，特意的记录一下。方便查阅开启图目录1.移动端的的适配2.移动端软键盘弹起3.视频自动播放4.移动端屏幕旋转5.结语一、移动端的的适配问题移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，又需要页面在不同的手机保持设计图的效果。html中的viewport设置移动端有三个不同的视口概念：1.布局视口（layoutviewport）：在css中布局的区域2.视
  • CSS3视窗单位vw、vh、vmin、vmax记录 独孤久见
    vw：相对于视口的宽度。视口被均分为100单位的vwvh：相对于视口的高度。视口被均分为100单位的vhvmax：相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmaxvmin：相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin视窗，指的是浏览器可视区域的宽高，也就是window.innerWidth/window.innerHeight。1vw
  • 12.4 OpenGL顶点后处理：图元裁剪 乘风之羽 OpenGL图形渲染
    图元裁剪PrimitiveClippingPrimitiveClipping（图元裁剪）是图形渲染管线中的一个重要步骤，发生在顶点处理之后、光栅化之前。这个阶段主要目的是去除位于视体（ViewVolume）之外或者被用户自定义裁剪平面（ClipPlanes）裁剪掉的图元（如点、线段和三角形），以减少不必要的渲染计算。在OpenGL中，原始图元裁剪过程首先会根据视口坐标系（Viewport）、近裁剪
  • 13 OpenGL顶点后处理 乘风之羽 OpenGL图形渲染
    在可编程顶点处理之后，接下来对生成的图元执行以下固定功能操作：变换反馈：该机制捕获顶点着色器的输出并将其写回到缓冲区中，使得一次渲染过程中的数据可以被后续渲染或模拟重用。图元查询：用于统计和记录渲染过程中特定图元的数量或其他相关信息。平面着色：在多边形的所有顶点上使用相同的颜色或属性值进行着色。图元裁剪，包括客户端定义的半空间裁剪：将超出视口、深度范围或其他裁剪区域的图元部分剔除。着色器输出裁剪：
  • 跟着pink老师前端入门教程-day23 axiu呀 移动端HTML5+CSS3前端开发语言html5css3学习
    苏宁网首页案例制作设置视口标签以及引入初始化样式设置视口标签以及引入初始化样式设置公共common.less文件1.新建common.less设置好最常见的屏幕尺寸，利用媒体查询设置不同的html字体大小，因为除了首页其他页面也需要2.关心的尺寸有320px、360px、375px、384px、400px、414px、424px、480px、540px、720px、750px3.划分的份数我们定为
  • CSS3 基本语法 Muko_0x7d2 前端开发css3前端
    CSS3基本语法1.CSS3新增长度单位rem根元素字体大小的倍数，只与根元素字体大小有关。vw视口宽度的百分之多少10vw就是视口宽度的10%。vh视口高度的百分之多少10vh就是视口高度的10%。vmax视口宽高中大的那个的百分之多少。（了解即可）vmin视口宽高中小的那个的百分之多少。（了解即可）2.CSS3新增颜色设置方式CSS3新增了三种颜色设置方式，分别是：rgba、hsl、hsla。
  • 移动Web——响应式网页 越努力越幸运` HTML5+css3前端
    响应式网页是指能够根据用户设备的屏幕大小、分辨率和浏览器窗口大小等因素自动调整布局和显示效果的网页设计方式。通过使用响应式设计技术，网页可以在不同的设备上提供一致的用户体验，无论是在桌面电脑、平板电脑还是手机等移动设备上访问网页都能够适应不同的屏幕尺寸。响应式网页设计通常使用流体网格布局、弹性图片和媒体查询等技术来实现。流体网格布局让网页元素相对于视口宽度进行相对调整，使得网页可以自动适应不同的屏
  • [经验] cad布局怎么锁定视口 #微信#学习方法#学习方法 浅色夏末33 学习方法
    cad布局怎么锁定视口随着计算机辅助设计技术的不断发展，CAD软件的应用越来越普遍。在使用CAD软件进行绘图时，我们经常需要对图形进行排版布局，而布局中的视口也非常重要。那么，如何锁定CAD布局中的视口呢？下面，本文将详细介绍CAD布局视口锁定的方法。一、什么是CAD布局视口CAD布局视口是我们在进行排版布局时所需要使用到的，它相当于一个窗口，可以显示在布局中所绘制的图形。CAD布局中一般会分为多
  • 2017-11-24 lyy96
    故事从哪里开始又要从哪里结束呢？有一天你突然离开我声嘶力竭的呼唤你，每一天我都希望那是一场梦，每天吃着安眠药入睡迷迷糊糊醒来时摸摸床边，你依然不在一旁，泪水淋透了睡枕，第二天又要忙碌的工作，带娃，然后就是寻找那一根救命稻草。每天身旁萦绕着苍蝇似的小人，每天那些吸血鬼窥视口袋里仅有的钱，每天刺痛心窝的话像剑般射入。这就是现实这就叫残酷。每天行尸走肉一般。从温柔变成了愤怒，从退缩变成了往前冲，照照镜子
  • CityMaker 8二次开发之“这是什么鬼？” [email protected] citymakerGIS
    什么时候才能去掉头重脚轻的毛病？1、Doc:voidIProjectTree.SetVisibility(GuidID,byteVisibleMask)设置可见性。Note：byteVisibleMask这是什么？设置可见性？该如何设置？可能：gviViewportMask是控制在不同视口的可见性的标识，如果需要设置多个，可以这样：gviView0|gviView1。因此代码这样写：uintcod
  • 自适应图片九宫格 css,CSS实现自适应九宫格布局 大全 我来看看就好1123 自适应图片九宫格css
    看到微博和朋友圈都实现了图片九宫格，曾经有次面试也问到了九宫格这个问题，当时想到的是先固定每个单元格的宽高，然后进行浮动。今天想折腾一下，实现自适应父元素宽度的布局。这次我只写了四种方式去实现九宫格，算上inline-block的话就是五种了。首先要注意的是九宫格容器是宽高相等的正方形，并且是自适应的，这里关键是实现宽高相等，有些人想到了相对视口宽度vw，但是它是相对于屏幕可见宽度来设置的，并且会
  • 通过meta设置识别H5与PC端，自适应屏幕 php转go
    这个meta标签组合可以实现以下功能：width=device-width：设置视口宽度为设备宽度。initial-scale=1.0：设置初始缩放比例为1。maximum-scale=1.0：设置最大缩放比例为1。user-scalable=no：禁止用户缩放。此外，还可以使用CSS来进一步控制页面的布局和样式，以适应不同的设备和屏幕尺寸。例如，可以使用媒体查询来设置不同的样式规则，根据设备的宽
  • 移动端WEB开发 Mon trésor.88 前端javamysql
    目录一，meta视口标签二，物理像素（分辨率）与物理像素比三，二倍图二倍精灵图的做法四，背景缩放background-size五，移动端开发选择单独移动端页面（主流）响应式兼容PC移动端六，移动端技术解决方案七，特殊样式一，meta视口标签想要理想视口，就要给移动端页面添加meta视口标签属性解释说明width宽度设置的是viewport宽度，可以设置device-width特殊值initial-
  • Bootstrap5 响应式导航栏 自动化新人 前端javascripthtml
    Bootstrap5响应式导航栏我们可以使用Bootstrap5导航栏组件为网站或应用程序创建响应式导航标题。这些响应式导航栏在手机等小视口的设备上会折叠，但当用户单击切换按钮时会展开。但是，它在中型和大型设备（例如笔记本电脑或台式机）上将正常显示为水平。还可以轻松创建导航栏的不同样式，例如带有下拉菜单和搜索框的导航栏以及固定定位的导航栏。以下示例将展示如何创建带有链接的简单的导航栏。迹忆客编程教
  • Vellum —— SOP|Nodes 挨代码 #VellumHoudiniHoudini
    目录VellumAttachConstraints——交互式编辑或创建新的attach或stitch约束VellumAttachtoGeometry——创建attach约束VellumBrush——在视口交互式绘制几何体VellumReferenceFrame——绑定点到参照系VellumRestBlend——融合当前约束状态和指定约束状态VellumConstraintProperties——修
  • 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
      如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
  • java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
    java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
  • mysql批量更新 ekian mysql
    mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
  • 微软BI（3） 18289753290 微软BI SSIS
    1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
  • Java中的List g21121 java
            List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
  • 读书笔记 永夜-极光 读书笔记
       1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
  • centos 安装 Codeblocks 随便小屋 codeblocks
    1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
  • 23种设计模式的形象比喻 aijuans 设计模式
    1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
  • 开发管理 CheckLists aoyouzi 开发管理 CheckLists
    开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
  • js实现切换 百合不是茶 JavaScript栏目切换
    js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
  • 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
            这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
  • 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
    1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
  • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
      CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
  • Struts2技术总结 白糖_ struts2
      必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
  • Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
    在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
  • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
    public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
  • color Chen.H JavaScripthtmlcss
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
  • [信息与战争]移动通讯与网络 comsci 网络
          两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
  • oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
    在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
  • zeus持久层DAO单元测试 deng520159 单元测试
    zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
  • C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
    printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
  • 那你为什么小时候不好好读书? dcj3sjt126com life
    dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
  • iptables开放端口 Fanyucai linuxiptables端口
    1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
  • Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
    缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
  • 通过hashset找到数组中重复的元素 jackyrong hashset
      如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
  • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
    后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
  • 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
    应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
  • 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
    /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
  • Spring Mybatis独立事务配置 toknowme mybatis
    在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
  • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
    使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他