迷茫的小飞侠

摘要： WebP 是一种支持有损压缩和无损压缩的图片文件格式，派生自图像编码格式 VP8。根据 Google 的测试，无损压缩后的 WebP 比 PNG 文件少了 45％ 的文件大小，即使这些 PNG 文件经过其他压缩工具压缩之后，WebP 还是可以减少 28％ 的文件大小。 PNG 转 WebP 的压缩率 阅读全文

摘要： meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 SEO优化： <meta name="keywords" content="your tags" /> 关键词 <meta 阅读全文

摘要： rem（font size of the root element）是指相对于根元素的字体大小的单位。 主流的一些web app的适配解决方案： 流式布局： 流式布局在页面布局的时候都是通过百分比来定义宽度，但是高度大都是用px来固定住，所以在大屏幕的手机下显示效果会变成有些页面元素宽度被拉的很长， 阅读全文

摘要： CSS3中的矩阵指的是一个方法，书写为matrix()和matrix3d()，前者是元素2D平面的移动变换(transform)，后者则是3D变换。2D变换矩阵为3*3, 如上面矩阵示意图；3D变换则是4*4的矩阵。 transform 里面的：斜拉(skew)，缩放(scale)，旋转(rotat 阅读全文

摘要： File API让我们可以创建文件，存储在本地文件系统的一个安全沙箱里，亦可以从其他来源读取文件，并对其进行操作 Web应用通过requestFileSystem方法来访问本地文件系统，该方法是全局的： requestFileSystem(type, size, successCallback, o 阅读全文

摘要： 一、Vibration API ，接受两种类型参数 vibrate (unsigned long time) 当参数是unsigned long的时候 此时参数表示震动时间。 NotSupportedError 表示当time参数超过规定时间，则抛出异常。 实例： navigator.vibrate 阅读全文

摘要： #代表网页中的一个位置。其右面的字符，就是该位置的标识符： http://www.example.com/index.html#print 代表网页index.html的print位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。同样，可以作为描点 #是用来指导浏览器动作的，对服务 阅读全文

摘要： 路径中的字母，大写相对于左上角绝对定位，小写相对定位 M110,95,95,110M115,100,100,115 pattern 类似于图片拼贴，可以把指定位置的图案用来填充 var pattern = elem.pattern(100, 100, 10, 10); circle.attr({ f 阅读全文

摘要： 方式一（自定义对象）： (function($, window, document) { var Plugin, defaults, pluginName;调用时的函数名： pluginName = "slidesjs"; 默认配置： defaults= { width: 940, height: 阅读全文

摘要： CSS里背景图资源位置不对不会报错 编辑器溢出：页面长度有影响！？ 表单为100%的话，里面的数据格的宽度由数据长度来相应分配 提交多个checkbox的时候，name设为同一个，并且为数组name="ids[]"，不然提交的是单个字符串 由于slide-item有3d属性，导致android上最后 阅读全文

摘要： 1、内容为王，交互设计的核心是为了用更好的方式呈现用户需要的内容 2、交互设计基于用户需求，用户怎么进来的，进来想干嘛，之后要干嘛？ 而不是做好之后让用户去适应 阅读全文

摘要： 快捷键： f8打开信息调板，注意虽然数字最高是255，但0也是数值之一，因此共256级。 f7开启图层调板 f6调出调色板，按D还原为默认颜色 ctrl + 放大，ctrl - 缩小 f 可以切换显示模式 窗口-工作区-复位调板位置 CTRL ALT Z 撤销 CTRL SHIFT Z重做 D CT 阅读全文

摘要： 客户端使用： <link rel="stylesheet/less" type="text/css" href="styles.less"> 在引入 .less 文件时，rel 属性要设置为“stylesheet/less”。还有更重要的一点需要注意的是：LESS 源文件一定要在 less.js 引 阅读全文

摘要： 1、移除注释 2、移除额外的空格 3、细微优化 4、标识符替换 YUI Compressor 包括哪些细微优化呢？ object["property"] ，如果属性名是合法的 JavaScript 标识符（注：合法的 JavaScript 标识符——由一个字母开头，其后选择性地加上一个或者多个字母、 阅读全文

摘要： CSS基本形状都是矩形，CSS shapes允许开发者用定制的路径来包裹内容，例如圆形，椭圆，多边形等。 形状可以自定义也可以从图片中推断 从图片推断，例如可以让文字按照图片形状来浮动到一边： <img class=”element” src=”image.png” /> <p>Lorem ipsu 阅读全文

摘要： Perspective 透视点，视角，CSS3D 的透视点在浏览器前方 默认值为none，是作用于子元素，指定观察者与z=0平面的距离，使具有三维位置变换的元素产生透视效果。z>0的三维元素比正常大，而z<0时则比正常小，大小程度由该属性的值决定。 三维元素在观察者后面的部分不会绘制出来，即z轴坐标 阅读全文

摘要： 严格模式可以让你更早的发现错误，因为那些容易让程序出错的地方会被找出来 打开严格模式："use strict" 不支持的javascript引擎会忽略它，当作是一个未赋值字符串。如果在一个脚本使用全局使用严格模式，那么在同一个页面的其他脚本也会严格。也可以在某个函数里声明使用严格模式。 在平时，没有 阅读全文

摘要： 首先，是基于端口数量和线程切换开销的考虑，浏览器不可能无限量的并发请求，因此衍生出来了并发限制和HTTP/1.1的Keep alive。 所以，IE6/7在HTTP/1.1下的并发才2，但HTTP/1.0却是4。 而随着技术的发展，负载均衡和各类NoSQL的大量应用，基本已经足以应对C10K的问题。 阅读全文

摘要： 这个标签可以制定页面上的某个区域为画板，可以使用javascript来生成图片 绘制基本图形的用2d context就可以了，3d的也称为webGL，3d浏览器实现比较慢，而且某些系统由于没有所需要的驱动，即使安装了最新的浏览器也现实不了 至少需要指定width和height： <canvas id 阅读全文

摘要： AMD 规范在这里：https://github.com/amdjs/amdjs-api/wiki/AMD CMD 规范在这里：https://github.com/seajs/seajs/issues/242 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。 CMD 是 Sea 阅读全文