12 2014 档案
摘要：通过使用Web Worker， 我们可以在浏览器后台运行Javascript， 而不占用浏览器自身线程。Web Worker可以提高应用的总体性能，并且提升用户体验。如果你想在自己的Web应用中使用Web Worker， 不妨来了解一下有关Web Worker的7件事。
阅读全文
摘要：文档初次加载时，浏览器引擎会解析HTML文档来构建DOM树，之后根据DOM元素的几何属性构建一棵用于渲染的树。渲染树的每个节点都有大小和边距等属性，类似于盒子模型（由于隐藏元素不需要显示，渲染树中并不包含DOM树中隐藏的元素）。当渲染树构建完成后，浏览器就可以将元素放置到正确的位置了，再根据渲染树节点的样式属性绘制出页面。
阅读全文
摘要：相比iPhone5，iPhone6拥有更高分辨率的retina HD display，而iPhone6 plus的像素密度达到了401ppi，相比原来的326ppi，提升了25%，显示画面细节更丰富。
iPhone6 Plus设备高为736pt，宽为414pt，缩放比例为@3X，设备像素比(DevicePixelRatio，缩写DPR)为3.0，分辨率为2208*1242，在这个分辨率下渲染后，图像等比降低分辨率至1920*1080，下图来自paintcodeapp官网，解析iphone6 6plus分辨率：
阅读全文
摘要：Git是目前最流行的版本管理系统，学会Git几乎成了开发者的必备技能。
Git有很多优势，其中之一就是远程操作非常简便。本文详细介绍5个Git命令，它们的概念和用法，理解了这些内容，你就会完全掌握Git远程操作。
阅读全文
摘要：可能有些朋友会疑惑AppCache与浏览器自动缓存和localStorage的区别，这里我简单讲一下：在默认设置下，浏览器会根据request header自动缓存静态文件，但是在请求该文件时还是会发出http request，而一旦被AppCache缓存住的文件就不会发送http request，除非人工触发缓存更新；localStorage也是一种缓存，但是它缓存的是数据，而AppCache缓存的是文件。
阅读全文
摘要：/* Zepto v1.0-1-ga3cab6c - polyfill zepto detect event ajax form fx - zeptojs.com/license */;(function(undefined) { if (String.prototype.trim === und...
阅读全文
摘要：一、不要使用section作为div的替代品
二、只在需要的时候使用header和hgroup
三、不要把所有列表式的链接放在nav里
四、figure元素的常见错误
五、不要使用不必要的type属性
六、form属性的错误使用
阅读全文
摘要：CSS Counters主要是用来创建自动计数器的。往往依赖列表实现个性化的项目符号效果总是痛苦不堪的。那么使用counter-reset、counter-increment、counter()配合伪类:before、:after以及content会让你变得轻松很多。那么这篇文章主要介绍了如何使用CSS Counters相关属性实现非列表元素创建计数器效果，而且还很个性化。希望在这篇文章大家能喜欢，如果您有更好的使用经验，希望与大家一起分享。
阅读全文
摘要：常规做法倒也不难，生成一个0到数组长度减1的随机数，这个数也就是被选中元素在原数组中的下标，获得该元素后将值保存到另一个数组同时通过数组的splice方法将该元素从原数组中删除，以保证下次不会重复取到。
阅读全文
摘要：定义我们的Splash Screen
好的，思路出来了下面我们就开始毫无技术含量的施工。
具体来说，首先页面只显示我们预先定义好的Splash Screen，它要占满整个屏幕且z-index设为页面中最高。
阅读全文
摘要：前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。
阅读全文
摘要：javascript 生成3-32位长度的字母数字组合的随机字符串，另一个是生成43位随机字符串。
阅读全文
摘要：密码，如果设置的太简单，很容易就被攻破，所以很多网站将密码设置的要求设置的挺严格，一般是字母、数字、字符3选2，区分大小写。对于设置得太简单的密码，予以错误提示。或者予以密码等级（低中高）显示，让用户设置高级密码。那如何利用JS实现呢？
阅读全文
摘要：微信平台抽奖算法总结-再也不用怕奖品被提前抢光
阅读全文
摘要：使用 span:nth-of-type(n+3):nth-of-type(odd):nth-of-type(-n+6) 和 div:nth-of-type(n+1):nth-of-type(even):nth-of-type(-n+3)，你既能够限制是在相同类型子元素里选择，同时指定选择的起始位置和结束位置。这里同时使用了奇偶位限制。所有，最后剩下的是方 3 & 5 和 圆 2。
阅读全文
摘要：使用CSS 3创建不规则图形 文字围绕
阅读全文
摘要：URL HTTP RedirectionURL http redirectionis an automatic URL change operation from one URL to another URL.URL redirectServer side redirectClient side r...
阅读全文
摘要：chrome如果要实现这种调试需要安装一个 ADB插件 （需要FQ） 但是最新的chrome已经直接支持对Android的识别 所以也不用再在chrome上安装ADB插件了 但需要下载最新的chrome
阅读全文
摘要：在桌面chrome中调试android设备中的web页面
阅读全文
摘要：图片优化既是一门艺术，也是一门科学，图片优化是一门艺术，是因为单个图片的压缩不存在最好的特定性方案，而图片优化之所以是一门科学，是因为许多开发得很出色的方法和算法可以明显减小图片的大小。要找到图片的最优设置，需要按照许多维度进行认真分析：格式能力、编码数据内容、像素尺寸等。
阅读全文
摘要：你有没有曾经希望能在 HTML 中使用自定义标签？比如：使用来显示你的网站logo，还有使用来显示工具栏等等。我们经常使用和来组织页面，在 HTML6 里我们希望可以直接使用象和这样的自定义标签。
和 XML 一样，HTML6 应该支持 namespace（命名空间），如：xmlns:xhtml=”http://www.w3.org/1999/xhtml”
阅读全文
摘要：:nth-child是一个非常牛逼的伪类，如果你能很好的理解它就可以用CSS 做出很多非常实用的效果。当我很年轻的时候还使用PHP的i++来实现一些东西，其实CSS 完全可以实现。下面是我总结的一些用法，用了可爱的糖糖做演示，彩色头像就代表选中，T,T。
阅读全文
摘要：估计大家在日常工作中都会用到css形状，但是目前天朝中使用到最多的估计就是圆（circle）、椭圆（ellipse）、各种三角形形状，但是你肯定很少看见过用几何图形或者多边图形。假如你不懂什么叫做几何图形，那么请前往百度百科，就算是我们用:after :before 这些伪元素来构造我们所需要的形状或者利用边框来曲线救国，但是对于代码来说还是太长了，有没有直接定义几何图形或者是多边形的属性。
阅读全文
