• Canvas绘制列表的尝试

    为什么尝试使用Canvas绘制列表?使用canvas绘制列表的好处在于页面只有一个dom元素,这样对于大量dom元素组成的列表来说,无疑更节省页面内存。 本文将一步一步分析,如何实现一个canvas绘制的长列表。 Step1:dom节点映射 首先考虑一个问题,对于我们在页面

    15-10-31
  • 传统 Ajax 已死,Fetch 永生

    原谅我做一次标题党,Ajax 不会死,传统 Ajax 指的是 XMLHttpRequest(XHR), 未来 现在已被 Fetch 替代。 最近把阿里一个千万级 PV 的数据产品全部由 jQuery 的 $.ajax 迁移到 Fetch ,上线一个多月以来运行非常稳定。结果证明,对于 IE8+ 以上浏览器,在

    15-10-26
  • 一个 JS 框架需要做什么

    学习再多,也是杯水车薪。 为什么这么说?不知道各位有没有发现,虽然前端发展快,但一些有名的框架至少会火热很长时间,比如 Backbone、React、Ember 。如果有心要学,肯定有足够的时间把它学会,毕竟事实摆在面前,很多公司的上线产品就是用 React 来写的

    15-10-09
  • Bootstrap 栅格系统的精妙之处

    节选翻译自 The Subtle Magic Behind Why the Bootstrap 3 Grid Works 从接触 Bootstrap 已经有很长时间了,给人的感觉是快速,简单,易上手,其中栅格系统是一个亮点: 一直感觉像 CSS 栅格系统之类的东西拿过来用就好了,不用深究背后的原理。直到有一天你

    15-09-26
  • ConvertToUTF8:解决 Sublime Text的乱码问题

    sublime text是一款可以和notepad++媲美的代码编辑器,甚至比notepad++更好用。而且mac下面,没有notepad++,所以这可能是轻量级编辑器的唯一选择了。 第一次使用就被其惊艳的代码排版吸引了。 这种排版非常适合做前端的同学。 然而一开始就遇到乱码的

    15-09-19
  • Flex 布局语法教程

    布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了

    15-07-14
  • 谷歌推出前端开发框架 material-design-lite

    近日 Google 发布 了前端开发语言框架 Material Design Lite (MDL),包含一些符合其设计风格的按钮、复选框、输入区、排版样式、以及对应的网格系统和自适应排版系统。与 Twitter 推出的 Bootstrap 类似,MDL 是为了帮其他开发者快速实现统一的网站风格。

    15-07-08
  • 图解Javascript上下文与作用域

    本文尝试阐述Javascript中的上下文与作用域背后的机制,主要涉及到执行上下文(execution context)、作用域链(scope chain)、闭包(closure)、this等概念。 Execution context 执行上下文(简称上下文)决定了Js执行过程中可以获取哪些变量、函数、数据

    15-07-08
  • 设计优雅 UI 的 7 条准则(翻译精简版)

    最近发现前端设计挺有意思的,所以看了些文章。这里精简翻译了一篇其中很不错的,我认为对 js 开发者也很有帮助。 英文原文分两篇。 https://medium.com/ @erikdkennedy /7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda https://medium.com/ @erikdk

    15-07-08
  • 理想的应用框架

    背景 在过去对框架的设计中,我收到过的最有用的建议是:“不要一开始就根据现有的技术去整合和改进。而是先搞清楚你觉得最理想的框架应该是怎样的,再根据现在的技术去评估,的确实现不了时再妥协。这样才能做出真正有意义的框架。” 在这篇文章里,就让我

    15-06-23
  • 前后端分离了,然后呢?

    前言 前后端分离已经是业界所共识的一种开发/部署模式了。所谓的前后端分离,并 不是 传统行业中的按部门划分,一部分人纯做前端(HTML/CSS/JavaScript/Flex),另一部分人纯做后端,因为这种方式是 不工作 的:比如很多团队采取了后端的模板技术(JSP, Free

    15-06-23
  • React 入门教程

    React 是 Facebook 里一群牛 X 的码农折腾出的牛X的框架。 实现了一个虚拟 DOM,用 DOM 的方式将需要的组件秒加,用不着的秒删。React 扮演着 MVC 结构中 V 的角色, 不过你要是 Flux 搭配使用, 你就有一个很牛X的能让轻松让 M 和 V 同步的框架了,Flux 的

    15-06-17
  • CSS中的变量使用详解

    CSS中的变量给了我们诸多优点:方便、代码重用、更可靠的代码库和提升 防错 能力。 示例 :root{--base-font-size:16px;--link-color:#6495ed;}p{font-size:var(--base-font-size);}a{font-size:var(--base-font-size);color:var(--link-color);} 基础 当使用

    15-06-06
  • React真的比AngularJS快吗?

    React自诞生以来,一直以其渲染速度快著称,特别与AngularJS和EmberJS等相比更是如此。但也有人不同意这个观点,以色列软件开发公司500Tech的CEO Boris Dinkevich 近日发表 博文 称,其实React并不真正比AngularJS快。 React之所以被人们认为快的原因,是因

    15-06-05
  • AngularJS常用插件与指令收集

    原文: http://chensd.com/2015-06/AngularJS-popular-Plugins-and-Directive.html 使用AngularJS有差不多一年时间了,前前后后也用了不少库和指令,整理了一下,分成四大类列出。有demo地址的,就直接连接到demo地址,其它的直接链到github托管库中。 图片

    15-06-03
385文