IE8 背景色透明 background: rgba(0,0,0,.5); /*支持rgba的浏览器*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的，但是这个地方不
CSS3实现翻转(Flip)效果 <!DOCTYPE html><html lang="en"><head> <title>DL Mobile</title> <meta content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no" name="viewport"> <meta content="teleph
js性能-DOM编程之重绘和重排 浏览器下载完页面中的所有组件----HTML标记，Js，CSS，图片等之后会解析并生成两个内部数据结构：1.DOM树 -------- 表示页面结构2.渲染树 -------- 表示DOM节点如何显示 DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点（隐藏的DOM元素在渲染树中没有对应的节点）。 渲染树中的节点被称为“帧“或者”盒“，符合CSS模型的定义
grunt自动化环境配置 1.创建package.json文件和Gruntfile.js文件,再执行下grunt命令，ok一、package.json{ "name": "dps", "varsion": "0.1.0", "devDependencies": { "grunt": "*", "grunt-contrib-concat": "^0.5.1", "grunt-contrib-
页面加载进度条原理 <!DOCTYPE html><html><head> <title>DEMO</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial
web移动端常见问题总结 Meta标签：<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 这个想必大家都知道，当页面在手机上显示时，增加这个meta可以使页面强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大
js条件语句false情况 1.下面列出的值被当作假(false): ①false ②null ③undefined ④空字符串'' ⑤数字0 ⑥数字NaN 其他所有的值都被当做真,包括true、字符串'false',以及所有对象 example:if(!0){//0为false console.log("true");
移动WEB前端开发资源整合 meta篇1.视窗宽度<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>其中 width=device-width 是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如： width=640 则是640p
移动平台对 META 标签的定义 下面介绍一些有关标记的例子及解释。一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。用法：1<meta http-equiv="Content-Type
安卓微信浏览器加border-radius出现模糊(锯齿) <!DOCTYPE html><html lang="zh-CN"><head> <title>border-radius出现模糊(锯齿)</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" conten
-webkit-text-size-adjust: none; -webkit-text-size-adjust: none;在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，最终将显示12px。这样弄的本意可能是好的，因为中文一旦小于12px，就变得不易阅读。但中文版Chrome也会阅读英文网站啊！中文网页里面也会有英文的小字体设置需求啊！尤其是一些文字部份的设计，不小实在不好看，影响整个排版的美观。解决方案，添加一个私有属性到htm
js倒计时 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Conten
如何设置css3中placeholder的字体颜色 1、因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 ::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#99
SeaJS，require加载Jquery总是为null RT，这个问题困扰了我两天，使用别人的例子、官网down下来的example都没有问题。但是放到自己项目里就 var $=require(“jquery”) 为null。后来发现，jquery本来没有amd规范的，于是从官网上的example下来里面的jquery拿过来直接用，最注意的是，在jquery里面增加了有define这段，里面有一个路径要根据自己实际项目路径进行调整if ( typeof
图片上下左右居中 <style> body{ margin: 0; padding: 0; } /*方法一*/ .box{ position: relative; width: 300px; height: 300px;
禁止鼠标全选住图片 火狐CSS控制方法: /*ff stop select*/ -moz-user-select:none;其他浏览器用js: document.onselectstart=function(){return false;}
移动webapp页面适配方案 Viewport(视口)概念In web browsers, the viewport is the visible portion of the entire document.移动端浏览器在一个通常比屏幕更宽的虚拟”窗口“（视口）中渲染页面，从而无需将所有页面都压缩进小屏幕里（那样会把很多没有针对移动端进行优化的站点打乱）。用户可以通过平移和缩放来浏览页面的不同区域。 大部分的移动端浏览器
HTML页面加载和解析流程 1.用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件； 2.浏览器开始载入html代码，发现＜head＞标签内有一个＜link＞标签引用外部CSS文件； 3.浏览器又发出CSS文件的请求，服务器返回这个CSS文件； 4.浏览器继续载入html中＜body＞部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了； 5.浏览器在代码中发现
关注
