SF
夹生饭
夹生饭
注册登录
关注博客
注册登录
主页
关于
RSS
Webpack4 不深不浅的实践教程
电波马达
2018-04-19
阅读 10 分钟
19.8k
本文偏入门&实践,从零开始配置 Webpack; 实际项目开发,零配置是不存在的。🚀 安装&快速开始快速初始化配置文件 package.json {代码...} 接下来将 webpack 添加到 package.json => devDependencies {代码...} 安装成功后,创建目录 src/index.js 并添加如下内容 (默认入口为 src) {代码...} 命令行输入: {...
Visual Studio Code 前端常用插件
电波马达
2017-02-12
阅读 1 分钟
10.2k
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...
正则表达式实践文章
电波马达
2016-12-09
阅读 1 分钟
2.6k
我眼里的正则表达式入门教程 深入理解正则表达式高级教程 深入理解正则表达式环视的概念与用法 正则表达式实践篇
Windows 下安装 nvm 管理 nodejs 版本
电波马达
2016-11-27
阅读 3 分钟
70.1k
程序安装过程中,在 Set Node.js Symlink 这一步目录设置,是待会 nvm use 存放你的 nodejs 程序的目录 [C:\\DevTools\\nodejs]。
ant design mobile 0.9.x 高清方案 webpack 配置
电波马达
2016-11-06
阅读 2 分钟
8.1k
1. 在你的模板文件中 html > head {代码...} 2. 引入高清方案脚本: {代码...} 3. 安装依赖 postcss-pxtorem {代码...} 4. 在 webpack.config.js 添加配置 {代码...} 5. 在原来处理全局 css 的 loader 加上 !postcss: {代码...} 原文:antd-mobile
SublimeText React ES6 插件备忘
电波马达
2016-06-26
阅读 4 分钟
5.5k
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...
移动端头部标签(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.6k
Sass 扩展了 CSS 的 @import 规则,让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。 另外,被导入的文件中所定义的变量或 mixins 都可以在主文件中使用。
CSS外挂:Sass 之运算(加、减、乘、除)
电波马达
2016-03-27
阅读 4 分钟
21.8k
学习Sass无非就是想高效的、 面向对象编写CSS,Sass中的Operations也是重要的一部分。现在的前端各种工程化、模块化、面向工资编程,哦...不对,是面向对象编程。玩起来吧!
CSS外挂:Sass 之Interpolation#{}的用法
电波马达
2016-03-26
阅读 3 分钟
4.1k
学习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.6k
学习Sass无非就是想高效的、 面向对象编写CSS,Sass中的@-Rules也是重要的一部分。普遍情况下这仨在实际项目中用得还是比较多的,玩起来吧!