React框架为什么这么火(1):React的设计思想

React的起源

Web前端开发最佳实践(12):JavaScript代码中有大量写死的配置数据?这些数据难以维护,你需要合理组织这些数据

前言

JavaScript代码基本上都是由业务逻辑和数据组成的,逻辑代码根据数据完成一定的操作。很多数据在代码中是写死的,比如一些URL、显示在界面上的提示信息、页面元素相关的样式值及其他使用到的固定值,这部分无逻辑的数据可统称为配置数据。一种好的编码实践是把这部分配置数据和业务逻辑分离,这样修改配置数据时就不需要修改业务逻辑代码了,从而提高了代码的可维护性。同时,配置数据的分离,使得业务逻辑代码也可以重用了,不同的配置数据可以对应相同的业务逻辑。

Web前端开发最佳实践(11):使用更严格的JavaScript编码方式,提高代码质量

前言

Web前端开发最佳实践(10):JavaScript代码不好读,不好维护?你需要改变写代码的习惯

前言

Web前端开发最佳实践(9):精简CSS代码,提高代码的可读性和加载速度

前言

提高网站整体加载速度的一个重要手段就是提高代码文件的网络传输速度。之前提到过,所有的代码文件都应该是经过压缩了的,这可提高网络传输速度,提高性能。除了压缩代码之外,精简代码也是一种减小代码文件大小的手段。以下将讨论CSS代码相关的代码精简方案。

Web前端开发最佳实践(8):还没有给CSS样式排序?其实你可以更专业一些

前言

Web前端开发最佳实践(7):在Web网页中,使用合理的技术方案来构建小图标

大家都对网站上使用的小图标肯定都不陌生,这些小图标作为网站内容的点缀,增加了网站的美观度,提高了用户体验,可是你有没有看过在这些网站中使用的图标都是用什么技术实现的?虽然大部分网站还是使用普通的图片实现,不过可供使用的技术方案还不少,这些都归功于新的Web技术的应用。

Web前端开发最佳实践(6):过时的块状元素和行内元素

前言

Web前端开发最佳实践(5):正确闭合HTML标签,停止使用不标准的标签和属性

正确闭合HTML标签

Web前端开发最佳实践(4):在页面中添加必要的meta信息

meta标签放置在HTML页面的head中,主要用于标识网站。其中基本上包含了网站的一些描述信息,例如,简介、作者等。这些信息有助于搜索引擎更准确地识别网页的内容,也有助于第三方工具抓取网站基本信息。