本文偏入门&实践，从零开始配置 Webpack； 实际项目开发，零配置是不存在的。🚀 安装&快速开始快速初始化配置文件 package.json {代码...} 接下来将 webpack 添加到 package.json => devDependencies {代码...} 安装成功后，创建目录 src/index.js 并添加如下内容 (默认入口为 src) {代码...} 命令行输入： {...

Basic vscode-fileheader — 用过 Sublime Text File-Header ? Sublime Text Keymap — 继续使用 Sublime Text 快捷键 Settings Sync — 插件 & 配置同步到 gist AutoFileName — 文件路径智能提示补全 Debugger for Chrome — Chrome Debugger 调试 ESLint — 代码风格校验 VSCode Great Icons — 文件图标主题 Emoji Code...

我眼里的正则表达式入门教程 深入理解正则表达式高级教程 深入理解正则表达式环视的概念与用法 正则表达式实践篇

程序安装过程中，在 Set Node.js Symlink 这一步目录设置，是待会 nvm use 存放你的 nodejs 程序的目录 [C:\\DevTools\\nodejs]。

1. 在你的模板文件中 html > head {代码...} 2. 引入高清方案脚本： {代码...} 3. 安装依赖 postcss-pxtorem {代码...} 4. 在 webpack.config.js 添加配置 {代码...} 5. 在原来处理全局 css 的 loader 加上 !postcss： {代码...} 原文：antd-mobile

Font Roboto + Mono Monaco Source Code Pro Fira Code Consolas Emmet 提高编写 html, css... 效率。 View In Browser 在浏览器打开页面。 CodeFormatter 代码格式化，使用这个插件我是拒绝的。。。 {代码...} 具体查看：C:\\Users\your username\\AppData\\Roaming\\Sublime Text 3\\Packages\\CodeFormatter\\CodeFor...

{代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} 原文：前端开发博客 ([链接]

应用场景：一组列表，需获取当前触发 onClick 事件元素上的 data-key ； 就一个事件冒泡导致的问题；初步没解决方案是给 li 下的所有子元素都加上 data-key显然这是很很很笨的方法，仅为当时测试用。 实在不行，其他地方也要解决这个问题就停下脚步 得深挖下，事件捕捉/冒泡的过程（有空补全） 既然是子元素冒泡上来了，...

最近刚用完 gulp 又来捣鼓捣鼓 webpack ，这只是个简单的新手入门教程...不多说；注意：安装webpack前检查nodejs的安装目录路径是否存在空格( Program Files (x86) )，建议安装在无空格文件夹目录下。

前戏：前几篇文章其实都是些基础必备的，什么变量、继承、占位符、混合宏...这回来高级点的，玩玩Sass 自带的一些函数...有字符串函数(String Functions)、数字函数(Number Functions)、列表函数(List Functions)、颜色函数(Color Functions)、Introspection 函数(Introspection Functions)、三元函数(Miscellaneous Fun...

Sass 扩展了 CSS 的 @import 规则，让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。 另外，被导入的文件中所定义的变量或 mixins 都可以在主文件中使用。

学习Sass无非就是想高效的、 面向对象编写CSS，Sass中的Operations也是重要的一部分。现在的前端各种工程化、模块化、面向工资编程，哦...不对，是面向对象编程。玩起来吧！

学习Sass无非就是想高效的、 面向对象编写CSS，Sass中的Interpolation#{}就是重要的一部分。开始一探究竟... 1. 简单的栗子 SCSS： {代码...} 被编译为： {代码...} 2. 如何编译出 border: 2px dashed green; SCSS： {代码...} 被编译为： {代码...} 3. 结合 @each 多个值操作 SCSS： {代码...} 被编译为： {代码...} 4....

学习Sass无非就是想高效的、 面向对象编写CSS，Sass中的@-Rules也是重要的一部分。普遍情况下这仨在实际项目中用得还是比较多的，玩起来吧！