JavaScript 模块化规范 (二) | ES6

在 ES6 中,import、export 取代了 require、module.exports 用来引入和导出模块
分类: JavaScript
2020-05-17 17:35:35
浏览: 183
评论: 0

JavaScript 模块化规范 (一) | CommonJS

JS模块化规范是现代前端自动化开发的基础知识,了解或熟练应用,将在日后的开发工作中有很大的帮助
分类: JavaScript
2020-05-17 16:52:09
浏览: 170
评论: 0

SCSS (三) | 变量与数据类型

<h1>变量</h1> <p>使用SassScript最直截了当的方法是使用变量。变量以美元符号开始,赋值像设置CSS属性那样</p> <pre><code>$width:5em; #main { width: $width; }</code></pre> <p>编译为</p> <pre><code>#main { width: 5em; }</code></pre> <p>作用域:不在任何嵌套选择器内定义的变量则在可任何地方使用,相当于全局变量,使用!global可以使一个变量成为全局变量</p> <pre><code>$width:5em !global;</code></pre> <p>嵌套在{}里的</p><!--autointro-->
分类: CSS
2019-04-21 22:23:53
浏览: 374
评论: 0

SCSS (二) | 嵌套规则与引用父选择器:&amp;

<h1>嵌套规则</h1> <p>CSS中有一些属性遵循相同的“命名空间”,在CSS中,如果你想在同一个命名空间中设置一串属性,你必须每次都输出来。Sass为此提供了一个快捷方式:只需要输入一次命名空间,然后在其内部嵌套子属性。</p> <pre><code>#main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #000000; } }</code></pre> <p>编译为</p> <pre><code> #m&lt;!--autointro--&gt;</code></pre><!--autointro-->
分类: CSS
2019-04-21 22:23:53
浏览: 325
评论: 0

SCSS (一) | 环境安装与IDE配置

<h1>Sass简介</h1> <p>Sass 是一个 CSS 的扩展,它在 CSS 语法的基础上,允许您使用变量 (variables), 嵌套规则 (nested rules), 混合 (mixins), 导入 (inline imports) 等功能,令 CSS 更加强大与优雅。使用 Sass 以及 Compass 样式库 有助于更好地组织管理样式文件,以及更高效地开发项目。</p> <h1>node-sass 安装</h1> <p>首先安装NodeJS,然后使用NPM安装node-sass</p> <pre><code> npm install&lt;!--autointro--&gt;</code></pre><!--autointro-->
分类: CSS
2019-04-21 22:23:53
浏览: 367
评论: 0

Sinopia搭建私有的NPM服务

Node.js开发本地项目,有时不同项目之间存在依赖,如果不想把项目发布到npm社区的仓库,则需要有自己本地的仓库环境准备Ubuntu18.04安装NodeJS安装NPM安装CNPM服务器配置安装sinopiacnpm&nbsp;install&nbsp;-g&nbsp;sinopia安装完毕后运行sinopia运行会输出如下,显示出当前配置文件和连接地址修改配置文件# #&nbsp;This&nbsp;is&nbsp;the&nbsp;default&nbsp;config&nbsp;fil<!--autointro-->
分类: NodeJS
2019-04-21 22:23:53
浏览: 834
评论: 0

从零开始搭建Vue2.x项目

一、准备需要开发的软件安装nodejs请自行百度nodejs官网,下载最新稳定版本,根据自己的系统环境下载对应版本,我下载的是window版本。下载完成后,双击开始安装。请不要安装到C盘(后果严重),选择其他路径安装。剩下的一直Next直到安装完成。打开CMD,输入node&nbsp;-v如果看到输入版本信息,则说明安装正确了。安装webpack和安装vue脚手架在安装之前建议先安装淘宝镜像,避免NPM的源比较慢。npm&nbsp;install&nbsp;-g&nbsp;cnpm&nbsp;-<!--autointro-->
分类: Vue
2019-04-21 22:23:53
浏览: 662
评论: 0