标签归档：前端

前端模块化

发表于 由
回复

前端模块化

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客 户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀[......]

阅读全文

【前端性能】必须要掌握的原生JS实现JQuery

发表于 由
回复

很多时候，我们经常听见有人说jquery有多快多快。在这个各种类库满天飞的时候，不得不说的是，能有原生JS快吗？

是的，明显原生JS要更快，因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西，考虑通用性必然会导致性能的损耗。[......]

阅读全文

揭密Google秒开技术：如何让网站瞬间加载完毕？

发表于 由
回复

本文转自：mp.weixin.qq.com
现在有越来越多的人抱怨移动网络的网速太慢。这是个永恒的话题，因为无论移动网络网速多快也满足不了日益增长的网速需求。在14.4K调制解调器下龟速上网的时代早已被人们遗忘，现在人们的要求是瞬间打开任何网页。 [......]

阅读全文

Lodash中十个常用的工具函数

发表于 由
回复

当你使用JavaScript进行编程的时候，你很可能需要经常重复写一些工具函数，尤其是处理字符串和对象。 即使ES6已经被标准化了，JavaScript开发者依然无法获得像Objective-C或Ruby那样多的语法糖。 因此，在JavaScript应用中仍然被重复的编写大量的工具函数。而本文将会为你带来的救星就是Loadsh。[......]

阅读全文

移动web资源整理

发表于 由
回复

2013年底接触移动端，简单做下总结，首先了解下移动web带来的问题

  • 设备更新换代快——低端机遗留下问题、高端机带来新挑战
  • 浏览器厂商不统一——兼容问题多
  • 网络更复杂——弱网络，页面打开慢
  • 低端机性能差——页面操作卡顿
  • HTML5新技术多——学习成本不低
  • 未知问题——坑多

[......]

阅读全文

前端自动化开发之grunt

发表于 由
回复

上篇文章介绍了前端模块化开发工具seaJs，利用seaJs我们可以轻松实现前端的模块化编程，参见http://www.cnblogs.com/luozhihao/p/4818782.html

那么今天我继续介绍前端开发的另一工具——grunt。关于介绍grunt文章网上已经存在很多，而本文主要结合自己的亲身实践来讲解利用grunt实现前端开发中代码的压缩及合并。[......]

阅读全文

提升网站性能开发的10个技巧

发表于 由
回复
摘要：随着网络的高速发展，网络性能的持续提高成为能否在芸芸App中脱颖而出的关键。高度联结的世界意味着用户对网络体验提出了更严苛的要求。文中为大家总结10条有关性能提升的经验。

随着网络的高速发展，网络性能的持续提高成为能否在芸芸App中脱颖而出的关键。高度联结的世界意味着用户对网络体验提出了更严苛的要求。假如你的网站不能做到快速响应，又或你的App存在延迟，用户很快就会移情你的竞争对手。以下为大家总结10条有关性能提升的经验，以供参考：[......]

阅读全文

详解前端模块化工具-webpack

发表于 由
回复

webpack是一个module bundler,抛开博大精深的汉字问题，我们暂且管他叫'模块管理工具 '。随着js能做的事情越来越多，浏览器、服务器，js似乎无处不在，这时，使日渐增多的js代码变得合理有序就显得尤为必要，也应运而生了很多模块化工 具。从服务器端到浏览器端，从原生的没有模块系统的`<script>`到基于Commonjs和AMD规范的实现到ES6 modules。为了模块化和更好的模块化，我们总是走在探索的路上。[......]

阅读全文

Web前端开发最佳实践（10）：JavaScript代码不好读，不好维护？你需要改变写代码的习惯

发表于 由
回复

前言

这篇文章本应该在上一篇文章：使用更严格的JavaScript编码方式，提高代码质量之前发布，但当时觉得这篇文章太过基础，也就作罢。后来咨询了一些初级的开发者，他们觉得有必要把这篇文章也放上来。尽管这篇文章内容基础，但是很多初中级开发者还是会犯同样的错误，发布出来也算是再一次提醒。

良好的编码习惯，这是每个程序员应具备的最基本素质。无论是前端程序员还是后端程序员，都要遵循基本的规范，减少因代码混乱而造成难以维护的局面。要做到不管有多少人共同参与同一个项目，一定要确保每一行代码都像是同一个人编写的。[......]

阅读全文