一、注释 1.单行注释 // 编译后不存在 2.多行注释 /*/ 编译后存在 生产环境下存在 /！ */ 二、变量 1.定义 变量以美元符号开头，赋值方法与CSS属性的写法一样 $width:1600px; $pen-size:3em;2.使用 直接使用变量的名称即可调用变量 body{ width:$width; font-size:$pen-size; }3.作用域 body{ $width1:1200px; width:$width; //可以拿到$width height:...

环境配置 less. scss(sass) 和stylus代码并不能被浏览器直接解析，所以必须先将它们编译成CSS代码现有概架已经提供了CSS预处理器选项。编译相关配置会自动帮我们生成!所以只有在"练习"情况下才有必要安装该环境 一、安装分类 1.不依赖编辑器 全局安装SCSS预处理器，使用终端命令行实现编译a. Node 环境下的 node-sass 模块 npm i -g node-sass b. Node 环境下的 dart-sass 模块c. Ruby 环境下的 sass 模块d. Dart 环境下的 node-sass 模块注:这里的推荐顺序针对的是&quot...

一.css预处理器出现的原因 1.无法嵌套书写导致代码繁重、冗杂、逻辑混乱。 2.没有变量和样式复用机制，属性值只能以字而量的形式重复输出(只能写color:red)。 总结：代码复用性低，不易维护 注：现在的css是可以定义变量的 二.出名的css预处理器介绍 1.SCSS/SASS SASS(,scss)。于2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一 最强大的css框架， 目前受LESS影响，已经进化到了全面兼容CSS的SCSS。 2.LESS LESS (.less)。于2009年诞生，借鉴了SASS的长处，并兼容了CSS语法，使得开...

一、Es6 中的 let 和 const 声明的变量 1.let声明的变量只在它所在的代码块有效，在同一个代码块(作用域)下，不可以重复声明，可以被重新赋值。 { let num = 10; num = 100; console.log(num); //100 } console.log(num) //ReferenceError: num is not definedfor循环的计数器，就很合适使用let命令。 for (let i = 0; i < 10; i++) { console.log(i); } console.log(i);// Referenc...

正式发布：2015年兼容 IE10+，Cheome，FireFox，移动端，NodeJs 编译、转换1.在线转换2.提前编译 引入babel.js在线转换 babel=browser.js http://kangax.github.io/compat-table/es6 <script src="browser.js" charset="utf-8"></script> <script type="text/babel"> let a=12; let a=12; a...

插件 uni-simple-router (神似与vueRouter) 网址链接 http://hhyang.cn/src/router/start/cross/params.html 安装 如果是 vue-cli配置的uniapp 用 npm 安装 npm install uni-simple-router 如果是 hbuilderX 配置的uniapp 插件市场导入 https://ext.dcloud.net.cn/plugin?id=578 注意：小程序原生tabbar拦截不了