Webpack4 不深不浅的实践教程
2018-04-19
阅读 10 分钟
19.9k本文偏入门&实践，从零开始配置 Webpack； 实际项目开发，零配置是不存在的。🚀 安装&快速开始快速初始化配置文件 package.json {代码...} 接下来将 webpack 添加到 package.json => devDependencies {代码...} 安装成功后，创建目录 src/index.js 并添加如下内容 (默认入口为 src) {代码...} 命令行输入： {...
Visual Studio Code 前端常用插件
2017-02-12
阅读 1 分钟
10.2kBasic 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...
Windows 下安装 nvm 管理 nodejs 版本
2016-11-27
阅读 3 分钟
70.2k程序安装过程中，在 Set Node.js Symlink 这一步目录设置，是待会 nvm use 存放你的 nodejs 程序的目录 [C:\\DevTools\\nodejs]。
ant design mobile 0.9.x 高清方案 webpack 配置
2016-11-06
阅读 2 分钟
8.2k1. 在你的模板文件中 html > head {代码...} 2. 引入高清方案脚本： {代码...} 3. 安装依赖 postcss-pxtorem {代码...} 4. 在 webpack.config.js 添加配置 {代码...} 5. 在原来处理全局 css 的 loader 加上 !postcss： {代码...} 原文：antd-mobile
SublimeText React ES6 插件备忘
2016-06-26
阅读 4 分钟
5.5kFont 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...
移动端头部标签(HTML5 Head Meta)
2016-06-03
阅读 5 分钟
5k{代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} 原文：前端开发博客 ([链接]
React开发 获取不到当前触发事件的元素
2016-06-01
阅读 2 分钟
10.7k应用场景：一组列表，需获取当前触发 onClick 事件元素上的 data-key ； 就一个事件冒泡导致的问题；初步没解决方案是给 li 下的所有子元素都加上 data-key显然这是很很很笨的方法，仅为当时测试用。 实在不行，其他地方也要解决这个问题就停下脚步 得深挖下，事件捕捉/冒泡的过程（有空补全） 既然是子元素冒泡上来了，...
webpack 教科书式入门教程
2016-04-28
阅读 3 分钟
13.6k最近刚用完 gulp 又来捣鼓捣鼓 webpack ，这只是个简单的新手入门教程...不多说；注意：安装webpack前检查nodejs的安装目录路径是否存在空格( Program Files (x86) )，建议安装在无空格文件夹目录下。
CSS外挂：Sass的那些装逼函数(function)
2016-04-07
阅读 5 分钟
10.6k前戏：前几篇文章其实都是些基础必备的，什么变量、继承、占位符、混合宏...这回来高级点的，玩玩Sass 自带的一些函数...有字符串函数(String Functions)、数字函数(Number Functions)、列表函数(List Functions)、颜色函数(Color Functions)、Introspection 函数(Introspection Functions)、三元函数(Miscellaneous Fun...
CSS外挂：Sass 之规则(Rules)和指令(Directives)
2016-03-31
阅读 6 分钟
4.6kSass 扩展了 CSS 的 @import 规则，让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。 另外，被导入的文件中所定义的变量或 mixins 都可以在主文件中使用。
CSS外挂：Sass 之运算（加、减、乘、除）
2016-03-27
阅读 4 分钟
22k学习Sass无非就是想高效的、 面向对象编写CSS，Sass中的Operations也是重要的一部分。现在的前端各种工程化、模块化、面向工资编程，哦...不对，是面向对象编程。玩起来吧！
CSS外挂：Sass 之Interpolation#{}的用法
2016-03-26
阅读 3 分钟
4.2k学习Sass无非就是想高效的、 面向对象编写CSS，Sass中的Interpolation#{}就是重要的一部分。开始一探究竟... 1. 简单的栗子 SCSS： {代码...} 被编译为： {代码...} 2. 如何编译出 border: 2px dashed green; SCSS： {代码...} 被编译为： {代码...} 3. 结合 @each 多个值操作 SCSS： {代码...} 被编译为： {代码...} 4....
CSS外挂：Sass 之混合宏(@mixin)、继承(@extend)、占位符(%placeholder)
2016-03-25
阅读 2 分钟
9.7k学习Sass无非就是想高效的、 面向对象编写CSS，Sass中的@-Rules也是重要的一部分。普遍情况下这仨在实际项目中用得还是比较多的，玩起来吧！