摘要： 这几天在产品的某个模块上上添加新功能，该模块之前是由其他同事维护。也就是说，需要在同事原有代码的基础上进行修改。过程中遇到了一些坑，主要是由一些不合理的代码实践导致的。 这里抛开大的设计话题，仅挑出其中一些自己认为不是很合理的代码细节。原因很简单：当我们在审视别人代码的时候，总会看到这样那样的不合理... 阅读全文

摘要： 遇到这么个需求，允许用户修改自己的名片，名片最大长度支持8个汉字（24个字节），当用户输入超过8个字节，则不允许用户继续输入。 最初的思路：oninput你好 很常见的需求，觉得驾轻就熟，监听input事件，当输入内容发生变化的时候，获得用户输入内容，并进行截断操作（如果超出的话）。主要代码如下。一... 阅读全文

摘要： 因为最近工作比较忙，很久没有在博客园上发过文了，只是偶尔闲下来跑github上逛逛提交下代码。晚上本来在捣鼓node，忘了因为什么原因联想起之前在博客园发过的一篇文章，于是又跑回来看了下，然后又百无聊赖地随意翻点文章之间的链接。 过去一段时间，断断地写了一点东西，都是随性而学随性而写，很少有固定的主 阅读全文

摘要： FIS(Front-end Integrated Solution )，是百度的前端集成解决方案。最近几天在研究前端构建的东西，就顺便了解了下，果断各种高大上，可以到FIS官网围观感受一下。如果对fis还不熟悉的童鞋，可以跑下官网的小demo体验一下。 好了，这篇文章不是fis的科普文，官方文档已经... 阅读全文

摘要： 缓存的定义 Web缓存是可以自动保存常见文档副本的HTTP设备（包括浏览器？） 缓存的作用 减少冗余数据传输 缓解带宽瓶颈（很多网络为本地网络客户端提供的带宽比为远程服务器提供的带宽要宽） 缓解瞬时拥塞（不会所有的请求都奔着一台服务器去） 降低距离时延（就近访问么） 命中、非命中 命... 阅读全文

摘要： npm的包安装分为本地安装（local）、全局安装（global）两种，从敲的命令行来看，差别只是有没有-g而已...更直观的例子 下面就直接看下，当我们在项目目录下运行grunt task（task为具体的grunt任务名，自行替换）时，发生了什么事情。这里要借助node-inspector... 阅读全文

摘要： 之前调试grunt插件时，都是通过人肉打log来调试。不仅效率低，而且会产生一堆无用的代码。于是简单google了下node断点调试的方法，总结了下。 借助node-inspector，我们可以通过Chrome浏览器的调试工具来调试。 一、安装node-inspector 二、监听Nodejs的de 阅读全文

摘要： grunt介绍 前端不能承受之痛 1、这是我们的生活 文件压缩：YUI Compressor、Google Closure 文件合并：fiddler + qzmin 文件校验：jshint 雪碧图：cssGaga sass编译：sass/compass 文件打包：require + r... 阅读全文

摘要： yeoman是什么 yeoman主要包含了三个工具：yo、grunt、bower。我们先看下这三个工具分别是做什么的： yo：脚手架工具，主要作用是创建项目骨架（跟grunt-init有点像）。 grunt：构建工具，主要用来运行各种任务，比如文件压缩、合并、打包等。 bower：主要用来... 阅读全文

摘要： 作为一名前端攻城狮，相信不少人已经养成了这样的习惯。当你进入一个网站，总会忍不住要打开控制台看下它是如何布局的，动画是如何实现的等。这也是前端开发者一个不错的的学习途径。 github大家应该也不陌生，作为开发人员的“社交网站”，上面聚集了众多了技术大牛，当然还有他们的作品。由于前端的特殊性，相对于... 阅读全文