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)

  • CSS 中px、em、rem、%、vw、vh、vm、rpx、fr 介绍和区别对比 慧一居士 前端css3css前端
    CSS单位详解：px、em、rem、%、vw、vh、vmin/vmax、rpx、fr以下是各单位的定义、特点、区别及使用场景对比：1.px（像素）定义：绝对单位，表示屏幕上的一个物理像素点。特点：固定尺寸，不受其他因素影响。在高分辨率屏幕上可能显示过小（需配合viewport缩放）。场景：边框、固定尺寸元素（如图标）。示例：.box{width:200px;}/*固定宽度200像素*/2.em（相
  • VW(viewport width) 码哥DFS css前端html
    vw表示当前视口宽度的1%。1vw等于视口宽度的1%，100vw等.element{width:50vw;/*元素宽度为视口宽度的50%*/font-size:2vw;/*字体大小随视口宽度缩放*/}vw的适用场景响应式布局：根据屏幕宽度调整元素尺寸，避免固定像素的局限性。全屏元素：实现宽度或高度与视口完全匹配的效果（如全屏轮播图）。字体缩放：结合calc()或媒体查询实现动态字体大小。vw结合媒
  • CSS长度单位问题 半点寒12W css前端
    在CSS中，100px的逻辑长度在不同分辨率的手机屏幕上是否表现一致，取决于设备的像素密度（devicePixelRatio）和视口（viewport）的缩放设置。以下是详细分析：1.核心概念CSS像素（逻辑像素）：CSS中的px是逻辑单位，与设备的物理分辨率无关，而是由浏览器根据devicePixelRatio动态映射到物理像素。物理像素：屏幕实际发光的点（如1080×2340像素的屏幕）。设备
  • 懒加载革命：用 IntersectionObserver 实现零性能损耗的图片加载 沐土Arvin javascript前端
    ✅浅谈IntersectionObserverIntersectionObserver是一个现代的浏览器API，用于异步监听目标元素与其祖先元素或视口（viewport）的交叉状态变化。它解决了传统滚动检测的性能问题，特别适用于实现懒加载、无限滚动、广告曝光统计等场景核心概念观察器（Observer）：监控一个或多个目标元素。根元素（Root）：默认是浏览器视口，也可指定为自定义容器（需是目标元素
  • 第七节 移动端适配-视口与REM布局 泽泽爱旅行 csshtml前端css
    以下是关于移动端适配中的视口与REM布局的全面解析，结合核心原理、实现方案、应用场景及优化策略，帮助开发者深入理解并高效实现响应式设计。一、视口（Viewport）的核心概念1.视口类型布局视口（LayoutViewport）浏览器默认的视口宽度（通常为980px），用于在移动端显示PC页面，需缩放才能适应屏幕。视觉视口（VisualViewport）用户当前可见的屏幕区域，随缩放或滚动变化。理想
  • 移动端开发中设备、分辨率、浏览器兼容性问题 程序猿--豪 webpack性能优化前端
    以下是针对移动端开发中设备、分辨率、浏览器兼容性问题的系统化解决方案，按开发流程和技术维度拆解，形成可落地的执行步骤：一、基础环境适配：从「起点」杜绝兼容性隐患1.Viewport元标签标准化关键点：width=device-width：确保布局宽度与设备物理宽度一致。user-scalable=no：禁用用户缩放，避免布局错乱。补充：针对iOS10+刘海屏安全区域适配：body{padding:
  • Mask篇 (含引导层、不规则遮罩) 海尔辛 Unityunity性能优化ui
    UnityUI性能优化终极指南—Mask篇(含引导层、不规则遮罩)什么是Mask？Mask是UGUI组件，限制子元素的可视区域原理：Alpha测试+遮罩裁剪（Stencil/AlphaClip）用途：滚动列表、引导层、Popup窗口裁剪、半透明遮罩背景种类：Mask(软裁剪，基于AlphaCutoff)RectMask2D(矩形硬裁剪，基于ViewportRect)总结：Mask=限制UI显示范围
  • CSS尺寸单位终极指南：精准区分与选择px/vw/em等单位 Lew2 css前端css3学习方法
    CSS尺寸单位终极指南：精准区分与选择px/vw/em等单位核心单位解析与使用规范引言一、绝对单位1.`px`(Pixel)2.`pt`(Point)二、视口相对单位1.`vw`(ViewportWidth)2.`vh`(ViewportHeight)3.`dvh`(DynamicViewportHeight)三、字体相对单位1.`rem`(RootEM)2.`em`(ElementEM)四、容器
  • 移动端H5-iPhone安全距离适配 辰枫Sir. 经验分享移动端iphone安全ios
    安全区域？安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensorhousing）、小黑条（HomeIndicator）影响，如下图蓝色区域：也就是说，我们要做好适配，必须保证页面可视、可操作区域是在安全区域内。更详细说明，参考文档：HumanInterfaceGuidelines-iPhoneXviewport-fitiOS11新增特性，苹果公司为了适配
  • 基于cornerstone3D的dicom影像浏览器 第二十二章 mpr + vr 西哥写代码 3dvrjavascriptvue3cornerstonejsdicom
    系列文章目录第一章下载源码运行cornerstone3Dexample第二章修改示例crosshairs的图像源第三章vite+vue3+cornerstonejs项目创建第四章加载本地文件夹中的dicom文件并归档第五章dicom文件生成png，显示检查栏，序列栏第六章stackviewport显示dicom序列第七章在Displayer四个角落显示文字第八章在Displayer中显示图像方位第
  • 写python脚本进行abaqus建模,抄某指导书中的一个简单的悬臂梁代码 成田日上 曾经笔记pythonabaqus悬臂梁模型
    #!/user/bin/python#coding:utf-8fromabaqusimport*importtestUtilstestUtils.setBackwardCompatibility()fromabaqusConstantsimport*myModel=mdb.Model(name='Beam')print'创建新视窗来显示模型和分析结果'myViewport=session.View
  • 理解 Viewport：让网页在手机端正确显示的秘诀 前端 贾公子 前端javascripthtml
    目录什么是Viewport？为什么手机需要特殊处理？神奇的Meta标签基础写法关键属性详解响应式设计的基石什么是REM？为什么选择REM？实战：REM+Viewport的最佳拍档步骤1：设置Viewport步骤2：动态计算根字体大小步骤3：用REM构建布局智能缩放原理（图示）进阶技巧1.与VW单位结合2.像素转换神器3.防止过小字体注意事项REMvs其他单位什么是Viewport？当我们在手机上打
  • 基于cornerstone3D的dicom影像浏览器 第二十一章 显示DICOM TAGS 西哥写代码 javascriptvue前端
    系列文章目录第一章下载源码运行cornerstone3Dexample第二章修改示例crosshairs的图像源第三章vite+vue3+cornerstonejs项目创建第四章加载本地文件夹中的dicom文件并归档第五章dicom文件生成png，显示检查栏，序列栏第六章stackviewport显示dicom序列第七章在Displayer四个角落显示文字第八章在Displayer中显示图像方位第
  • IntersectionObserver、scrollIntoView 鬼月残雪 前端javascript开发语言
    IntersectionObserverIntersectionObserver接口提供了一种异步观察目标元素与祖先元素或顶级文档viewport的交集中的变化的方法。祖先元素与视窗viewport被称为根(root)。IntersectionObserverAPI是异步的，不随着目标元素的滚动同步触发。IntersectionObserver的实现，应该采用requestIdleCallback
  • 7.vtk坐标系 吃个糖糖 VTK数码相机
    文章目录vtkCoordinate示例使用vtkRenderer::SetViewport()设置视口范围Model坐标系统：这是定义模型本身的坐标系。它是一个局部坐标系，允许设计师以一种直观的方式创建对象，例如球体、立方体等。在这个坐标系中，对象的位置通常是相对于自身的中心或某个特定点来定义的。World坐标系统：将多个Model坐标系统中的对象统一放置在一个共同的空间中，这个空间就是World
  • Day13_交通工具是怎么移动起来的 小声读源码 OpenTTDc++游戏程序
    返回目录首先，我们做一个有趣的实验，在viewport.cpp的AddSortableSpriteToDraw()增加一行代码viewport.cppLine659voidAddSortableSpriteToDraw(SpriteIDimage,PaletteIDpal,intx,inty,intw,inth,intdz,intz,booltransparent,intbb_offset_x,i
  • WPF 3D图形库：创建高效交互式三维界面 张天筝
    本文还有配套的精品资源，点击获取简介：.NETFramework3.0中的WPF引入了一套3D图形库，支持硬件加速渲染的交互式三维用户界面。开发者可以使用C#和VisualStudio创建3D图表如条形图和饼图。WPF3D图形库使用Direct3D基础，利用Viewport3D控件显示3D元素，并通过Model3DGroup、MeshGeometry3D、Material等类创建复杂3D模型。此外
  • css移动端开发 带钱跑路77 css前端
    1.视口视口标签视口元标签（ViewportMetaTag）用于控制网页在移动设备上的视口行为，确保页面能够正确缩放和调整。通常在HTML的部分添加如下代码：属性解释说明width宽度设置的是viewport宽度，可以设置device-width特殊值initial-scale初始缩放比，大于0的数字maximum-scal最大缩放比，大于0的数字minimum-scale最小缩放比，大于0的数字
  • vue中操作dom，实现元素的拖拉拽 Sunshinedada vue.jsjavascript前端
    使用原生的操作DOM的方式，实现元素的拖拉拽功能。默认将元素绝对定位到左上角位置left为0，top为0。监听元素的移动，只需要知道元素的左上角x和y位置即可，元素的x和y的偏移量就是元素重新进行定位的left和top的数据。getBoundingClientRect()是DOM元素的一个方法，它返回一个DOMRect对象，提供了元素的大小及其相对于视口(viewport)的位置信息。具体代码：拖
  • 适配移动端不同屏幕尺寸 TE-茶叶蛋 面试复习系列html知识前端
    文章目录前言✅1.使用`viewport`设置缩放（基础适配）原理：示例：说明：优点：✅2.使用`rem`+`flexible.js`或`postcss-pxtorem`原理：flexible.js示例：CSS示例：postcss配置（推荐）：优点：✅3.使用媒体查询`mediaquery`原理：示例：优点：✅4.使用`vw`/`vh`百分比布局原理：示例：优点：实战推荐组合❗注意事项基于Vite
  • html+css网站开发，如何实现自适应屏幕尺寸大小 yrldjsbk css3htmlcss前端
    以下内容，我们是假设页面内容里仅有文字和图片的情况下，该如何设计，才能让页面尺寸随着设备屏幕尺寸的大小而实时的发生变化。需要注意以下几个要点。第一：在网页代码的头部，加入一行viewport元标签用户不具备修改缩放比例的权限。如果想开启，可以改成yes第二：容器的宽度设置width:auto;/width:XX%;不要使用决定的像素第三：字体大小是页面默认大小的100%，即16像素，不要使用绝对大
  • html5怎么实现自动缩放图片,HTML5响应式（自适应）网页设计的实现 我就是摘星星的少年 html5怎么实现自动缩放图片
    本文介绍了HTML5响应式(自适应)网页设计的实现，分享给大家，具体如下：第一步：在网页代码的头部，加入一行viewport元标签viewport是网页默认的宽度和高度，上面这行代码的意思是：网页宽度默认等于屏幕宽度(width=device-width)，原始缩放比例(initial-scale=1)为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9。对于那些
  • getBoundingClientRect()的理解 徐_三岁 前端javascript开发语言
    getBoundingClientRect()是JavaScript中DOM元素的一个非常有用的方法，它用于获取元素的大小及其相对于视口（viewport）的位置。这个方法返回一个DOMRect对象，该对象包含了top、right、bottom、left、width、height以及一些其他可能由浏览器实现的属性。varelement=document.getElementById('myElem
  • 8.5K+ Star！Skyvern：一个基于LLMs和计算机视觉自动化浏览器工作流的工具 鱼满满记 AI应用Github项目人工智能githubai
    Skyvern简介Skyvern[1]一个使用大型语言模型（LLMs）和计算机视觉自动化浏览器工作流程的工具。它通过API端点提供服务，能够在无需定制代码的情况下自动化多个网站上的手动工作流程。Skyvern利用计算机视觉和LLMs实时解析视口（viewport）中的项目，规划交互并执行操作。它具有适应网站布局变化、在未知网站上操作的能力，并能利用LLMs处理复杂交互情况。项目特点主要特点无需定制
  • bootstrap响应式布局特点以及解析 pdsu_zhao Bootstrap面试/笔试+项目问题bootstrap响应式面试题metadevice-width
    一、bootstrap介绍当提到响应式布局，我们脑子里会出现bootstrap的概念，它有哪些特点呢？（1）响应式（@media媒体布局）（2）移动设备优先（metaname="viewport"content="width=device-width,initial-scale=1.0"）（3）自定义css属性样式（data-*=""）（4）栅栏布局（col-md-3）1、响应式，什么又是响应式布
  • UE5蓝图实现打开和关闭界面、退出 AgilityBaby ue5unrealengine游戏引擎
    Button_Back和Button_Exit是创建的两个按钮事件。1.CreateWidget创建界面（打开界面）2.AddtoViewport添加到视图3.removeformParent，Target：self从父节点移除当前界面（关闭界面）4.QuitGame退出游戏，关闭此程序。
  • 深入理解 Viewport Meta 标记及其基本属性的使用场景 芭拉拉小魔仙 程序员成长札记前端javascript开发语言
    在前端开发的世界里，viewportmeta标记扮演着至关重要的角色，它能够让我们的网页在各种移动设备上都能有良好的展示效果。一、什么是ViewportMeta标记？Viewport（视口）是用户在网页上能够看到的区域。而viewportmeta标记则是HTML中用于控制视口的设置。它位于标签内部，通过它我们可以告诉浏览器如何对页面进行缩放和布局，从而适配不同的设备屏幕。二、基本属性1.width
  • 斯坦福CS193U-虚幻4C++课程学习笔记(5) 8E3eGrM CS193UUEC++学习unrealengine4游戏引擎c++
    Lecture6知识点：尽量避免使用hotreloadUEC++的debugtricks：UE_LOG(LogTemp,Log,TEXT(""))可以在TEXT使用类似C++的插入操作例如%slog信息DrawDebug系列在viewport中显示BreakpointBP中的debug:在BP的结点上添加BreakpointDrawDebug/PrintStringWatchvalueUCLASS
  • Open GL ES -＞模型矩阵、视图矩阵、投影矩阵等变换矩阵数学推导以及方法接口说明 Yang-Never OpenGLES矩阵androidandroidstudiokotlin
    OpenGLES变换矩阵详解一、坐标空间变换流程局部空间->ModelMatrix(模型矩阵)->世界空间世界空间->ViewMatrix(视图矩阵)->观察空间观察空间->ProjectionMatrix(投影矩阵)->裁剪空间裁剪空间->ViewPortTransform(视口变换)>屏幕空间二、变换矩阵及计算1.模型矩阵ModelMatrix方法:Matrix.rotateM(),Matri
  • uniapp实现全局设置字体大小(字体大小切换) 矽东 uniappuni-appjavascript前端
    效果图实现步骤1.安装配置postcss-px-to-viewpornpminstallpostcss-px-to-viewport--save-dev2.根目录下创建一个postcss.config.js文件，文件内容如下：constpath=require('path')module.exports={ parser:'postcss-comment', plugins:{  'postcss
  • 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其他