张鑫旭-鑫空间-鑫生活
it's my whole life!好文推荐
前端中的 Pipeline
计算机领域的 Pipeline 通常认为起源于 Unix。最初 Douglas Mcllroy 发现很多时候人们会将 shell 命令的输出传递给另外一个 shell 命令，因此就提出了 Pipeline 这一概念。
标签：前端 | 发布于2017-10-05
[译]WebRender：让网页渲染如丝顺滑
Firefox Quantum 发布在即。它带来了许多性能改进，包括从 Servo 引入的的极速 CSS 引擎。
标签：前端 | 发布于2017-10-18
[译]不会写JavaScript 的人是否还有价值？
小组讨论中，我们讨论了一个问题：“只会写 CSS 和 HTML、不会写 JavaScript 的人在行业中还有一席之地吗”。
标签：前端 | 发布于2017-09-27
百度开源移动端深度学习框架mobile-deep-learning（MDL）
2017 年 9 月 25 日，百度在 GitHub 开源了移动端深度学习框架 mobile-deep-learning（MDL）的全部代码以及脚本，希望这个项目在社区的带动下能够更好地发展。
前端开发如何独立解决跨域问题
有没有前端独立就能解决的跨域方案呢？有的，我们可以利用「代理」或「反向代理」技术来解决开发中的跨域问题。
利用Chrome浏览器进行移动端真机debug
移随着移动端的不断推进, 特别是安卓 机型, 分辨率, 系统版本存在很多分类, 今天教大家如何利用Chrome进行手真机调试 。
标签：前端 | 发布于2017-09-10
面對iPhone X，Web設計師需要知道的幾個CSS屬性
iPhone X螢幕的四方有專為iOS使用的區域，上方有著顯示時間以及無線訊號的Status Bar，下方有供iPhone X解鎖、跳出App所使用的Home Bar，除去這兩塊後，可供App使用的區域稱為Safe Area...
标签：前端 | 发布于2017-09-17
[译]Preload，Prefetch 和它们在 Chrome 之中的优先级
今天我们来深入研究一下 Chrome 的网络协议栈，来更清晰的描述早期网络加载（像 <link rel=“preload" 和 <link rel=“prefetch”>）背后的工作原理，让你对其更加了解。
如何用 css 修出好看的照片
我们通常会通过PS，美图秀秀等来编辑照片，制作比较符合意境的的效果图片(图骗)，但是编辑器和PS的切换是有成本的，如果能在编辑器中快捷并且批量的处理图片岂不是很好。这篇文章没有多么高深的代码，只是一些平时容易忽略并且很受用的小技巧。
标签：前端 | 发布于2017-08-20
入门Webpack，看这篇就够了
阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过...
标签：前端 | 发布于2016-08-08
英文技术文档看不懂？看印记中文就够了！
学习技术的时候，苦于找不到好的中文文档？现在不用担心了，印记中文能帮你解决技术文档的难题！我们专注于做最权威，质量最高的技术文档翻译社区。
标签：前端 | 发布于2017-08-23
腾讯祭出大招VasSonic，让你的H5页面首屏秒开！
本文根据作者在2017GMTC全球移动技术大会的上分享的ppt整理，特别感谢卢景伦（腾讯SNG增值产品部高级工程师）将ppt精华汇总成文，方便大家阅读学习。
谷歌也发布了Web前端机器学习库，就叫deeplearn.js
现在谷歌也决定在机器学习前端开发领域添一把柴，昨天发布了开源了自己的前端机器学习库 deeplear.js
标签：前端 | 发布于2017-08-08
一个少女心满满的例子带你入门 canvas
之前看到了一个很好看的canvas效果，然后拿来做我的博客背景，不少童鞋留言说求教程...
从移动端 click 到摇一摇
以前听到前辈们说移动端尽量不要使用click，click会比较迟钝，能用touchstart还是用touchstart。但是用touchstart会有一个问题，用户在滑动页面的时候要是不小心碰到了相关元素也会触发touchstart，所以两者都有缺点。那怎么办呢？
标签：前端 | 发布于2017-07-23
CSS vs. JavaScript: 相信 vs. 控制
当阿姆斯特丹的GotoConf的组委会要求我发言时，我以为会让我讲机器学习或Progressive Web Apps。但是，组织者要求我讲CSS，这门在他们的“编程语言”中被低估的语言。说起来，我从最开始就一直是CSS的粉丝。
程序员如何快速学习新的框架
今天很流行的 Web 框架，半年以后，可能就会在市场上被『淘汰』——技术选型的时候，不被开发人员推荐；又或者它已经推出了全新的版本，使用了全新的 API，我们便需要更新现有应用。
标签：前端 | 发布于2017-07-19
CSS Animation 与 Web Animation API 之争
JavaScript 提供了 Web Animations API 原生动画 API ，在本篇文章中称它为 WAAPI。本篇文章中，我们将对比 WAAPI 和 与之对应的 CSS 动画。
JavaScript Promise迷你书（中文版）
本书的目的是以目前还在制定中的ECMAScript 6 Promises规范为中心，着重向各位读者介绍JavaScript中对Promise相关技术的支持情况。
标签：前端 | 发布于2017-07-05
Service Worker那些事
丰富的离线体验，定期的后台同步，推送通知，这些通常需要一个本地应用程序才能实现的功能现在已经来到了 web 端。以上这些特性背后所依赖的技术都会通过 service worker 提供。
AMP，来自 Google 的移动页面优化方案
最近 Google 某个团队推出了一项名为 Accelerated Mobile Pages（AMP）的技术，号称能大大加快移动端页面呈现速度，提高整体体验。
初识 three.js 的故事
Three.js 是 JavaScript 编写的 WebGL 第三方库，通过对 WebGL 接口的封装与简化而形成的一个易用的图形库。
平时工作ES6掌握这些就够了
刚开始用vue或者react，很多时候我们都会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性，我们需要全部都掌握吗？秉着二八原则，掌握好常用的，有用的这个可以让我们快速起飞。
腾讯AlloyTeam正式发布pasition - 制作酷炫Path过渡动画
Pasition - Path Transition with little JS code, render to anywhere - 超小尺寸的Path过渡动画类库
标签：前端 | 发布于2017-06-20
在 JS 中使用 fetch 更加高效地进行网络请求
在前端快速发展地过程中，为了契合更好的设计模式，产生了 fetch 框架，此文将简要介绍下 fetch 的基本使用。
WebVR如此近-three.js的WebVR示例解析
最近VR的发展十分吸引人们的眼球，很多同学应该也心痒痒的想体验VR设备，然而现在的专业硬件价格还比较高，入手一个估计就要吃土了。但是，对于我们前端开发者来说，我们不仅可以简单地在手机上进行视觉上的VR体验，还可以立马上手进行Web端VR应用的开发！
使用flv.js做直播
为什么要在这个时候探索flv.js做直播呢？原因在于各大浏览器厂商已经默认禁用Flash，之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能，这样的用户体验很致命。
前端开发者指南（2017）
这是一本可供任何人使用的指南，用于学习前端开发实践。该指南大体上勾勒出了前端工程的轮廓，同时也讨论了前端工程的实践：2017 年，如何学习前端工程，用什么工具来实践？
QQ会员活动运营平台架构设计实践——高效自动化运营
QQ会员活动运营平台（AMS），是QQ会员增值运营业务的重要载体之一，承担海量活动运营的Web系统。在过去四年的时间里，AMS日请求量从200-500万的阶段，一直增长到日请求3-5亿，最高CGI日请求达到8亿。在这个过程中，AMS在架构方面发生了大幅度的调整和变迁，我们走过了一段非常难忘的技术历程。
前端开发实习生培养体系的探索：织梦计划 v 0.1.0
由于意识到目前的前端团队趋于稳定，可以适当加入一些实习生为团队注入活力。于是这段时间主动积累了一些相关经验，决定就前端技术团队的实习生培养这一主题，进行概念梳理以及雏形规划...
标签：前端 | 发布于2017-05-31
使用 RxJS 实现 JavaScript 的 Reactive 编程
作为有经验的JavaScript开发者，我们会在代码中采用一定程度的异步代码。我们不断地处理用户的输入请求，也从远程获取数据，或者同时运行耗时的计算任务，...异步计算本身就是难以管理的，而RxJS可以解决这个问题。
《欢乐颂2》 邱莹莹的程序猿男友应勤竟是前端攻城狮?
看过《欢乐颂》的朋友们都知道，这部展现了真实都市生活的电视剧一经开播便受到了广大关注，无论是在公司、在地铁、经常会看到俊男靓女拿着手机默默地追剧，然而今天小编在追剧时突然发现：《欢乐颂2》居然在搞事情！！!
标签：前端 | 发布于2017-05-18
什么才是你心目中的前端圈?
提这个问题的想法出现许久了，最初是想写一篇文章，标题为"我心目中的前端圈"，但是和以前某次撕逼的题目太像，想想还是还是作为一个问题更加合适。……为什么今天下定主意提问呢，因为这两天微博又谈到了关于阮老师的话题~~
标签：前端 | 发布于2017-05-14
基于Git、Svn的Commit实现可增量构建的前端持续集成解决方案
近两年由于技术的发展，Web 前端可以通过编译工具来实现 HTML、CSS、JS 所做不到的事情，但要面对它们所带来的一些问题：构建速度越来越慢，导致发布速度越来越慢。尤其是在使用持续集成系统来构建的项目中，这个问题越严重。
标签：前端 | 发布于2017-05-03
理解 Gulp 和 Webpack
Gulp 和 webpack 之间的关系是十分暧昧的，却也经常被人误解，以为它俩是竞争关系，其实不然。
前端开发负责人修炼指北
大家好，我叫XX，江湖人称吃土小2叉，目前担任公司的前端负责人半年多了，一路上摸爬滚打，历经团队人员变动，近日颇有感触...
Web推送技术
伴随着今年 Google I/O 大会的召开，一个很火的概念–Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 APP 媲美的能力。但是，有一个很重要的痛点，web 一直不能使用消息推送...
将网站改进为增强型网页应用-PWA
最近有一些关于增强型网页应用（PWA）的议论，很多人都质疑PWA是否代表了未来的（移动）Web。我并无意参与到整个的原生app与PWA的争论中，但是有一件事是确定的– 在提高移动端和改善用户体验方面还有很长的路要走。到2018，移动端web访问量注定会超过其他设备的总和，你能忽视这一趋势吗？
知乎登录页 - 粒子运动效果
仿知乎登录页面，基于canvas实现了一个粒子（Particle）随机运动的动画效果。 为了方便大家使用，也为提供了react和vue知乎登录页的完整实现。
标签：前端 | 发布于2017-04-14
30 分钟搞定 ES6 常用基础知识
在实际开发中，ES6已经非常普及了。掌握ES6的知识变成了一种必须。尽管我们在使用时仍然需要经过babel编译。
浏览器缓存机制剖析
缓存一直是前端优化的主战场, 利用好缓存就成功了一半. 本篇从http请求和响应的头域入手, 让你对浏览器缓存有个整体的概念. 最终你会发现强缓存, 协商缓存 和 启发式缓存是如此的简单.
小程序这13大新能力，将对你产生什么影响？
今天，微信公开课“小程序专场”，微信团队带来两项全新能力——“第三方服务”和“附近的小程序”。至此，小程序近期一共开放了13项新能力。对于用户来讲，会带来哪些影响呢？看下面——
70%以上业务由H5开发，手机QQ Hybrid 的架构如何优化演进？
随着前端开发的兴起，QQ也逐渐演变为Web与原生终端混合的开发模式。得到Web动态运营能力的同时，QQ也在交互响应速度、后台服务压力、海量用户集的带宽冲击等方面，受到了更多的挑战。在快速的Web运营节奏下，必须保证嵌入QQ的第三方业务也始终处于一个高质量的服务状态。针对这些问题，QQ团队除了采用动态CDN、后台渲染等全栈手段优化体验，也构建了围绕速度、成功率、页面异常等维度的监控体系来保障服务质量。
2017暑期阿里面试总结(前端方向)
昨天正好看到一篇文章2017暑期实习面试总结(java方向)，感觉写的很棒，作者的 功底很深。不过那篇文章终究是后端的，正好自己刚过阿里的四面，所以就总结一个前端版本的吧，也便于之后的查缺补漏。
知道这20个正则表达式，能让你少写1,000行代码
正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。
80% 应聘者都不及格的 JS 面试题
笔者在做面试官这 2 年多的时间内，面试了数百个前端工程师，惊讶的发现，超过 80% 的候选人对下面这道题的回答情况连及格都达不到。这究竟是怎样神奇的一道面试题？
你不知道的 DOMContentLoaded
首先我们先直观地感受下什么是 DOMContentLoaded。打开 Chrome DevTools...
我理解中的“大前端”/“大无线”
最近，我所在的团队做了一些结构调整，其实我一直想讲讲这次调整，希望能够带给同行一些思考，但...
2016 年崛起的 JS 项目
本文是王仕军对中文版 risingstars2016 的整理，而王仕军就是中文版的译者。长江后浪推前浪，如果你能花 30 分钟读完我 6 个小时翻译的内容，相信你不会被后浪拍死在沙滩上，对 2017 该学什么有个清晰的认识。