摘要：
webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；第二个meta标签是iphone设备中的safari私有meta标签，它表示... 阅读全文
摘要：
这一系列教程会带你快速认识Canvas，这是第一篇，先带你简单认识一下Canvas。Canvas是现代浏览器中内建的一个画图的方法，这篇文章中会介绍如何访问Canvas元素，怎么画图形，变换颜色以及擦除。这个新技术非常的令人激动。Canvas元素简介当你听到Canvas的时候，你的第一反应应该是会想... 阅读全文
摘要：
在这个教程中，我会教你使用CSS变形制作圆形导航。 我会带你一步步地创建样式，讲解背后的数学知识和简单的逻辑，让你对这技术有清晰的认识。正如我提到的，使用CSS变形创建样式，会用到相关的基础数学知识。但是不必担心， 用到的数学非常简单，我会带你一步步地客克服它。我要指出原技术属于Ana Tudor。... 阅读全文
摘要：
Responsive设计在现代Web设计中可谓是越来越流行，但很同学们并未理解其真正的设计概念，往往把Responsive视为一种自适应布局。当然有很多同学也在尝试动写Responsive的案例，但如何取其断点左右纠结，如何设置哪几个断点？又从何入手？Responsive中的断点都依赖于CSS3的M... 阅读全文
摘要：
ie6、7下button的黑边、点状线去除方法 黑边bug出现背景：按钮（button、submit...）得到焦点时，按钮会出现1px的border，看着很是不爽。从网上找的解决办法：1.在button和input的标签外添加一个标签，然后将样式写在这个标签上，并且把button和input的默认... 阅读全文
摘要：
Cursor:url()的使用今天在项目中，要用到自定义鼠标样式，格式：css:{cursor:url('绝对路径的图片(格式：cur,ico)'),-moz-zoom-out;}//FF下面css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以前面ur... 阅读全文
摘要：
强制不换行div{white-space:nowrap;}自动换行div{word-wrap: break-word;word-break: normal;}强制英文单词断行div{word-break:break-all;}=====================================... 阅读全文
摘要：
http://daneden.github.io/animate.css/.site__title { color: #f35626; background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a); -webkit-backg... 阅读全文
摘要：
apple-webkit-tap-highlight-color这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何... 阅读全文
摘要：
移动web开发经验总结 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏... 阅读全文
摘要：
样式化复选框(Styling Checkbox)复选框 Checkbox 是 Web 应用常用控件，随处可见，原生的复选框控件一般就像下面这样：选中状态未选状态这取决于操作系统和浏览器，有些时候，这种样子并不能满足设计要求，这时需要更为精致的复选框样式。以往只有少数浏览器才支持对这类控件应用样式，比... 阅读全文
摘要：
以下列出各种平台下合适的中西文字体：桌面端 Mac, Windows, Linux 上适合网页显示的优秀中文字体MacWindowsLinux冬青黑体Hiragino Sans GB中易宋体SimSun文泉驿微米黑WenQuanYi Microhei黑体-简（华文黑体）Heiti SC (STHei... 阅读全文
摘要：
dppxspmminptldpi@ 48.00dp= 36.00px= 48.00sp= 7.62mm= 0.30in= 21.60ptmdpi@ 48.00dp= 48.00px= 48.00sp= 7.62mm= 0.30in= 21.60pttvdpi@ 48.00dp= 63.90px= 4... 阅读全文
摘要：
github使用SSH链接，需要设置SSH1.检查SSH key cd ~/.ssh2.备份已有的key，（如果有的话） mkdir key_backup mv id_rsa* key_backup3.生成SSH key$ ssh-keygen -t rsa -C jonezhang86@gmail... 阅读全文
摘要：
window.location.hash属性介绍location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如htt... 阅读全文
摘要：
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数。另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级... 阅读全文
摘要：
第一步：定义插件$(function() { $.fn.插件名称 = function(options) { var defaults = { Event : "click", //触发响应事件 msg : "Holle word!" //显示内容 }; var ... 阅读全文
摘要：
源码：生成：functiontrans(html){varo=document.createElement('div'),t=document.createTextNode(html);o.appendChild(t);returno.innerHTML;}vartxt=trans('abc');a... 阅读全文
摘要：
什么是跨域 JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下： 首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法... 阅读全文
摘要：
1.使用 === 代替 == JavaScript 使用2种不同的等值运算符：===|!== 和 ==|!=，在比较操作中使用前者是最佳实践。“如果两边的操作数具有相同的类型和值，===返回true，!==返回false。”——JavaScript：语言精粹 然而，当使用==和！=时，你可能会遇... 阅读全文