“Web前端”文章列表
英文原文：7 JavaScript Basics Many Developers Aren't Using (Properly) JavaScript 本身可以算是一门简单的语言，但我们也不断用智慧和灵活的模式来改进它。昨天我们将这些模式应用到了 JavaScript 框架中，今天这些框架又驱...
jQuery 是现在最流行的 JavaScript 工具库。 据统计，目前全世界 57.3% 的网站使用它。也就是说，10 个网站里面，有 6 个使用 jQuery。如果只考察使用工具库的网站，这个比例就会上升到惊人的 91.7%。 虽然 jQuery 如此受欢迎，但是它臃肿的体积也让人头痛...
编者按：看到此文时恍惚回到自己学习网页的时候，那时候只知有编程，不知有设计。各个论坛大部分时候讨论的也是如何用 Frame 实现页面的分区，如何做出圆角，以及写一大段 javascript 代码或者做个 flash 只为让页面看起来更眩一点。后来 css1.0, 2.0 陆续出现，html 4.0 ...
好的，事情是这样的，数年前，我曾有过一段美好的夏日恋情，在此与大家分享。 依依 这个女孩叫做依依 ，她是 80 后的，生日是 1989 年 3 月吧，忘了哪一天了，分手太久了，记不起来了。 转学生 我高中是个转学生，转学转到了一所学习学得特猛的学校。对于我这个不爱学习的孩子来说，每个人都...
看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因， 1）这篇文章太长了，阅读成本太大，不能一口气读完。 2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。 ...
英文原文：Code Organization in Large AngularJS and JavaScript Applications 本文作者Cliff Meyers是一个前端工程师，熟悉HTML5、JavaScript、J2EE开发，他在开发过程中总结了自己在应对JavaScript应...
Paul Irish是著名的前端开发工程师，同时他也是Chrome开发者关系团队成员，jQuery团队成员，Modernizr、 Yeoman、CSS3 Please和HTML5 Boilerplate的lead developer。针对大家对WebKit的种种误解，他在自己的博客发表了《Web...
经常有新入职的同学，搞不清设计师和别的职位如产品经理，在工作内容上有什么区别。回答了几次之后，我总结出两方面的差别，简单概括为：技能和定位。 “技能”指的是设计师掌握了项目中其他角色都不具备的能力——画图。这么概括有点简单粗暴了，事实上设计师的专业能力远比画图两字涵盖的内容要广。但“画图”确实...
可能由于网络、浏览器问题、缓存等原因，可能导致线上执行 js 的时候与开发环境并不一样，会抛出异常。js 异常基本上是前端开发工程师的家常便饭。如何记录，并使用它，却很少人关注。最近在考虑一个想法，基本上涉及到两步：收集和使用。 一、收集 对于 error 收集这一块，还是比较方便的，因为在...
HTML5之美 从HTML4诞生以来，整个互联网环境、硬件环境都发生了翻天覆地的变化，开发者期望标准统一、用户渴望更好体验的呼声越来越高。20年磨一剑，HTML5作为下一代Web标准，它的新特性正在每个新式浏览器的版本中快速的得到支持和体现。随着HTML5和CSS3的发展和完善，Web应用程序...
在项目的交互或视觉评审中，前端同学常常会对一些交互效果质疑，提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘(redraw)和重排(reflow)，需要付出高昂的性能代价。那么，什么是浏览器的重绘和重排呢？二者何时发生以及如何权衡？如何在具体的开发过程中将重绘和重排引发的...
前端时间对公司已有项目JavaScript代码进行优化，本文的是对优化工作的一个总结，拿出来与大家分享。当然我的优化方式可能并不是最优的，或者说有些不对的地方，请指教。 JavaScript优化总结分为以下几点优化前后对比优化前优化后代码混乱，同样功能的函数重复出现在多个地方。如果需要修改实现...
【一】 面向对象的基本概念 面向对象的英文全称叫做Object Oriented，简称OO。OO其实包括OOA(Object OrientedAnalysis，面向对象分析)、OOD(Object Oriented Design，面向对象设计)和OOP(ObjectOriented Progr...
英文原文：Writing Fast, Memory-Efficient JavaScript Addy Osmani是谷歌公司Chrome团队中的一名程序开发工程师。他是一位JavaScript爱好者，曾经编写过一本开放源码方面的书籍《Learning JavaScript Design Pa...
随着网站逐渐变成"互联网应用程序"，嵌入网页的 Javascript 代码越来越庞大，越来越复杂。 网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。 Javascript 模块化编程，已经成为一个迫切的需求。理...
首先先看一下基本定义： 复合选择器就是两个或多个基本选择器，通过不同方式连接而成的选择器，主要包括“交集”选择器、“并集”选择器、“后代”选择器。 交集选择器 “交集”复合选择器是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第一个必须是标记选择器，第二个必须是类别选...
编者注：这里的“重构”指的是将设计图（比如PSD）转换为html + css + js。 用这个标题，是因为前一段时间组里有一个开放式讨论：怎样才算一个好重构？ 其实，"好"与"坏"向来都是相对的，因为每个人眼中看待"好"与"坏"的标准不一样，不如从自身的角度考虑一下：如何做一个好重构？ ...
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很...
作为一名开发人员（We前端JavaScript开发），不规范的开发不仅使日后代码维护变的困难，同时也不利于团队的合作，通常还会带来代码安全以及执行效率上的问题。本人在开发工作中就曾与不按规范来开发的同事合作过，与他合作就不能用“愉快”来形容了。现在本人撰写此文的目的除了与大家分享一点点经验外，更...
我所遇到的前端程序员分两种： 第一种一直在问：如何学习前端？ 第二种总说：前端很简单，就那么一点东西。 我从没有听到有人问：如何做一名优秀、甚至卓越的WEB前端工程师。 何为：前端工程师？ 前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。 Web前端开发技术...