上星期在React微信群里，有小伙伴觉得transformjs直接给DOM添加属性太激进，不可取（由于不在那个微信群，不明白为什么React会谈到transformjs？！）。关于这点，其实在一年半前腾讯内部就有相关声音，腾讯内部的小伙伴建议，不要污染那么多吧~~，给个总的namespace，如：

正则表达式可能大部分人都用过，但是大家在使用的时候，有没有想过正则表达式背后的原理，又或者当我告诉你正则表达式可能存在性能问题导致线上挂掉，你会不会觉得特别吃惊？

最近浏览36kr 的网页的时候偶然发现一个有趣的情况：当浏览器Tab 处于非当前页的时候，36kr 的标题栏会自动换成可爱的大白字符形象。Jeff 在第一次看到的时候就知道这种效果是通过HTML5 的Page Visibility API 实现的（不是吹牛）。

综合类综合类 地址前端知识体系 [链接]前端知识结构 [链接]前端知识体系 [链接]Web前端在线开发 [链接]Web前端开发大系概览-中文版 [链接]Web Front-end Stack v2.2 Web Front-end Stack v2.2免费的编程中文书籍索引 [链接]前端书籍 [链接]前端免费书籍大全 [链接]前端知识体系 [链接]免费的编程中文书籍索引 [链接]智能...

大型的前端系统一般是模块化的。每当发现问题时，模块负责人总是要重复地在浏览器中找出对应的模块，略读代码后在对应的函数内打上断点，最终开始排查。

综合类 地址前端知识体系 [链接]前端知识结构 [链接]前端知识体系 [链接]Web前端在线开发网站 [链接]Web前端开发大系概览-中文版 [链接]免费的编程中文书籍索引 [链接]前端书籍 [链接]前端免费书籍大全 [链接]前端知识体系 [链接]免费的编程中文书籍索引 [链接]智能社 - 精通JavaScript开发 [链接]重新介绍 JavaScript（...

原文链接：[链接] 先验货 访问DEMO你也可以点击这里 源代码可以点击这里 如你体验所见，流程的滚动的同时还能支持头部的动画？不断地加载新数据还能做到流畅的滑动！怎么做得的？使用AlloyTouch CSS 0.2.0及以上版本便可！ 头部动画 加载更多 实现代码 {代码...} 就这么多代码。当然你要引用一个transformjs和alloy_touc...

最近在学习前端的各大流行框架, 主要学习了 Vue.js 和 React.js, 前段时间用 Vue.js + uikit 实现了 V2EX 的克隆版本, 最近又用 React.js + redux + bootstrap 实现了 RubyChina 的克隆版本, 两个项目都支持响应式布局. 不得不说这是学习新知识的一个有效途径. 这两个项目都比较合适学习 Vue.js 和 React.js 的朋友参考.

2道面试题：输入URL按回车&HTTP2 - 掘金通过几轮面试，我发现真正那种问答的技术面，写一堆项目真不如去刷技术文章作用大，因此刷了一段时间的博客和掘金，整理下曾经被问到的2道面试题 从浏览器输入URL按回车到页面显示都发生了什么 说说你了解的HTTP/2 笔者才疏学浅，如有错误欢迎各位dalao指正...

Omi 框架是微信支付线研发部和 AlloyTeam 开源的通用 Web 组件化框架，基于 Web Components，用来开发 PC、手机浏览器或者微信、手Q webview 的 Web 页面。自今年5月开源以来，该项目共获得 Star 数 5000+，拥有贡献者29人。经过 Omi 原始开发团队和社区贡献者的共同努力，Omi 的生态发展非常迅速，包括：

JavaScript 框架/库 Animations velocity：很全面的JavaScript动画库 vivus：可以动态描绘 SVG 的 JS 库, 支持多种动画 Web Animation：Javascript 实现的 Web Animation API scrollReveal.js：使元素以非常酷帅的方式进入画布 (Viewpoint) snabbt.js：一个利用 Javascript 和 CSS transform 的 animation 库 transit：j...

我们使用热门构建工具vite创建项目，并选择react + ts模板。关于Eslint + Prettier + husky + lint-staged配置同样适用于webpack、Vue创建的项目，稍有不同的地方下文会提到，请放心食用。

eslint prettier stylelint husky lint-staged typescript eslint-config-alloy 为构建项目代码质量保驾护航。

由于saas平台即将开始，现在重新梳理前端架构和开发规范，项目使用模块化思想搭建，每个模块都有自己都路由和方法，尽量做到删除和添加模块，不会对框架产生较大对影响。

都是平时学习过程中收集的一些网址，有需要的可以看看！ angular angularjs新闻: [链接] angular1.x 官网： [链接] es5最佳实践: [链接] es2015最佳实践: [链接] codeReview checklist: [链接] angular移动版ionic: [链接] A Better Way to Learn AngularJS: [链接] 1.5生命周期钩子英文原文: [链接] 1.5生命周期钩子中...

不知不觉毕业已经快一年了，做前端也快一年了，收集的各种资料充满了我的收藏，作为一个强迫症患者，我不得不把他们好好整理，那看得叫一个清爽啊，既然整理出来了，就献给那些有需要的盆友吧，大家共勉！！

找到好的工具和插件会在这里持续更新，方便收藏的童鞋回溯。希望更多的童鞋能够把你工作上的用到的工具分享给大家！ 切图类插件 cutterman assistor-ps 作为页面仔，自己的ps没有一个好的插件怎么能行呢。 预处理器和后处理器 处理器 Less Sass Stylue autoprefixer 编译工具 gulp-autoprefixer gulp-less gulp-sass gul...