摘要：
HTML标题 更多… CSSh2{height:20px;}span{float:right;display:block;margin:-10px 0 0 0;height:20px;}其实只是利用了margin-top 的负数来实现,因为默认的float会换行到h2标签下面去，所以让它自个跳上去。 阅读全文
摘要：
浏览器加载页面的顺序：1、 解析HTML结构2、 加载外部脚本和样式表文件3、 解析并执行脚本代码4、 构造HTML DOM模型==ready()5、 加载图片等组件6、 页面加载完毕==onload()ready事件是在DOM模型构造完毕时触发load事件是在页面加载完毕后触发function ready(fn){ if(document.addEventListener) { document.addEventListener('DOMContentLoaded', function() { //注销事件, 避免反复触发 do... 阅读全文
摘要：
var Sys = {};var ua = navigator.userAgent.toLowerCase();var s;var scan;(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :(s = ua.match 阅读全文
摘要：
一：JSON字符串转换为JSON对象JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。如Ajax等。1、Javascript 的 eval()函数由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能 阅读全文
摘要：
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。JSON：JavaScript 对象表示法（JavaScriptObjectNotation）。轻量级的存储和交换信息的格式(语法)。构建JSON的两种结构：1、”键-值 对“(或者叫”名称-值 对“)形式这种方式是无序的，"{}"包围，”:“进行值--对的分割，多个键值对使用”,“分割。如在 阅读全文
摘要：
如果你处在一个需要面试别人有关于CSS方面技巧和知识，一时想起来还真有点难。我把我能想出来的整理在一起，提供给大家参考。练习要做正如他们说的，大家实际工作很重要。当然，大家通过工作练习更为重要。这些都是一些练习，并不特别困难，任何人或有没有CSS经验都应该做得到。只看或只听，这样做是没有任何意义的。在CodePen中做练习就挺完美的。CodePen如何使用？详细使用可以点击这里。——大漠创建这个按钮我在Mobify的CodePen账号里看到这样的一个想法。给大家一张按钮的图片，并告诉大家：仅使用CSS属性，创建这样的一个按钮这将是测试候选人的CSS3技能的一个强大的测试例子。这个按钮具有很多样 阅读全文
摘要：
Google的PageSpeed和yahoo的yslow是各位不可少的前端工具（同样也都是firebug的插件，安装了firebug之后才可以拥有她们），当各位无法用三寸不烂之舌收拾产品和各种大佬的时候。我猜您可以用这两锅说服他们。slow地界面一如往常的顺眼下面简单说一下yslow的主要功能其中上图标示3的地方是yslow的几个主要功能的选项卡。第一个选项卡是当前页整体评分（Grade），个人对这个很不敏感。点选后为下图（个人对评分很不敏感）第二个选项卡是当前页的一些加载进来的各种文件统计，点选后为下图第三个选项卡是状态，左边的饼图是缓存前的状态，右边的是缓存后的状态。点选后为下图第四个选项 阅读全文
摘要：
Ctrl+L选择整行(按住-继续选择下行)Ctrl+KK从光标处删除至行尾Ctrl+Shift+K删除整行Ctrl+Shift+D复制光标所在整行，插入在该行之前Ctrl+J合并行(已选择需要合并的多行时)Ctrl+KU改为大写Ctrl+KL改为小写Ctrl+D选词(按住-继续选择下个相同的字符串)Ctrl+M光标移动至括号内开始或结束的位置Ctrl+Shift+M选择括号内的内容(按住-继续选择父括号)Ctrl+/注释整行(如已选择内容，同“Ctrl+Shift+/”效果)Ctrl+Shift+/注释已选择内容Ctrl+Space自动完成(win与系统快捷键冲突，需修改)Ctrl+Z撤销Ct 阅读全文
摘要：
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，同时由于JavaScript对不同域名下权限的控制，引发出同域、跨域两种情况。由于客户端js使用浏览器的同源安全策略，跨域情况下，被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况，提示错误：Permission denied to access property 'document'。这是因为除了包含脚本的文档载入的主机外，同源策略禁止客户端脚本链接到其他任何主机或者访问其他任何主机的数据。这意味着访问一个web服务的javascript代码通常只有在它也驻留在Web服务本身所 阅读全文
摘要：
从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on()和off()两个函数统一处理事件绑定。因为在此之前有bind(), live(), delegate()等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。on(events,[selector],[data],fn)$(elements).on( events [, selector] [, data] , handler );$(elements).off( [ events ] [, selector] [, handler] );events:一个 阅读全文