张鑫旭-鑫空间-鑫生活
it's my whole life!好文推荐
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 该学什么有个清晰的认识。
致未来的实习生
岁月如歌，你的人生即将翻开新的篇章，也许你需要一份展现自我的优秀简历，也许你需要一份属于自己的未来规划，也许你需要一个优秀的导师帮助你成长...
应该知道的前端性能二三事 —— Reflow 和 Repaint
手机上的开销比 PC 上要大的多，你在 PC 的模拟器上调试的很顺畅，等到手机上时，就会卡，这是为什么呢？其实这就是性能问题...
前端服务化——页面搭建工具的死与生
作者是支付宝前端开发，打算造一个可视化的页面搭建工具的轮子，重点不在于其造的轮子，而是造的过程中的一些思考和认识值得品味。
从Chrome源码看浏览器如何layout布局
上面是用Skia画的代码，Skia是一个跨平台的开源2D图形库，是Chrome/firefox/android采用的底层Paint引擎。为了能够获取到具体的值，就得进行layout。什么叫layout？把css转化成维度位置等可直接用来描绘的信息的过程就叫layout...
从Chrome源码看浏览器如何计算CSS
在构建DOM的过程中，如果遇到link的标签，当把它插到DOM里面之后，就会触发资源加载——根据href指明的链接...
从Chrome源码看浏览器的事件机制
在最顶层的EventTarget提供了三个函数，分别是添加监听add、删除监听remove、触发监听fire...
从Chrome源码看浏览器如何构建DOM树
这几天下了Chrome的源码，安装了一个debug版的Chromium研究了一下，虽然很多地方都一知半解，但是还是有一点收获，将在这篇文章介绍DOM树是如何构建的，看了本文应该可以回答以下问题...