`
yanhaijing
  • 浏览: 14120 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
文章列表
讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。 首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。 首先,如果你是一个javascript新手,我建议您阅读 《JavaScript初学者的最佳实践》 ,这是一篇高质量的javascript教程,接触jQuery之前最好先阅读。 当你准备使用jQuery,我强烈建议你遵循下面这些指南: 缓存变 ...
最近看着下自己的github star,把我吓坏了,手贱党,收藏癖的我都收藏了300+个仓库了,是时候整理一下了。 Unix主张kiss,小而美被实践是最好用的,本文将介绍笔者收集的一些非常赞的开源库。 这些库的共性是非常小,而且功 ...
本文仅先给使用console调试的FE同学,如果你还不知道console是什么,或者还停留在alert阶段,那就不要浪费时间了,say bay bay! 你是否试程序的过程中用过console.log(***),发现在现代浏览器里运行好好的,到了ie里却出现莫名其妙的错误,你完全不知道为什么。 或者你知道在ie下console不能使用,每次上线前都要注释掉console的代码,一不小心漏掉了一个。 如果有过上面类似的情况,和我有着同样的烦恼,那恭喜你,console.js就是为你准备的。(如果你用着非常牛逼的自动化工具,能自动过滤掉console的话,往下看下也是会有收获的) 你还在写 ...
在JavaScript开发者的开发生涯中的某些点,总会遇到奇怪的BUG——看似基础的数学问题,但却又觉得有些不对劲。总有一天,你会被告知JavaScript中的数字实际上是浮点数。试图了解浮点数和为什么他们如此奇怪,迎接你的将是一 ...

重温CSS:Border属性

    博客分类:
  • css
边界是众所周知的,有什么新的东西吗?好吧,我敢打赌,在这篇文章中,有很多你不看永远不知道的东西! 不仅可以用CSS3来创建圆角,使用原有CSS一样可以显示自定义图形。这是正确的(有待考究);在过去,没发现这种技术之前,我们可能使用背景图像定位来显示一个园或箭头。幸运的是,我们能放下PS图象处理软件了。 基础 你可能很熟悉边的最基本用法。 border: 1px solid black; 上面的代码将给元素应用1px的边。即简洁又简单;但我们也可以稍作修改。 border-width: thick; border-style: solid; ...
最近公司要开发网站的移动版,让我准备准备知识,话说本人开发移动网站的经验还真不多,最悲剧的事情就是我的手机是个经典的诺基亚,而且公司还不给配手机,这是有多扣啊,没办烦啦,没有手机就用电脑模拟呗,相办 ...
此文献给xp用户和被墙用户。 今天群里(GitHub家园 225932282)有人说GitHub for windows安装不上,错误提示如下,看了下感觉应该是被墙了,我试了试下面的网址,没问题,所以让他访问下面的网址试试,果然打不开,群里的大牛们 ...
最近看了,江苏卫视的最强大脑,特别当看到周玮的时候,让我想起了以前看到说印度有个人能算几百位数书的开方(前段时间这个人好像死了),看的时候很是振奋,可以说是不明觉历,以我的能力心算22*22都费劲的人,真的很佩服此人 ,开始也没多想,只是觉得很厉害。 下面是周玮现场计算的三道题 随后看到网上有很多人质疑,关于质疑的种种声音我就不提了,有兴趣的可以自行搜索。 当看到有人给出了三道题的算法,可以看这里http://www.guokr.com/article/437913/。 看完后更是觉得五体投地了,这么复杂的过程,难度很大啊,网上的质疑文章都给出了算法,也都说常人经过训练也可做到, ...
在JavaScript中,可以通过两种方式创建数组,构造函数和数组直接量, 其中后者为首选方法。数组对象继承自Object.prototype,对数组执行typeof操作符返回‘object’而不是‘array’。然而执行[] instanceof Array返回true。此外,还有类数组对象是问题更复杂,如字符串对象,arguments对象。arguments对象不是Array的实例,但却有个length属性,并且值能通过索引获取,所以能像数组一样通过循环操作。 在本文中,我将复习一些数组原型的方法,并探索这些方法的用法。 循环.forEach 断言.some和.every .jo ...

编写更好的CSS

    博客分类:
  • css
css 
编写好的CSS代码能提升页面的渲染速度。本质上,一条规则都没有引擎解析的最快。MDN上将CSS选择符归拆分成四个主要类别,如下所示,性能依次降低。 ID 规则 Class 规则 标签规则 通用规则 对效率普遍认识是从Steve Souders在2009年出版的《高性能网站建设进阶指南》开始的,虽然Souders的书中罗列的非常详细,你可以在这里查看完整列表引用。你也可以在谷歌的高效的CSS选择器的最佳实践中查看更多的细节。 本文我想分享一些我在编写高性能CSS中用到的简单的例子和指导方针。受MDN的编写高效的CSS指南的启发,并遵循类似的格式。 避免过度约束 作为一般规则, ...
所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性。在本文中提到的很多选择器属于CSS3规范的一部分,因此,只有在现代浏览器中才可使用。 1.* * { margin: 0; padding: 0; } 对于初学者,在学习更多高级选择器之前,最先了解的选择器。 星号选择器将匹配页面里的每一个元素。很多开发者使用这个技巧将外边距和内边距重置为零。虽然在快速测试时这确实很好用,但我建议你永远不要再生产代码中使用它。它给浏览器带来大量不必要的负担。 * 也能作为子选择符使用。 #container ...
当讨论JavaScript中的原始数据类型时,大多数人都知道的基本知识,从String,Number到Boolean。这些原始类型相当简单,行为符合常识。但是,本文将更多聚焦独特的原始数据类型Null和Undefined,是什么让他们如此相似,却又似是而非。 理解Null和Undefined 在JavaScript中,null是字面量同时也是语言中的关键字,用来表示无法识别的对象值。换句话说,这用来表示“无值(no value)”。虽然相似,undefined实际上代表了不存在的值(non-existence of a value)。都是完全不可变的,没有属性和方法,也不能给其属性赋值。 ...
在这篇文章里我想阐明JavaScript中的this,希望对你理解this的工作机制有一些帮助。作为JavaScript程序员学习this对于你的发展有很大帮助,可以说利大于弊。这篇文章的灵感来自于我最近的工作——我即将完成的书的最后章节——JavaScript 应用程序设计(JavaScript Application Design)(注意:现在你可以购买早期版本),我写的是关于scope工作原理的方面。 似是而非,这可能是你对this的感觉: 很疯狂,不是吗?在这篇短文,我旨在揭开它的神秘面纱。 this的工作原理 如果一个函数被作为一个对象的方法调用,那么this将被指派为 ...
JavaScript开发人员调查现在已经结束,一如既往社区对结果进行了进一步分析: 总结(汉语) 原始数据(电子表格) 2012年结果 51%的被参与者写客户端代码,而28%的人说他们编写服务器端代码。去年客户端的占比是98%,所以我猜想,DailyJS起到了一定的积极作用,但有趣的是服务器端开发怎么发展的如此迅猛。 当被问到在哪里写javascript时,54%的人回答“工作”,45%的人回答“项目”。这可能一个人同时回答两种情况——我发现这对程序员是通用的,无论是专业人士还是业余爱好者。 大多数的参与者编写JavaScript已经有三到五年(34%)。我不禁觉得这得 ...
Nettuts +运营最困难的方面是为很多技能水平不同的用户提供服务。如果我们发布太多高级教程,我的新手用户将无法从中受益。相反也是如此。我们尽我们最大的努力,但如果你觉得你被忽略了请联系我们。这个网站是为你服 ...
Global site tag (gtag.js) - Google Analytics