“Web前端”文章列表
js给初学者的印象总是那么的“杂而乱”，相信很多初学者都在找轻松学习js的途径。我试着总结自己学习多年js的经验，希望能给后来的学习者探索出一条“轻松学习js之路”。js给人那种感觉的原因多半是因为它如下的特点： A：本身知识很抽象、晦涩难懂，如：闭包、内置对象、DOM。 B：本身内容很...
一、前端游击战为哪般？ 小鹿乱撞，心花怒放。终于有机会在梦寐以求的团队博客的评论以外位置留下自己的痕迹啦，撒花撒花！淡定淡定，官博是严肃的地方，要是随便侃大山侃小山，拙文估计会被“里德尔”砍成袁姗姗。 深吸一口气，闲话少说，放马入题。 首先有必要回答这个问题：“何为前端游击战？” ...
什么是设计模式？ 曾有人调侃，设计模式是工程师用于跟别人显摆的，显得高大上；也曾有人这么说，不是设计模式没用，是你还没有到能懂它，会用它的时候。 先来看一下比较官方的解释：“设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模...
大家好： 应波波的邀请写一写我对这个话题的想法。从去年开始不少朋友让我帮忙介绍前端工程师，绝大部分忙都没帮上，原因是真找不到人。我当时是这么跟他们分析的：过去的客户端以browser为主，所以html/css/javascript是唯一选择，现在可是mobile first，于是大量前端开发...
今天给大家分享的主题是前端的自我成长，这是一个关于成长的话题。 很多人都有这样的感觉：听了很多技术圈子的分享，有的有深度，有的循循善诱，深入浅出，但是呢，几年下来，到底哪些用上了，哪些对自己真的有帮助了?反而有些模糊。 2015 年我在不同的场合分享了很多内容：有移动端的性能、有适配、有...
原文：Understanding Progressive Enhancement 作者：Aaron Gustafson 译者：空帷 @ Taobao UED 自 1994 年开始，Web 开发社群就擂起了名为“平稳退化 (Graceful Degradation)”的大鼓。这是一个...
一直都听说DOM很慢，要尽量少的去操作DOM，于是就想进一步去探究下为什么大家都会这样说，在网上学习了一些资料，这边整理出来。 首先，DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为，比如布局（layout）和绘制（paint）...
前言 前后端分离已经是业界所共识的一种开发/部署模式了。所谓的前后端分离，并不是传统行业中的按部门划分，一部分人纯做前端（HTML/CSS/JavaScript/Flex），另一部分人纯做后端，因为这种方式是不工作的：比如很多团队采取了后端的模板技术（JSP, FreeMarker, ERB等...
随着CSS3和HTML5的发展，越来越多狂拽炫酷叼炸天的动效在网页设计上遍地开花，根据最新的浏览器市场份额报告，IE6的份额已经降到了5.21%，这简直是一个喜大普奔的消息，做动效可以完全不care低端浏览器的时代已经在向我们招手了。俗话说得好，颜值不够，动效来凑，Web动效已经不仅仅是网页设计...
本文试图回答一个古老的面试问题：当你在浏览器中输入google.com并且按下回车之后发生了什么？ 不过我们不再局限于平常的回答，而是想办法回答地尽可能具体，不遗漏任何细节。 这将是一个协作的过程，所以深入挖掘吧，并且帮助我们一起完善它。仍然有大量的细节等待着你来添加，欢迎向我们发送Pull...
开发者一般不是令人惊艳的设计师，设计师也通常不是出色的开发者。虽然有很多例外，但这两行的门道对对方而言都是难以言说的谜，然而双方却要在这种情况下合作完成项目。作为在两个领域都工作过的人，我为设计师整理了一个列表，使他们能够更好地辅助开发者开发应用和网站。 Photoshop 开发者经常需要处...
在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局类型 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位，不管设备屏幕及浏...
缘起 有用户反馈内部MIS系统慢，页面加载耗时长。前端同学们开组会提及此事，如何解决慢的问题。 最致命的是：偶发！你不能准确知道它抽风的时间点，无法在想要追查问题的时候必现它。这只是一方面，另外，慢的可能实在太多了，那么问题来了，是前端导致的还是后端的问题？ 对慢的定义也有待商榷，多久算慢...
从2012年开始到2014年，各大家对Web设计的趋势预测中，都提到响应式设计；2015年网页设计趋势预测中，响应式仍在继续。这个经历了几年依然大热的响应式，在过去的几年里，快速巩固了自己的地位，并掀起了一股网页设计新标准的浪潮。这里本人基于一些资料文献及自己的陋见，谈谈响应式设计的一些现状和趋...
动效作为当今提升网页感官效果的利器，在各种类型的网页中已经全面开花，如何做到自然流畅让用户感觉舒适的动画效果呢？今天就来跟大家聊一聊动效设计的物理法则，以及它是如何应用的。 首先来一发大师金句，迪士尼动画大师格里穆·乃特维克曾经说过： 动画制作和动效设计是本质相通的，我们需要为用户建立一种“...
如果你是一个开始接触移动Web开发的前端工程师，那么你或许也遇到了和我曾经遇到的过问题：有太多新的概念需要掌握，太多相似的概念需要区分。没关系，我将用两篇文章的篇幅来解决这些问题。上篇文章关于解释和区分一些入门级别概念。这些概念你或许一直在各种场合看到或者听说，好像熟的很，但你真的了解它们背后的...
本文是《构建高可伸缩性的WEB交互式系统》系列文章的第三篇，以网易的NEJ框架为例，对模块的可伸缩性进行分析介绍。 实例分析 NEJ框架根据前两篇的描述对此套架构模式做了实现，下面我们用具体实例讲解如何使用NEJ中的模块调度系统来拆分一个复杂系统、开发测试模块、整合系统等。 系统分解 绘...
在《构建高可伸缩性的WEB交互式系统》的第一篇，我们介绍了Web交互式系统中平台的可伸缩性。本文将描述模块的可伸缩性。 模块的可伸缩性 WEB交互式系统对模块的可伸缩性同样表现为：可扩展性：对于系统新增的功能需求能够快速响应支持可缩减性：对于系统退化的模块能够以最小的修改方式剔除 这里我们...
可伸缩性是一种对软件系统处理能力的设计指标，高可伸缩性代表一种弹性，在系统扩展过程中，能够保证旺盛的生命力，通过很少的改动，就能实现整个系统处理能力的增长。 在系统设计的时候，充分地考虑系统的可伸缩性，一方面能够极大地减少日后的维护开销，并帮助决策者对于投资所能获得的回报进行更加精准的估计；另...
流程 关于流程，是从项目启动到发布的过程。在前端通常我们都做些什么？切图，即从设计稿中获取需要的素材，并不是所有前端开发都被要求切图，也不是所有前端开发都会切图，但请享受学习新知识的过程吧。创建模版（html、jade、haml）、脚本（javascript、coffeescript）、样式（...