博客主题访问地址:https://github.com/logan70/logan70.github.io
<input>
标签的type类型增加如下
email / url / number / range / Date picker / search / color / tel
表单属性增加如下
autocomplete / autofocus / muiltiple / placeholder / required
链接属性增加如下
<link>
的sizes属性
<base>
的target属性
超链接<a>
其他属性增加如下
script / ol / html / style
<!DOCTYPE>声明必须是HTML文档的第一行,位于<html>标签之前
指示web浏览器关于页面使用哪个HTML版本进行编写的指令
DTD可定义合法的XML文档构建模块,它使用一系列合法的元素来定义文档的结构
DTD规定了标记语言的规则,这样浏览器才能正确的呈现内容
HTML的DTD中,使用XML定义html标签规范
HTML5不基于SGML,所以不需要引用DTD
V
M
L
W
C
I
Space + MouseMove
Ctrl + Shift + C
H + MouseMove
Ctrl + H
Ctrl + E
Alt + Delete
Ctrl + Delete
Ctrl + T
Ctrl + D
Ctrl + Alt + E
Ctrl + Alt + Shift + E
盖印就是在你将处理图片的时候将处理后的效果盖印到新的图层上,功能和合并图层差不多,不过比合并图层更好用!因为盖印是重新生成一个新的图层而一点都不会影响你之前所处理的图层,这样做的好处就是,如果你觉得之前处理的效果不太满意,你可以删除盖印图层,之前做效果的图层依然还在。极大程度上方便我们处理图片,也可以节省时间。
Ctrl+R
Ctrl + Alt + Shift + S
Ctrl + Shift + I
觉得有用的可以去下面的源码地址Fork或者Clone到本地使用,希望给个Star支持一下
<script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus库-->
<script type="text/javascript" src="js/mf-pattern/slide3D.js"></script><!--引入风格js文件-->
<link href="js/mf-pattern/slide3D.css" type="text/css" /><!--引入风格css文件-->
zepto和jQuery Mobile代表移动端框架的两个方向 zepto框架轻量 jQuery Mobile高度组件化
为什么要使用Zepto
对比其他框架的优势
像素概念
- px: css pixels 逻辑像素,浏览器使用的抽象单位
- dp/dt: device independent pixels 设备无关的像素
- dpr: devicePixelsRatio 设备像素缩放比
- 计算公式: 1px = (dpr)2 * dp
- iphone5分辨率:640dp * 1136dp 为什么iphone5是320px * 568px? iphone5的drp=2,1px=4dp,所以长度上1px=2dp,640dp => 320px;1136dp => 568px
像素密度概念
- PPI: 屏幕每英寸的像素数量,即单位英寸内的像素密度
- DPI: 打印机每英寸可以喷的墨汁点
- 计算公式: 以iPhone5为例:√(13362+6402)/4=326ppi
像素密度分级
/ | ldpi | mdpi | hdpi | xhdpi |
---|---|---|---|---|
ppi | 120 | 160 | 240 | 320 |
默认缩放比 | 0.75 | 1.0 | 1.5 | 2.0 |
Retina(高清屏)dpr都大于等于2.