Stylechen - stylechen.com - 雨夜带刀's Blog 关注前端与用户体验
General Information:
Latest News:
非等宽图片列表的布局 13 Aug 2013 | 11:28 am
各大搜索引擎的图片频道的搜索结果页，搜索出来的结果都是较零碎的图片，图片质量、尺寸都是参差不齐的，并限定了每一行的总宽度。这种非等宽的图片列表，在Google+、flickr也都有用到。 最近刚好对360搜索的图片搜索结果页进行了一次重构和改版，对于这种图片布局也花心思研究了一番，接下来说说我的一些处理思路。 非等宽的单个图片要排列到一个固定了宽度的容器中，那么这个等宽的容器就是最大的限制和障...
浅谈DOM事件的优化 15 Jun 2013 | 04:01 pm
在 JavaScript 程序的开发中，经常会用到一些频繁触发的 DOM 事件，如 mousemove、resize，还有不是那么常用的鼠标滚轮事件：mousewheel (在 Firefox 中，滚轮事件为 DOMMouseScroll)。 浏览器为了确保这些事件能够及时响应，触发的频率会比较高，具体的触发频率各浏览器虽然有出入，但出入不大。很多时候在需要注重性能的场景下使用这些事件会想各种办...
easy.js发布核心库的稳定版以及组件库 10 May 2013 | 09:00 pm
easy.js 核心库升级至 1.0.0，同时发布了组件库。 easy.js的网站：http://easyjs.org github地址：https://github.com/chenmnkken/easyjs 核心库更新日志： easyJS 构造器去掉对 Function 类型参数的支持，domReady 由 E.ready 方法来实现。 去掉 every、some、map 原型方法。...
一淘九宫格的面试题 6 May 2013 | 07:09 pm
来自一淘的 WEB 前端的面试题，题目要求如下： 使用 HTML+CSS 实现如图布局，border-width:5px，格子大小是 50px*50px，hover时边框变成红色，需要考虑 IE6+ 和语义化的结构。 题目不难，主要还是考察面试者对 CSS 灵活运用程度。 以下 DEMO 是来自 JavaScript 罗浮宫3群好几个群员的 DEMO。 查看演示 如果你也有兴趣，不妨试试...
瀑布流布局的开发实践 21 Apr 2013 | 06:59 am
Pinterest 当时的成功，在国内掀起了一股瀑布流的潮流，但很多国内的网站仅仅只学会了使用瀑布流的布局方式，却没有看到 Pinterest 成功背后的模式。页面的布局方式仅仅是一个壳，瀑布流的布局方式也最多算是一个漂亮的壳。如果没有实质性的内容，光有壳就只能让用户图个新鲜。就好比帅哥美女仅仅是外表漂亮，而没有内涵和气质一样。 瀑布流展现的内容通常是扁平化、琐碎的东西，首先吸引人的应该是图片，...
2012年度总结 2 Jan 2013 | 08:55 pm
时间过的飞快，眨眼又过了一年，2012 已经成了历史。往年并没有在博客中写年终总结的习惯，今年算是开个头吧。 工作 今年的工作基本上都是一门心思放在 5173 的新旧版首页上。旧版首页的重构和优化，我作为前端开发人员，算是主唱，成果很显著。对于网页的优化，有了更深刻的理解，总结起来基本就是两点。 1. 尽量减少请求数； 2. 尽量减少请求资源体积； 所有的各方面的优化手段都是为了达到上面...
模块加载器的进化–并行加载 24 Dec 2012 | 02:52 pm
在easy.js的模块加载器的详解(如果你没有阅读过，最好是先去阅读下，这样才能更好的理解这篇博文)中我详细的介绍过有关 easy.js 的加载器的实现。其加载和执行的顺序都要严格依赖队列一个一个的加载和执行，这种加载和执行方式就是串行。此文将介绍模块加载器并行加载的实现。 在讲解并行加载的实现原理之前，首先有必要对 JavaScript 文件的加载的执行有一个初步的了解。 浏览器的实现 J...
使用Promise模式来简化JavaScript的异步回调 4 Dec 2012 | 08:32 pm
网页的交互越来越复杂，JavaScript 的异步操作也随之越来越多。如常见的 ajax 请求，需要在请求完成时响应操作，请求通常是异步的，请求的过程中用户还能进行其他的操作，不会对页面进行阻塞，这种异步的交互效果对用户来说是挺有友好的。但是对于开发者来说，要大量处理这种操作，就很不友好了。异步请求完成的操作必须预先定义在回调函数中，等到请求完成就必须调用这个函数。这种非线性的异步编程方式会让开发...
easy.js的模块加载器的详解 25 Oct 2012 | 08:04 am
模块加载器的实现方法应该比较多，主要还是看哪种实现起来更简单，更易扩展。对于遵循不同规范的模块加载器，实现原理又千差万别。不管是用哪种实现方法，最终都是要满足模块加载器的那些最基本的功能。那么模块加载器的最基本的功能基本就可以概括成下面这几点。 定义模块 处理依赖 加载模块 定义模块 当模块加载的时候，实际上就是执行了 define 这个全局函数。为什么要是全局函数呢？这是模块化规范的一...
模块化的JavaScript开发的优势在哪里 22 Oct 2012 | 08:14 am
如今模块化的 JavaScript 的开发越来越火热，无论是模块加载器还是优秀的 JavaScript 模块，都是层出不穷。既然这么火，肯定是有存在的理由，肯定是解决了某些实际问题。很多没接触过模块化 JavaScript 开发者不禁要问，我真的需要模块化吗，模块化相比于传统的模式有什么优势？ JavaScript 本身是没有模块化支持的，很多语言多有，就连 CSS 都有这样的加载方式。 虽然...
