“Web前端”文章列表
作为微博的页面构建工程师，主要职责就是利用html&css，高质量的完成静态页面的制作，保证项目的按时完成。而页面需要的js效果则交给下游的js前端工程师去做。在微博，这两个岗位是分开的。但在大家的思维定势里可能觉得这两个岗位应由一个人来完成最好，毕竟，页面构建工程师写的html结构不一定是js...
这是一个很老的话题“前端工程师的价值体现在哪里？”。有人说：“前端工程师之于网站的价值犹如化妆师之于明星的价值。”一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度。当然，Web前端工程师并不是设计师，每天接触最多的是代码，代码，还是代码。对此，你是如何给自己定位的？你的价值是否能够...
一直想写这篇“十日谈”，聊聊我对Web前端开发的体会，顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术，我想，通过技术的历练，得到的反思应当更重要。 我一直认为自己是“初级”前端开发工程师，一方面我入道尚浅，只有短短几年，另一方面我自知对技术的钻研并不深入，可能是由于环境的原因，当然最重要...
JavaScript单线程的误解 在我接触JavaScript（无论浏览器还是NodeJS）的时间里，总是遇到有朋友有多线程的需求。而在NodeJS方面，有朋友甚至直接说到，NodeJS是单线程的，无法很好的利用多核CPU。 诚然，在前端的浏览器中，由于前端的JavaScript与UI占据同...
英文原文：CoffeeScript: The beautiful way to write JavaScript 我用 JavaScript 编程很多年了，写了大量的 JavaScript 代码，即便是我这样的经历，但我仍然还在努力地去写出更优美的 JavaScript 代码，在这篇文章中，...
从事Web前端开发的人都与CSS打交道很多，有的人也许不知道CSS是怎么去工作的，写出来的CSS浏览器是怎么样去解析的呢？当这个成为我们提高CSS水平的一个瓶颈时，是否应该多了解一下呢？ 一、浏览器的发展与CSS 网页浏览器主要通过 HTTP 协议连接网页服务器而取得网页， HTTP 容许网...
英文原文：Learning to Love the Boring Bits of CSS 未来的CSS太让人兴奋了：一方面，是全新的页面布局方式；另一方面，是酷炫的滤镜、颜色等视觉效果。这些CSS，受开发者追捧，被杂志和博客文章铺天盖地地介绍。 如果说这些特性是CSS华丽的一面，那我们来看看...
XMLHttpRequest 是一个浏览器接口，使得 Javascript 可以进行 HTTP (S) 通信。 最早，微软在 IE 5 引进了这个接口。因为它太有用，其他浏览器也模仿部署了，ajax 操作因此得以诞生。 但是，这个接口一直没有标准化，每家浏览器的实现或多或少有点不同。HTML...
说起模块化，也许我们首先想到的是编程中的模块设计，以功能块为单位进行程序设计，最后通过模块的选择和组合构成最终产品。把这种思想运用到页面构建中，也已经不是什么新鲜事。相信很大一部分页面构建工程师都经历了这样几个阶段：第一阶段是在一个css文件中把多个页面按自己的习惯顺序从上往下编写样式，基本不考...
先说故事，再说想法吧。 我有一朋友做网站，用 jQuery 的 Ajax 方法从后端载入一段 HTML 代码然后动态插入到网页的 Div 元件中。这个东西太普遍了。jQuery 强大的 load 方法可以完成这个事情。朋友的代码是这么写的：var tab = jQuery ("#dynamic...
英文原文：The innovations of Internet Explorer 作者：Nicholas C. Zakas 译者：Justice 译者按 IE 曾是 web 创新的先驱，但最近几年因为对 web 标准的支持落后于其他浏览器以及低版本 IE 的各种 bug 而被人诟病。雅...
文件上传是最古老的互联网操作之一。 20多年了，它几乎没变，还是原来的样子：操作麻烦、缺乏交互、用户体验不佳。在这个新技术日新月异的时代，显得非常落伍。 网页开发者们想了很多办法，试图提升文件上传的功能和操作体验，在各种 Javascript 库的基础上，开发了五花八门的插件。可是，由于不同...
公司招了几个刚毕业的学生，作为重构的新手让我来带。 首先感谢感谢党、感谢国家、感谢公司给了我这样的一个机会，对我工作的肯定和认可，让我带这样的一个重构团队，同时我也明白任务的艰巨，但我一定会将工作做好，不负公司对我的期望。（哈哈，好像从小到大，老师都是教育我们要这样先说的。） 在网站的发展史...
英文原文：One More Time: Typography Is The Foundation Of Web Design你已寻找这个问题多年，常听到这个问题在梦中被问及，也在以印第安纳琼斯般的远行去寻求答案。当你知晓答案，你感到彩屑从天花板上纷纷坠落，乐队也开始演奏你最爱的歌，你甚至从你的那...
如何快速成为Javascript高手？ 之前我拿这个问题问过我的同事，也问过国内的一些Javascript高手。 最近，我一直在拿这个问题问自己。之所以会有这个问题，我基于两个前提：第一、我自认为自己不笨；第二、我学习和使用Javascript也有一段时间了，并且自己学习还算努力。 思来想...
1.1.1 摘要 Ajax技术的核心是XMLHttpRequest对象（简称XHR），可以通过使用XHR对象获取到服务器的数据，然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML，但Ajax通讯与数据格式无关，所以我们的数据格式可以是XML或JSON等格式。 XMLHttpRequ...
前言 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服...
有这样一句话被提起：前端也有MVC，DOM树就是这个M，CSS就是这个V，至于C，非JavaScript莫属。 很高兴团队中有越来越多的人能够跳出某种语言、某种平台的局限性，站到抽象的层次上思考一些设计上的问题。在我的印象中，似乎前端开发总是容易给人以随意、混乱的感觉，可真的是前端技能不容易掌...
这个标题目的很简单，就是为了让我们这些日复一日埋头码页面的网页重构工作者，重拾面对这个我们所热爱的行业的热情；检视经常被我们在繁琐的工作中忽略的初级错误；以新人的眼光和态度迸发热情认真对待每一个页面。基本上都是我最想表达和同样需要重新审视的东西，也希望可以作为给刚入行的新人们的一些小小指引:） ...
写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到了这一点吗？我们一起来看一张图片： 上...