94very
94very

viewport

在网页设计时我们经常会使用各种框架，比如Bootstrap框架，本以为能直接适配手机端，但是还是出了问题，下面是用bootstrap写的。

电脑端如下


image

本想的手机端应该为如下（而且电脑端浏览器屏幕缩小也会折叠菜单的）


image

但用谷歌开发者工具查看手机端适配时，如下


image

菜单并没有折叠，与预期中不一样，而且字还特别小，感觉应该没有问题，因为宽度是按百分比设置的，在查看元素时，才看到元素的宽度为980px，但我并没有设置这样的宽度，网上查了查，才知道手机设备的浏览器会为了提高分辨率，会自己设置可视区域的宽度，如下


image

所以这个是浏览器自己设置的。

这是我们就要引入viewport（浏览器可视区域）了，下面是viewport的一些属性。

width                         设置layout viewport 的宽度，为一个正整数，或字符串"width-device"

initial-scale              设置页面的初始缩放值，为一个数字，可以带小数

minimum-scale        允许用户的最小缩放值，为一个数字，可以带小数

maximum-scale       允许用户的最大缩放值，为一个数字，可以带小数

height                        设置layout viewport的高度，这个属性对我们并不重要，很少使用

user-scalable是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许

在上面这个网页我们应该设置如下


image

宽度为设备的宽度，初始页面不缩放

然后手机端就变成了


image

本文章仅限于个人学习所用，希望能对你起到帮助

你可能感兴趣的:(viewport)

  • 【拖拽】自定义拖拽图标 风露_
    一、知识点设置被拖拽的元素draggable为true(HTML5新特性)关键方法：voiddataTransfer.setDragImage(img,xOffset,yOffset);注意点：Note:Ifthe[Element]isanexisting[HTMLElement],itneedstobevisibleintheviewportinordertobeshownasadragfeed
  • HTML文档中折行的使用,10_h5是如何做移动端适配的？折行的时候如何实现不断行... Mr.Zzzzzzz HTML文档中折行的使用
    一、百分比适配1、要点元素的宽度使用了百分比来定宽，根据屏幕的宽度进行自适应适合页面内容结构均匀分配,固定高度,结构不是很复杂,注意要设置viewport视口内容宽度等于设备的宽度使用百分比定宽的元素，百分比参考的是该元素最近的，定了宽度的父元素2、示例固定高度,宽度自适应,100%比做适配*{padding:0;margin:0;}body{font-size:16px;overflow:hid
  • 响应式 Web 设计 - Viewport hi武林高手
    什么是Viewport?viewport是用户网页的可视区域。viewport翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。设置viewport一个常用的针对移动网页优化过的
  • 微信小程序中如何监听元素进入目标元素 _处女座程序员的日常 微信小程序js交互微信小程序小程序
    Page({onLoad:function(){//如果目标节点（用选择器.target-class指定）进入显示区域以下100px时，就会触发回调函数。wx.createIntersectionObserver().relativeToViewport({bottom:100}).observe('.target-class',(res)=>{res.intersectionRatio//相交区
  • vue移动端适配postcss-px-to-viewport 我是七月
    在之前有一种流行已久的移动端适配方案，那就是rem，我想下面这两句代码，有不少老移动端都不会陌生：constdeviceWidth=document.documentElement.clientWidth||document.body.clientWidth;document.querySelector('html').style.fontSize=deviceWidth/7.5+'px';没错，
  • 书写HTML的规范 恶心_3da6
    文章目录1.1通用约定标签Class与ID属性顺序引号嵌套语义嵌套约束严格嵌套约束布尔值属性1.2语义化常见标签语义示例1.3HEAD文档类型语言属性字符编码IE兼容模式SEO优化viewportiOS图标favicon完整的HEAD模板1.1通用约定标签自闭合（self-closing）标签，无需闭合(例如：imginputbrhr等)；可选的闭合标签（closingtag），需闭合(例如：或)
  • 【html知识】用html写一个简单的个人网页 天若有情673 【html5+css】前端知识html前端
    介绍：这是一个HTML和CSS的代码段，它构建了一个基本的个人网页布局。以下是该代码的详细介绍：HTML部分：文档类型与基础结构：声明了文档类型为HTML5。定义了整个HTML文档，并设置语言为英语。头部信息：标签内包含了元数据，如字符集定义()，视口设置(<metaname="viewport"content="
  • 曾经的iOS 9，为前端世界都带来了些什么？ qq_34281962 移动开发前端开发人员苹果ios技术
    2015年9月，Apple重磅发布了全新的iPhone6s/6sPlus、iPadPro与全新的操作系统watchOS2与tvOS9（是的，这货居然是第9版），加上已经发布的iOS9，它们都为前端世界带来了哪些变化呢？作为一个web开发者，是时候站在我们的角度来说一说了！注！该译文存在大量英文术语，笔者将默认读者知晓ES6、viewport、nativeapp、webview等常用前端术语，并不对
  • 获取浏览器宽高 yqcoder 前端javascripthtml5
    一、使用window.innerWidth和window.innerHeight这是较为常用的方法。constviewportWidth=window.innerWidth;constviewportHeight=window.innerHeight;console.log(`视口宽度：${viewportWidth}，视口高度：${viewportHeight}`);二、使用document.d
  • 开源一个Flutter版WanAndroid客户端 2301_79098336 程序员开源flutter
    然后bean类在声明的时候是混入了JsonConvert的,可以直接使用JsonConvert里面的方法,完美.5.5FlutterScrollView(滚动视图)ScrollView是一个带有滚动的视图组件,它本身由三部分组成Scrollable-它监听各种用户手势并实现滚动的交互设计。Viewport-它通过在滚动视图内仅显示一部分小部件来实现滚动的可视化设计。Slider-它们是可以组合以创
  • 响应式Web设计：纯HTML和CSS的实现技巧-1 Dingdangr html
    响应式Web设计（ResponsiveWebDesign,RWD）是一种旨在确保网站在不同设备和屏幕尺寸下都能良好运行的网页设计策略。通过纯HTML和CSS实现响应式设计，主要依赖于媒体查询（MediaQueries）、灵活的布局、可伸缩的图片和字体、以及适当的视口设置等技术。1.视口元标签（ViewportMetaTag）在HTML文档的部分添加视口元标签是响应式设计的基础。这个标签告诉浏览器如
  • 移动端适配方案 postcss-px-to-viewport 有没有认真工作 postcssjavascript前端
    安装npminstallpostcss-px-to-viewport--save-dev或yarnadd-Dpostcss-px-to-viewport根目录下新建postcss.config.js文件module.exports={plugins:{autoprefixer:{},'postcss-px-to-viewport':{viewportWidth:750,//视窗的宽度，对应的是我们
  • 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
  • 移动开发中“单位”的那些事儿 小灯光环 前端开发移动开发pxviewportandroidwebapp
    前言在移动开发中我们常常会考虑度量单位的问题，在传统pc的web开发中用的比较多的是px（css像素），在android开发中一般则用dp、sp、px（物理像素）等，而移动web开发中同样也是用px（css像素）做单位，通常会结合viewport进行缩放。本篇blog就梳理一下在移动开发中用到的各种单位以及他们之间的联系和区别。绝对单位和相对单位如题，首先来看看什么是绝对单位和相对单位：绝对单位：
  • Unity ScrollRect控件，将Content中任意元素定位到viewport中心的方法 猪皮香蕉 Unity游戏开发之路游戏开发unityugui
    参考：uguimaxminauchor解释localPosition与anchoredPosition的转化关系UnityUGUI原理篇(三)：RectTransformRectTransform中localPosition与anchoredPosition的区别UGUI在两个UI间坐标转换这个需求是做一个小游戏项目中，需要将玩家退出游戏时的关卡保存，在重新加载的过程中，在选关界面的中心自动定位到
  • unity中scrollrect组件的使用，viewport必须选择（制作内容滑动模块） 丶小冷 C#与unity
    scrollrect组件：制作内容页面滑动效果，例如任务界面，关卡选择界面，所有超出可视范围的内容，都可以使用。完整示例如图：上图任务界面，可以上下滑动查看其他任务。scrollrect组件需求：（此处没有选择添加滑动条，需要的话，创建一个scrollbar，拖入组件响应位置即可）1，一个带有mask遮罩的物体，限定内容展示范围2，一个内容集合的父物体，动态生成的内容可以选择添加网格或者水平布局组
  • Unity中关于ScrollRect组件完整解决方案(ScrollRect中元素自动排版+ScrollRect中元素自动定位到Viewport可见范围内) Defining the Future Unityunity游戏引擎前端游戏ScrollRect
    这个教程可以实现点击我这个视频中所示的效果一、元素自动排版功能1、首先要往我们的unity项目中导入两个脚本文件，脚本文件名称分别是UIScrollEventListener和CZScrollRect，这两个脚本文件代码如下所示。1-1、介绍UIScrollEventListener脚本写法。usingSystem.Collections;usingSystem.Collections.Gener
  • 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
  • css3新单位vw、vh、vmin、vmax icaojinyu
    vw：按照viewport宽度的百分比计算盒子的宽度或字体的大小；vh：按照viewport高度的百分比计算盒子的高度；vmin：对比viewport的宽度和高度，按照小的做百分比计算；vmax：对比viewport的宽度和高度，按照大的做百分比计算；
  • 年少时H5的踩坑日记 DigitMagic魔数实验室
    前言：在做H5的过程中遇到了许多问题，特意的记录一下。方便查阅开启图目录1.移动端的的适配2.移动端软键盘弹起3.视频自动播放4.移动端屏幕旋转5.结语一、移动端的的适配问题移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，又需要页面在不同的手机保持设计图的效果。html中的viewport设置移动端有三个不同的视口概念：1.布局视口（layoutviewport）：在css中布局的区域2.视
  • 2021-1-24 宁_74ea
    initial-scale:viewport的初始缩放级别（0-10之间的正数，1表示无缩放）minimum-scale:viewport能缩放的最小值（0-10之间的正数）maximum-scale:viewport能缩放的最大值（0-10之间的正数）user-scalable:是否可以手动缩放（yesorno）没有text-color这个属性，文字颜色统一用color.再加上就近原则autop
  • 如何单独捕捉QTreeWdiget鼠标点击事件 尽虹 Qtqtevent
    目录如何单独捕捉QTreeWdiget鼠标点击事件首先肯定想到的是安装eventFilter.h.cppusecase如何得知鼠标点击的Item呢有什么用如何单独捕捉QTreeWdiget鼠标点击事件首先肯定想到的是安装eventFilter安装后发现收不到鼠标点击事件，很幸运有人解答了,得用treewidget->viewport()安装事件过滤器。.h#ifndefOBSERVERMOUSEC
  • svg 进阶 我叫汪枫 前端vuehtml5
    svg进阶svg应用场景绘制icon绘制动画svgviewport和viewBoxviewport是svg图像的可见区域viewBox是用于在画布上绘制svg图形的坐标系统在一下案例中svg中width=“500”height=“200”就是可视区域比如你的svg是100X100但是你的可视区域只有20X20那么他就不能展示—>viewportviewBox表示svg的绘制坐标系默认值取viewp
  • 12.4 OpenGL顶点后处理：图元裁剪 乘风之羽 OpenGL图形渲染
    图元裁剪PrimitiveClippingPrimitiveClipping（图元裁剪）是图形渲染管线中的一个重要步骤，发生在顶点处理之后、光栅化之前。这个阶段主要目的是去除位于视体（ViewVolume）之外或者被用户自定义裁剪平面（ClipPlanes）裁剪掉的图元（如点、线段和三角形），以减少不必要的渲染计算。在OpenGL中，原始图元裁剪过程首先会根据视口坐标系（Viewport）、近裁剪
  • 百度地图：根据地图上的坐标点数组获取自适应的地图中心点和地图层级 AFRICA_7776
    varpoints=[point1,point2,point3];varview=map.getViewport(eval(points));varmapZoom=view.zoom;varcenterPoint=view.center;map.centerAndZoom(centerPoint,mapZoom);转载至：https://www.cnblogs.com/Apply-fly/p/71
  • vue移动端适配（px转vw）postcss-px-to-viewport配置 安装postcss-px-to-viewport 如饥似渴的人
    npminstallpostcss-px-to-viewport//postcss.config.js文件module.exports={plugins:{'postcss-px-to-viewport':{unitToConvert:'px',//需要转换的单位，默认为"px"viewportWidth:375,//视窗的宽度，对应的是我们设计稿的宽度viewportHeight:1334,//
  • CSS综合案例——制作新闻快报模块 我吃饭很慢. CSS综合案例css前端
    效果如下：这里特惠内容我用的是li，但是li会有小圆点，因此需要去掉小圆点。所需注意：要去掉li前面的项目符号（小圆点），语法是：list-style:none;这个新闻快报小模块的代码：<metaname="viewport"content="w
  • CityMaker 8二次开发之“这是什么鬼？” [email protected] citymakerGIS
    什么时候才能去掉头重脚轻的毛病？1、Doc:voidIProjectTree.SetVisibility(GuidID,byteVisibleMask)设置可见性。Note：byteVisibleMask这是什么？设置可见性？该如何设置？可能：gviViewportMask是控制在不同视口的可见性的标识，如果需要设置多个，可以这样：gviView0|gviView1。因此代码这样写：uintcod
  • 关于vite5中postcss-px-to-viewport插件问题和require问题 _斯洛伐克 postcss前端javascript
    1.vue3中不支持require，可以npmivite-plugin-require-transform--save-devimportrequireTransformfrom'vite-plugin-require-transform';exportdefaultdefineConfig({plugins:[vue(),requireTransform({fileRegex:/.js$|.vu
  • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
    /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
  • Java异常那些不得不说的事 白糖_ javaexception
    一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
  • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
    BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
  • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
        Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
  • tomcat的多域名、虚拟主机配置 g21121 tomcat
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
    1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
  • log4j的用法 Harry642 javalog4j
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
  • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
    定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
  • Hessian 简单例子 antlove javaWebservicehessian
    hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
  • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
    回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
  • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
            实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
  • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
    /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
  • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
  • jquery-validation备忘 白糖_ jquerycssF#Firebug
    留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
  • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
    public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
  • 买房历程 cfyme
        2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
  • [军事与科技]制造大型太空战舰的前奏 comsci 制造
           天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
  • dateformat dai_lm DateFormat
    "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
  • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
  • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
  • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
      本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
  • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
    js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
  • SpringMVC4零配置--web.xml hanqunfeng springmvc4
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
  • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
  • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
    1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
  • Jquery性能优化 r361251 JavaScriptjquery
    一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
  • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
    概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
  • 中国天气网省市级联页面 x125858805 级联
    1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他