“Web前端”文章列表
但凡从事互联网的人基本都会写几行html，用过Word的人用Dreamweaver也能做出规整的页面，所以大部分人会很自然地认为“页面的开发没什么技术含量，很简单”。不仅有这种普遍的认知，对从业者来说也有很多疑惑：做页面前端实现，没问题；兼容性，小case；图片集成，一直都在用……还能有什么问题...
英文原文：JavaScript Modules 对于那些初学JavaScript、同时又正用它构建大型应用程序的开发者而言，必须面对的首要挑战是，该如何组织代码。尽管起初通过在<script>标记之间嵌入数百行代码就能跑起来，不过很快代码会变得一塌糊涂。其中的难点在于，对于组织我们的代码，Ja...
如今大热的HTML5到底美在哪里？HTML5到底能为实际的移动开发带来哪些改变？来自阿里云云手机服务运营部的前端开发工程师正邪 （廖健）分享了他眼中的HTML5之美，主要讲诉HTML5的常见原理并从CSS、JavaScript和框架三个方面做了细致讲解： 说到HTML5一般都会提到它新增了一些...
但凡从事互联网的人基本都会写几行 html，用过 Word 的人用 Dreamweaver 也能做出规整的页面，所以大部分人会很自然地认为“页面的开发没什么技术含量，很简单”。不仅有这种普遍的认知，对从业者来说也有很多疑惑：做页面前端实现，没问题；兼容性，小 case；图片集成，一直都在用……还...
本文发布于2011-08-02 有两个错误的观点，其一是“JavaScript在语源上继承自Cmm”。这个错误的观点主要的来自于以下途径（部分）：2002年10月7日的《Wired Magazine（连线杂志）》的一份名为“Mother Tongues”的图；O’Reilly公布的“The H...
本文发布于2007-12-13 问题 JavaScript真的继承自Cmm吗？ JavaScript与Java有多少关系？ JavaScirpt最初的设计是怎样的？ 在许多资料，JavaScript的语源被追溯到一种名为Cmm的语言。同样是在这一溯源的过程中，人们发现“其实”JavaS...
什么是HTTP Headers HTTP是“Hypertext Transfer Protocol”的所写，整个万维网都在使用这种协议，几乎你在浏览器里看到的大部分内容都是通过http协议来传输的，比如这篇文章。 HTTP Headers是HTTP请求和相应的核心，它承载了关于客户端浏览器，...
什么使我们成为网站和 app 的忠实用户？思考这个问题时，我们发现那些令人喜爱的网站和 app 都拥有一样东西：灵魂。它们是有灵性的，它们的用户体验中被置入了情感化智能，并且这种情感化智能通过交互设计和反馈机制得以体现。 这些要素将“个性”赋予了网站或 app 产品，并让产品最终在用户心中留下...
英文原文：JavaScript Memory Leaks 1. 什么是内存泄露？ 内存泄露是指分配给应用的内存不能被重新分配，即使在内存已经不被使用的时候。正常情况下，垃圾回收器在 DOM 元素和 event 处理器不被引用或访问的时候回收它们。但是，IE 的早些版本（IE7和之前）中内存泄...
随着 3G 的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？ 手机的屏幕比较小，宽度通常在 600 像素以下；PC 的屏幕宽度，一般都在 1000 像素以上（目前主流宽度是 ...
Douglas Crockford 是 Javascript 权威，Json 格式就是他的发明。 去年 11 月他有一个演讲（Youtube），谈到了好的 Javascript 编程风格是什么。 我非常推荐这个演讲，它不仅有助于学习 Javascript，而且能让你心情舒畅，因为 Crock...
英文原文：How to Write Maintainable OO JavaScript Code 能够写出可维护的面向对象 JavaScript 代码不仅可以节约金钱，还能让你很受欢迎。不信？有可能你自己或者其他什么人有一天会回来重用你的代码。如果能尽量让这个经历不那么痛苦，就可以节省不少时...
在 Web 应用中，Cookie 很容易成为安全问题的一部分。从以往的经验来看，对 Cookie 在开发过程中的使用，很多开发团队并没有形成共识或者一定的规范，这也使得很多应用中的 Cookie 成为潜在的易受攻击点。在给 Web 应用做安全架构评审（Security architecture ...
通常如果一样东西需要编码，说明这样东西并不适合传输。原因多种多样，如Size过大，包含隐私数据，对于Url来说，之所以要进行编码，是因为Url中有些字符会引起歧义。 例如，Url参数字符串中使用key=value键值对这样的形式来传参，键值对之间以&符号分隔，如/s?q=abc&ie=utf-...
如果你是一个Web开发初学者，那么你难免会在网上搜索HTML, CSS, XML, JS(Javascript), DOM, XSL等等这些词的意思，然而，随着学习的深入。当你把他们搅在一起，你又糊涂了，你会不停的问，HTML是什么?CSS是什么?XML是什么?JS是什么?它们到底有什么用?无论...
引 如今，各种互联网的Web应用程序层出不穷，那么如何快速入门，成长为一个优秀的Web开发工作者呢？ 这个问题不容易回答，几乎所有的培训机构都不能清晰地解答。 所以对于Web开发刚刚入门的菜鸟们，我觉得只有通过去做，去实验，学会Web开发，可能是学着学着，实验着实验着就会了。 没有人告诉...
英文原文：A house designed like a web application 导读：本文的作者David Galbraith是一名建筑设计师，同时也是一名优秀的Web设计师，擅长产品的用户体验设计。文中作者通过一个实例来讲述用Web设计的理念去设计一个建筑，怎么样使一个建筑像Web...
Google 的设计一向以简单著称，让页面清爽优雅地呈现，一方面节省了页面载入的时间，减少用户的等待，另一方面也减少了用户在浏览页面时的分心。然而，在这简单的设计背后，并不是设计师偷懒，而是更加灵敏、细致、轻便的交互体验设计。Google+ 作为社交网络的又一力作， 在继承了公司著名的十大设计准...
目录 一、介绍 二、渲染引擎 三、解析与DOM树构建 四、渲染树构建 五、布局 六、绘制 七、动态变化 八、渲染引擎的线程 九、CSS2可视模型 英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers ...
用户活跃度是检验产品成功与否的重要指标之一，传统行业的商家极为重视门面的装潢，因为一个好的门面可以聚集人气，招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究，有一定的风水学说道理，更能彰显主人家的身份地位.由此可见，“门面’就如人的脸面之于人的形象一样重要，而 WEB ...