使用sass或scss语法配置 安装sass依赖sass-loader和node-sass： 安装之后，可能会出现node-sass安装失败的情况，原因和解决办法可以参考这里，可以通过在命令行直接运行下面的命令来解决： 然后在webpack.base.conf.js中添加相关配置： 还有就是在.vu ...
分类：
Web程序 时间：
2018-03-23 11:41:08
阅读次数：
178
1、下载 cnpm install create-react-app -g 2、创建文件 create-react-app +文件名字 3、scss配置 下载 cnpm i node-sass@4.0.0 sass-loader@4.0.0 -D 配置 在node_modules文件夹中，进入rea ...
分类：
移动开发 时间：
2018-03-21 17:34:18
阅读次数：
193
1、模块化，让我们可以把复杂的程序细化为小的文件; 2、类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能直接使用的特性，并且之后还能转换为JavaScript文件使浏览器可 以识别； 3、Scss，less等CSS预处理器 ...
分类：
Web程序 时间：
2018-03-21 11:41:13
阅读次数：
237
我们可以把盒子想象成一个容器，比如我们可以将html盒子想象成我们所生活的国家，而其中的body、head、p、div等盒子就可以可以把它想象成我们生活中各种各样的房子。正是由于生活中的各种各样的房子和物品使得我们的世界丰富多彩。margin相当于房子与房子之间的间隔，border就相当于房子的墙壁 ...
分类：
Web程序 时间：
2018-03-17 00:38:41
阅读次数：
270
(1)变量$符号来标识变量 $nav-color:#F90; nav{ $width:100px; width;$width; color:$nav-color; } (2)嵌套 这里就不阐述了 (3)父选择器的标识符& article a{ color:blue; &:hover{ color:r ...
分类：
其他好文 时间：
2018-03-15 15:13:42
阅读次数：
148
在写vue的css样式时，觉得需要css预处理器让自己的css更加简洁、适应性更强、可读性更佳，更易于代码的维护，于是在vue-cli脚手架采用scss。写过的人都知道，每写一个.vue文件都要在style上面@import global.scss文件的话，这样很麻烦。css文件可以在main.js ...
分类：
Web程序 时间：
2018-03-14 15:09:55
阅读次数：
348
直接在app.vue中得style标签中src引入就ok ...
分类：
Web程序 时间：
2018-03-14 15:09:41
阅读次数：
193
SASS初体验 标签（空格分隔）： sass scss css 1. 编译环境 需要安装 "Ruby" ,之后需要打开 运行 2. 命令行编译 多文件编译 (必须用 ?反正我不加watch就会报错) 开启watch 输出方式 3. 基本语法 (1). 变量 默认变量；普通变量会覆盖默认变量 编译后 ...
分类：
其他好文 时间：
2018-03-12 18:51:51
阅读次数：
198
ionic2 名字分组手机通讯录 组件 实现以下功能 获取手机通讯录数据 数据分组显示(中文英文正确分组) 点击索引进行跳转 滚动到特殊位置进行特别处理 联系人查询 预览 contacts.html contacts.scss contacts.component.ts ...
分类：
移动开发 时间：
2018-03-11 21:01:14
阅读次数：
210
webpack与gulp 、grunt没有什么可比性，它可以看作模块打包机，通过分析你的项目结构，找到js模块以及其它的一些浏览器不能直接运行的拓展语言（scss，Typescript）,并将其转换和打包为合适的格式供浏览器使用。gulp/grunt是一种能够优化前端的开发的流程的工具，而webpa ...
分类：
Web程序 时间：
2018-03-10 15:51:43
阅读次数：
236
