基于 Electron 的前端文件处理工具
一键拖拽并在当前目录下生成处理后的文件，处理零碎的前端文件从未如此轻松~
看懂前端脚手架你需要这篇webpack
it's not webpack step by step（webpack2） 打个广告，欢迎大家订阅我司尚妆github博客，不定期干货输出哦。 分割webpack配置文件的多种方法 ###（一） 将你的配置信息写到多个分散的文件中去，然后在执行webpack的时候利用--c…
让我为你介绍一个神器：Chimee，一套可扩展的 H5 视频播放器解决方案
Chimee（读“奇米”, [tʃɪ'mɪ:]）是由奇舞团开源的一套 H5 视频播放器解决方案，由奇舞团视频云前端团队结合在业务和视频编解码方向的沉淀积累倾心打造。
Chimee 支持 MP4、M3U8、FLV 等多种媒体格式，同时它也帮我们解决了大部分的兼容性、差异化问题，包…
腾讯 AlloyTeam 出品的优秀 Web 前端导航站（欢迎推荐 / 建议）
聚合优秀 Web 资源，欢迎推荐 ：D
70% 以上业务由 H5 开发，手机 QQ Hybrid 的架构如何优化演进？
大前端 - 5 分钟带你读懂 Hexo 源码设计模式
Hexo 命令行设计
Hexo 入口模块设计
Hexo 编译模块设计
3D GIS 应用开发 —— 基于 Mapbox GL 的实践总结
最近在折腾的 web 端的可视化项目，由于相关业务的需要，用到了 Mapbox 这一地图开发的神器。在此先奉上项目 Demo 的一段小短片： 片段01 片段02 片段03 片段04 是不是赶脚效果还阔以（此处自吹自擂）？下面我们从这个项目一步步来介绍 Mapbox 的前端 GI…
IntelliJ IDEA 简体中文专题教程
比较完善的 IDEA 中文教程，本套教程适用于：IntelliJ IDEA 14、15、2016、2017 版本
webpack：从入门到真实项目配置
自从出现模块化以后，大家可以将原本一坨代码分离到个个模块中，但是由此引发了一个问题。每个 JS 文件都需要从服务器去拿，由此会导致加载速度变慢。Webpack 最主要的目的就是为了解决这个问题，将所有小文件打包成一个或多个大文件，官网的图片很好的诠释了这个事情，除此之外，Web…
基于 Docker 打造前端持续集成开发环境
本文将以一个标准的 Vue 项目为例，完全抛弃传统的前端项目开发部署方式，基于 Docker 容器技术打造一个精简的前端持续集成的开发环境。 1. CI（持续集成）：阮一峰老师的关于 CI 的介绍 2. Docker： Docker 快速入门 1. 代码无需在本地构建 2. 只…
手把手教你如何使用webpack 生成css sprites
我们在开发网站的时候，通常会把常用的图标合并成css sprite(雪碧图)，可以有效的减少站点的http请求数量，从而提高网站性能。 下面让我们一起来学习一下如何使用webpack合并sprite图。 好了，以上就是webpack生成css sprite的办法了，是不是觉着很…
走进网页虚拟现实 WebVR
最近几年，虚拟现实 VR 的概念火了一把，各种 VR 概念的游戏、设备、视频受到人们的广泛关注。笔者在逛商场的时候也经常会看到有 VR 设备体验的地方让游人体验一把，各种酷炫的头盔和酷炫的设备着实抓人眼球。但是作为一个前端工作者，我们肯定也希望在我们的网页里也能看到这么酷炫的效果，不经意间…
webpack 的新年礼物—— webpack 官方中文社区成立
webpack中文官网
https://webpack-china.org/
gulp 和 webpack 的完美结合
gulp 负责 css 等，webpack 负责 js
教你一步步从零构建 webpack 开发多页面环境
教你一步一步搭建 webpack 开发的多页面项目
chrome插件开发简介（一）——开发入门
chrome作为目前最流行的浏览器，备受前端推崇，原因除了其对于前端标准的支持这一大核心原因之外，还有就是其强大的扩展性。 基于其开发规范实现的插件如今已经非常庞大，在国内也是欣欣向荣，如天猫开发了大量的扩展，用于检测页面质量以及页面性能，淘宝开发了许多的扩展以供运营工具的优化…
分享7款个性化jQuery/HTML5地图插件
现在我们经常会用到一些地图应用，无论是在网页上还是手机App中，地图貌似是一个不可或缺的应用。本文将带领大家一起来看看一些基于jQuery和HTML5的个性化地图插件，有几款地图比较实用，有些则是具有抽象的概念，很有个性化。
这是一款基于HTML5的世界地图应用，它的特点是可以…
非常专业的 JavaScript 分类库大全集锦
又大又全的 javascript 分类库集锦， 包含前端，后端，移动端，博客等。自带 github 关注度更新。包括 vue, react, node.js, angular 等知名框架以及相关。
舒适的前端开发环境是怎样一种体验？
作者：Nicolas (沪江Web前端） 本文为原创文章，转载请注明作者及出处 本文的 webpack 代码示例根据 webpack 2.7.0 编写，并在 Mac 上正常运行。 去年一篇《在 2016 年学 JavaScript 是一种什么样的体验？》吓坏了很多想要入行新同学…
[[译] 前端调试技巧与诀窍](https://juejin.im/entry/5901e...
原文地址：Debugging Tips and Tricks 原文作者：SARAH DRASNER 译文出自：掘金翻译计划 译者：lsvih 校对者：loveky,ymz1124 前端调试技巧与诀窍 编写代码其实只是开发者的一小部分工作。为了让工作更有效率，我们还必须精通 de…
还在为线上 bug 无法快速修复而被客户抱怨吗? 老司机带你开发一个简单的 chrome 插件轻松搞定.
由线上的一个工单想到的关于问题快速处理的解决方案: 采用 chrome 插件, 快速解决客户的线上 bug; 注意: 这种方式的目的就是快速解决客户的问题, 并且只是临时修改. 修复补丁将会在下一次正式线上版本通过发布后被忽略;
Stylelint: 我们日夜期盼的样式表Linter
每一个程序员，无论他是写哪一门语言的，都希望自己写出干净整洁、一致性好的代码。因此很多开发者习惯于对诸如Javascript和Python一类的编程语言启用linter，但是却很好少有人使用linter来规范样式表。那么在这篇文章中，就让我们来一睹stylelint1（一个应用于样式表的linter）的真面目。
同时我们也将了解到在样式表中启用校对的关键性，以及它是如何让一个样式表有序和避免错误的。最后，我们将学会如何使用stylelint并尽快上手。
原文地址： https://www.smashingmagazine....
【译】2017 年 6 月：15 个有趣的 JS 和 CSS 库
6 月份，Tutorialzine 上的一些前端新鲜货，希望你能找到喜欢的库。
使用 CI 构建和发布全平台 Electron 应用
介绍一种简单高效的方法构建并发布安装包
【翻译向】webpack2 指南（中）
webpack2 已经发布了，翻译了一下官方指南。
包括内容：
- 动态模块替换
- 开发环境配置
- 为生产环境构建
- React 懒加载
- Public Path
内存分析与内存泄漏定位
无论是分布式计算系统、服务端应用程序还是 iOS、Android 原生应用都会存在内存泄漏问题，Web 应用自然也不可避免地存在着类似的问题。虽然因为网页往往都是即用即走，较少地存在某个网页长期运行的问题，即使存在内存泄漏可能表现地也不明显；但是在某些数据展示型的，需要长期运行…
【翻译向】webpack2 指南（下）
webpack2 官方指南翻译，包括内容：
- 缓存
- 垫片（Shimming）
- 编写一个库
前端国际化
讲解了前端国际化，何为国际化以及国际化的方案。
webpack 基础入门
webpack 基础入门
读前端中文文档，来印记中文就对了，最权威的中文开发文档
Vue/React/Webpack/PostCSS...我们还在不断地整合社区资源，同官方开展合作，为中文社区开发者们提供最新最可靠的中文开发文档，也欢迎有能力的同学加入我们一起翻译校对文档。
代码质量管控 -- 复杂度检测
代码的复杂度是评估一个项目的重要标准之一。较低的复杂度既能减少项目的维护成本，又能避免一些不可控问题的出现。然而在日常的开发中却没有一个明确的标准去衡量代码结构的复杂程度，大家只能凭着经验去评估代码结构的复杂程度，比如，代码的程度、结构分支的多寡等等。当前代码的复杂度到底是个什…
淘宝前端国际化方案探索
全球化、农村、云计算大数据是我们目前集团非常明确的未来战略。全球化会让我们服务更多的人，服务全球范围内的人。落实到我们前端这块就需要有一套国际化的方案，能为海外用户提供非常好的体验，推进集团全球化进展。
活儿好又性感的在线 Mock 平台 - Easy Mock
今天的数据，感谢大家的支持，有问题可以加QQ群反馈，实时答复：595325417 什么是 Easy Mock Easy Mock 是一个极其简单、高效、可视化、并且能快速生成模拟数据的在线 mock 服务。以项目管理的方式组织 Mock List，能帮助我们更好的管理 Moc…