2018年07月_Zack_ZXY

12月 11月 10月 09月 08月 07月

原创小白Sass教程---通过实例学Sass--第三讲--后代选择器嵌套

我们在css中定义子样式时，要从父节点一层一层的向内寻找，代码会很长，而且会有重复的代码。比如：.lesson2 div table{ border: 1px solid #ccc;}.lesson2 div table thead tr{background-color:#ebebeb;}.lesson2 div table tobdy tr{background-color:#e2202...

2018-07-13 18:56:14 4115

原创小白Sass教程---通过实例学Sass--第二讲--变量

1、变量声明：$声明一个sass变量$highlight-color: #F90;2、变量使用span{ color : $highlight-color //给span标签定义颜色}3、作用域：{}块内声明，作用域在块内在最外面，作用域为全局4、如果全局变量和局部变量重名会怎样？会应用块内的变量。如果块内有定义该变量，优先用块内的变量，如果块内没有定义，使用全局变量5、变量可以嵌...

2018-07-13 18:54:18 166

原创小白Sass教程---通过实例学Sass--第一讲--实例环境搭建

我们不考虑Sass是怎么被编译成css的，也不考虑Sass怎么安装，我们通过构建工具或者脚手架快速搭建一个可编译Sass的平台。通过实例来学习Sass的用法。环境：Windows7工具：WebStorm、Node、Vue-cli、Webpack不需要任何webpack、Node、Vue的知识，我们只当这些东西是一个工具。下面开始1、安装node（下载，下一步）2、打开命令行窗口，全局安装webpa...

2018-07-13 18:52:35 931

原创 npm run build之后生成的dist如何扔到服务器运行（npm run build之后如何本地运行）

运行npm run build之后，会生成一个dist文件夹，里面的目录结构大概是这样的：生成完的文件我们怎么来运行呢？直接在本地打开inde.html是无法运行的，打包的时候有提示：构建文件应该通过HTTP服务器提供服务。所以我们要启动一个HTTP服务器才能够运行。选择一个HTTP服务器，下面用Apache Tomcat和Nginx为例，分别运行一下。一、Apche Tomcat1、下载Apch...

2018-07-13 13:17:52 102049 4

原创 node-sass 安装失败 Failed at the node-sass@4.9.2 postinstall script.

控制台运行npm install时报错，报错信息如下：npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@4.9.2 postinstall: `node scripts/build.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the node-sass@4.9.2 pos...

2018-07-13 09:31:24 48398 6