最近几年对于web前端的传闻很多，比如人才稀缺，简单易学，待遇丰厚，整体势头发展良好等等。遇到过一个不太熟搞后台开发的同事跑来问我学习前端需要掌握哪些内容，也听说过一个搞IOS开发准备自学前端半个月然后要去找前端工作，也曾看到过有人对前端市场人才的稀缺这样吹捧过：现在，几乎整个互联网行业都缺前端工程师，不仅在刚起步的创...

网络视频一直都很火。虽然在页面上嵌入Instagram和Youtube视频非常简单，但是有越来越多的需求——比如许多电子商务的场景——要求定制的视频传输方法。在设置视频处理和传输管道时，首先要考虑的是要服务的视频格式。用户体验、支持（浏览器和系统）、压缩效率或编码速度等方面可能与此项选择相关。 与通常的图像格...

ExtJS可以称为第一代单页应用框架的典型，它封装了各种UI组件，用户主要使用JavaScript来完成整个前端部分，甚至包括布局。随着功能逐渐增加，ExtJS的体积也逐渐增大，即使用于内部系统的开发，有时候也显得笨重了，更不用说开发以上这类运行在互联网上的系统。jQuery由于偏重DOM操作，它的插件体系又比较松散，...

前端开发中使用到 npm 包那可算是家常便饭，而使用到 npm 包总免不了接触到 package.json 包配置文件。那么这里就有一个问题，当我们在不同环境下 import 一个 npm 包时，到底加载的是 ...

在这篇文章中，我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果，使用纯css实现。当我们处理输入框时，会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的：label标签是关联表单元素，提供说明信息最适合的元素。输入框的placeholder属性允许您指定没有输入内容时出现在&l...

1、什么是Web应用？Web应用程序是一种可以通过Web访问的应用程序，特点是用户很容易访问，只需要有浏览器即可，不需要安装其他软件。 2、Web应用程序的模式应用程序有两种模式，即C/S、B/S两种，C/S是客户端/服务器端程序，这类程序一般独立运行；而B/S就是浏览器端/服务器端应用程序，这类应用程序一般...

随着技术的发展、用户量的增加、客户端种类变多，每一个小小的细节都需要优化和考虑。在海量的访问量面前，也许改变一个按钮的位置和颜色就能影响上千万次的用户体验。如今的互联网产品已不是以一己之力就可以完成的乐高积木了，Web开发需要以某种可控的方式来管理。于是，所有认真对待互联网产品的大公司都引入了流水线开发流程，在这条流水...

预测未来并非易事。在预测社会现象的未来趋势时，我们不能认为未来就是当下现状的简单线性延伸——而Web开发就是一种社会现象。在收集数据和观察趋势时，人们总会忽略一些不显眼的事实、一些难以观察到的趋势，反而很可能收集到一些本应无视的数据。话虽如此，但设法做出一些合理的预测总比完全不管不问、假装未来与自己无关要好些。作为软件...

随着公司业务的拓展，随之而来就是各种系统横向和纵向的增加，PV、UV也都随之增加，原有的系统架构和模式慢慢遇上了瓶颈，需要逐步的对系统从整体上进行改造升级，通过一段时间的整理思路，做一个简单的总结与分享。同时由于能力等方面的不足，如果有什么说的不好之处，还请各位大神多多指点。 本次调整提示主要从以下几个点进行...

在初始页面加载问题之外，“布局颠簸”是我在动态Web应用程序中看到的最常见的性能问题。对于单页应用程序尤其如此，它可以动态构建和销毁视图。但是，我常常对我遇到的Web开发人员的数量感到惊讶，他们不知道导致浏览器做不必要的布局的模式（在Mozilla社区中也称为“重排”）。如果您使用WebKit浏览器进行开发，可以使用大...

 移动端适配，目前自己常用的两种方案，参考以下两篇好文 方案一：使用lib-flexible包使用flexible包方式，安装 lib-flexible包和px2rem-loader包npminstall--save-devlib-flexiblepx2rem-loader在需要的js文件...

用来构建漂亮、定制化应用的跨平台的UI 框架 Flutter现在已经支持Web开发了。我们很高兴推出了一个预览版的SDK可以让开发者直接使用FlutterUI和业务逻辑代码构建web应用在浏览器中运行起来。 自从去年第一个公测版本推出之后，开发者使用Flutter构建跨IOS和Androi...

cr(Codereview)主要目的在于确保Google的代码库代码质量越来越好。而所有相关的工具与流程皆是因应这个目的而生。为达到此目的，势必需要做出一连串的权衡与取舍首先，开发人员必须能够在自己负责的任务上有所进展。如果你从来没有向代码库提交改进过的代码，那么代码库就永远不会改进。另外，如果一个reviewer使c...

最近在看webpack的源码，发现有个比较头疼的点是：代码看起来非常跳跃，往往看不到几行就插入一段新内容，为了理解又不得不先学习相关的前置知识。层层嵌套之后，发现最基础的还是tapable模型，因此先对这部分的内容做一个介绍。 Webpack的流程可以分为以下三大阶段：初始化：启动构建，读取与合并配置参数，加...

webpack 就像一条生产线，要经过一系列处理流程后才能将源文件转换成输出结果。这条生产线上的每个处理流程的职责都是单一的，多个流程之间有存在依赖关系，只有完成当前处理后才能交给下一个流程去处理。插件就像是一个插入到生产线中的一个功能，在特定的时机对生产线上的资源做处理。Webpack通过Tapable来组...