前端工具

基于 Electron 的前端文件处理工具

一键拖拽并在当前目录下生成处理后的文件，处理零碎的前端文件从未如此轻松~

看懂前端脚手架你须要这篇webpack

it's not webpack step by step（webpack2） 打个广告，欢迎你们订阅我司尚妆github博客，不按期干货输出哦。 分割webpack配置文件的多种方法 ###（一） 将你的配置信息写到多个分散的文件中去，而后在执行webpack的时候利用--c…

让我为你介绍一个神器：Chimee，一套可扩展的 H5 视频播放器解决方案

Chimee（读“奇米”, [tʃɪ'mɪ:]）是由奇舞团开源的一套 H5 视频播放器解决方案，由奇舞团视频云前端团队结合在业务和视频编解码方向的沉淀积累倾心打造。
Chimee 支持 MP四、M3U八、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 1四、1五、201六、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…