- 博客(34)
- 收藏
- 关注
RSS订阅转载 jQuery 选择器效率
ID > Tag > ClassID 选择器是速度最快的，这主要是因为它使用 JavaScript 的内置函数 getElementById()；其次是类型选择器，因为它使用 JavaScript 的内置函数 getElementsByTag()；速度最慢的是 Class 选择器，其需要通过解析 HTML 文档树，并且需要在浏览器内核外递归，这种递归遍历是无法被优化的。
2015-09-29 17:24:16
4525
原创 JavaScript 的 坑
关于用 Function 生成函数(function () { var local = 1; Function("console.log(typeof local);")(); // undefined}());这里输出的结果是 undefined 而不是 number。猜想：因为这里的用 Function("console.log(typeof local);") 创建了
2015-09-12 18:45:26
485
转载 纯 CSS 实现 tab 页切换
转自：张鑫旭--CSS radio/checkbox单复选框元素显隐技术 http://www.zhangxinxu.com/wordpress/2012/01/css-css3-selector-element-display-tab-listdown/效果图： 选项卡1 我是选
2015-07-31 16:18:05
684
转载 javascript 数组去重的几种方法
转载自：http://segmentfault.com/a/1190000003030068方法一：利用indexOf判断新数组underscore.js中实际上也是使用的类似的indexOf//传入数组function unique1(arr){ var tmpArr = []; for(var i=0; i<arr.length; i++){
2015-07-31 10:43:36
432
原创 两列布局、三列布局
单列定宽单列自适应方法一：margin和绝对定位 主要内容区域 已经不再只是一行文字了 要放很多很多东西到这个区域中来 .... 不断的重复啊重复着…… 侧边栏 不断的重复啊重复着…… .... 不断的重复啊重复着……
2015-07-21 09:23:37
542
原创 JavaScript 代码片段
以YYYY-MM-DD的格式输出今天的日期function Today () { var d = new Date(); var year = d.getFullYear(); // 获取年，getFullYear()返回4位的数字 var month = d.getMonth() + 1; // 获取月，月份比较特殊，0是1月，11是12月 month =
2015-07-13 11:06:29
593
原创 iframe 的缓存文件及解决方法以及 jquery deffered.then() 方法的使用
浏览器为了加快加载速度，会缓存 iframe 里的内容，包括 js 文件。解决方法：1、给 iframe 或者 iframe 内的 js 文件的 src 路径中添加一个随机数，以 iframe 为例：window.onload = function () { window.frames[0].location.href = window.frames[0].location.
2015-02-12 19:36:11
3287
原创 实战里踩过 jQuery 的那些坑
我是先学习的原生 js，只拿过原生 js 写过一些简单的小练习。在做实际项目时，使用 jQuery ，但是因为没有系统学习过，而是以项目驱动学习，用到哪，查到哪，经常会踩到一些坑，在此一并记录，希望自己以后不会再在同一个问题上栽跟头。1、jQuery Ajaxurl默认编码问题，content-type问题2、jQuery(function ($) { ... } )插件...
2015-02-08 11:23:02
488
原创 纯 CSS 实现面包屑导航
参考文档：中文：http://www.cnblogs.com/submerge/archive/2014/10/22/4044341.html英文原文：http://line25.com/tutorials/how-to-create-flat-style-breadcrumb-links-with-css先上图，随后代码。 .breadcrumbs li
2015-01-24 20:21:43
789
转载 你真的了解 JavaScript 吗？（变态版）
测试地址：http://javascript-puzzlers.herokuapp.com/疑问一：Array.join() 方法是将数组中所有元素都转化为字符串并连接在一起，返回最后生成的字符串。上例中，数组的前三个元素都是 undefined ，转换成字符串应该是 “undefined”，所以最后的结果不应该是 undefined,undefined,undef
2015-01-03 19:23:29
464
原创 CSS3动画产生圆圈由小变大向外扩散的效果
涉及到 CSS3 的动画（animation）、2D 转换（transform: scale），具体如代码所示。无标题文档@keyframes warn { 0% { transform: scale(0); opacity: 0.0; } 25% { transform: scale(0); opacity: 0.1; } 50% { transfo
2014-12-31 20:32:51
36856
转载 清除浮动及 BFC（块级格式化上下文）
一、清除浮动浮动元素会影响它的兄弟元素的位置和让父元素产生高度塌陷，清除浮动的方法有：clear : both （应用在空 div 元素或者父元素的 after 伪类上）br 标签的 clear 属性 浮动父元素（触发 BFC）overflow: hidden （触发 BFC） display: table或table-cells;（触发 BFC，display:table
2014-12-30 15:18:48
712
转载 等高列布局
方法一：背景图片法 .container { background: url("column.png") repeat-y; width: 960px; margin: 0 auto;}.left { float: left; width: 220px;}.content { float: left; width: 480px
2014-12-19 15:37:08
402
转载 浏览器渲染过程、回流、重绘简介
谷歌 Web 开发最佳实践手册（4.1.1）：创建对象模型 http://blog.jobbole.com/68018/谷歌 Web 开发最佳实践手册（4.1.2）：渲染树结构、布局和绘制 http://blog.jobbole.com/68208/谷歌 Web 开发最佳实践手册（4.1.3）：阻塞渲染的CSS http://blog.jobbole.com/68253
2014-12-18 14:36:30
3281
转载 js中几种实用的跨域方法原理详解
原文地址：http://www.cnblogs.com/2050/p/3191744.html这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir
2014-12-14 10:21:01
437
转载 元素水平垂直居中方法集锦
绝对定位元素的水平垂直居中参考自：http://www.zhangxinxu.com/wordpress/2013/11/margin-auto-absolute-%e7%bb%9d%e5%af%b9%e5%ae%9a%e4%bd%8d-%e6%b0%b4%e5%b9%b3%e5%9e%82%e7%9b%b4%e5%b1%85%e4%b8%ad/方法一：负margin值.ele
2014-12-12 10:01:07
624
转载 前端网页性能优化最佳实践
毫秒必争，前端网页性能最佳实践原文地址： http://www.cnblogs.com/developersupport/p/3248695.html你愿意为打开一个网页等待多长时间？我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站，博客，你的网页响应速度如何呢？在这篇文章中我们来介绍一下提高网页性能的最佳实践，以
2014-12-10 18:55:37
784
原创 CSS 权威指南 阅读笔记
1、背景图像固定 复螺旋变形效果http://meyerweb.com/eric/css/edge/complexspiral/glassy.htmlP283 background-attachment
2014-12-09 21:02:38
601
转载 JavaScript的事件代理
转自：http://blog.csdn.net/weinideai/article/details/3835839如果你想给网页添加点JavaScript的交互性，也许你已经听过JavaScript的事件代理（event delegation），并且觉得这是那些发烧友级别的JavaScript程序员才会关心的什么费解的设计模式之一。事实上，如果你已经知道怎么添加JavaScript的事件处
2014-12-02 10:24:55
426
转载 HTTP协议详解
引言 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of
2014-11-19 14:16:26
436
原创 Boolean() 函数、相等和不相等（== 和 !=）、逻辑非操作符（！）
Boolean()函数、相等操作符（==）、逻辑非操作符（！）总结
2014-11-08 14:25:57
5129
原创 CSS层叠规则优先级、内部样式表与外部样式表优先级
我将CSS优先级总结为四个级别的优先，按照从高到低的顺序排列分别是标签离修饰内容近，!important相关，选择器级别，CSS代码位置靠下。在比较的时候从高往低比较。如果在某一优先级层面上已经比较出不同，就不需要继续比较；否则进入下一级的比较。下面详细的描述这四个优先级第一优先级为标签离修饰内容近。例如内容中，b的位置就比a离文字更近，当选择#a和.b的时候，.b的优先级更高第二
2014-10-28 14:14:56
5577
转载 JavaScript编码规范
JavaScript编码规范 zhau1 前言2 代码风格 2.1 文件 2.2 结构 2.2.1 缩进 2.2.2 空格 2.2.3 换行 2.2.4 语句 2.3 命名 2.4 注释 2.4.1 单行注释 2.4.2 多行注释 2.4.3
2014-10-18 17:21:05
819
转载 定时器setTimeout()、setInterval()详解
JavaScript 标准参考教程（alpha）浏览器对象定时器GitHub TOP 定时器来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录
2014-10-17 08:40:14
14106
2
转载 display:inline、block、inline-block的区别
转自：http://www.cnblogs.com/jdonson/archive/2011/06/10/2077932.html
2014-10-11 18:26:24
381
转载 CSS布局奇淫巧计之-强大的负边距
转自：http://www.cnblogs.com/2050/archive/2012/08/13/2636467.htmlcss中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距，所以掌握它的用法对于前端的同学来说，那是必须的。本文非常基础，老鸟可以略过。 负边距在普通文档流中的作用和效
2014-10-02 19:43:50
501
转载 解析<button>和<input type="button"> 的区别
转自：http://zljpp.iteye.com/blog/1561329
2014-10-02 19:30:29
559
转载 HTML相对路径
HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是：c:\I
2014-10-02 19:25:25
359
原创 为什么元素浮动之后，文字会环绕在周边，而不是跟浮动元素重合？
最近在学习CSS，在浮动上遇到一问题：既然浮动元素脱离了文档流，为什么文字会环绕在浮动元素的周边而不是跟浮动元素重合呢？这问题困扰了我整整一天，上网各种搜、各种问人，也没有让我信服的答案（可能有的答案是正确的，但是我基础差，没有听懂）。最后经过一整天搜索、询问的沉淀，最后在别人的推荐下看了《CSS权威指南》，现在自认为算是基本上明白怎么回事了。为了彻底明白这个问题，必须先弄明白几个问题。
2013-12-16 21:30:32
6538
5
原创 JavaScript DOM 编程艺术（第2版）学习记录
DOM编程最佳实践：一、平稳退化：确保网页在没有javascript的情况下也能正常工作。二、分离javascript：把网页的结构和内容与javascript脚本的动作行为分开。三、向后兼容性：确保老版本的浏览器不会因为javascript脚本而死掉。四、性能考虑：确保脚本执行的性能最优。平稳退化网站的访问者完全有可能使用的是不支持javascript的浏览器，还有一种可
2013-12-09 13:46:27
695
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人