08.less中的条件判断 发表于 2019-05-10 | 分类于 Less 为了尽可能地接近CSS的语言结构,Less使用关键字 when 而不是 if/else来实现条件判断,因为 when 已经在CSS的 @media query 特性中被定义。 less中可以通过when给混合添加执行限定条件, 只有条件满足(为真)才会执行混合中的 ... 阅读全文 »
07.less中的继承 发表于 2019-05-10 | 分类于 Less less中的继承 less是预处理器,不是编程语言,然后可以用一些编程语言的特性,比如函数,变量,继承 其中,less中的混合类似函数,其本质是复制粘贴,就是说在哪里调用混合,那么就将混合中的代码复制到那里去,如果有多处地方调用了混合,那么会出现大量冗余重复的代码,怎么办?这时候就 ... 阅读全文 »
06.less中的层级结构和& 发表于 2019-05-10 | 分类于 Less less中的层级结构和&&的用法&有什么用?那就先说less的嵌套,也就是less的层级结构 less嵌套规则允许在一个选择器中嵌套另一个选择器 123456789101112<header> <h1><a href="http://" ... 阅读全文 »
37.闭包基本概念 发表于 2019-05-10 | 分类于 Javascript 什么是闭包(closure)? 闭包是一种特殊的函数。 如何生成一个闭包? 当一个内部函数引用了外部函数的数据(变量/函数)时, 那么内部的函数就是闭包 所以只要满足”是函数嵌套“、”内部函数引用外部函数数据“ 闭包特点: 只要闭包还在使用外部函数的数据, 那么外部的数据就一直不会被释放 也就 ... 阅读全文 »
05.less中混合的通用匹配模式和匹配模式 发表于 2019-05-10 | 分类于 Less less中混合的通用匹配模式 假如现在有这么一个需求:用css画一个三角形,方向可以控制上下左右,由于只是方向不同,所以可能会造成很多的重复代码,于是可以考虑用混合封装代码,然后利用匹配模式来控制方向。 这里面利用到的知识点:通用匹配模式和匹配模式 什么是通用的匹配模式?无论同名 ... 阅读全文 »
04.less中的混合,带参数混合,混合的arguments 发表于 2019-05-10 | 分类于 Less less中的混合 什么是less中的混合(Mixin)?将需要重复使用的代码封装到一个类中,在需要使用的地方调用封装好的类即可,在预处理的时候less会自动将用到的封装好的类中的代码拷贝过来,本质就是ctrl+c –> ctrl + v 12345678910111213141516171 ... 阅读全文 »
03.less中的变量,变量插值,及运算 发表于 2019-05-10 | 分类于 Less less中的变量 什么是变量?和js中的概念基本一样 less中定义变量的格式 1@变量名称:值; less中使用变量的格式 123@变量名称;@w: 400px;@h: 200px; 和js一样可以将一个变量赋值给另外一个变量@变量名称 : @变量名称; 1@h: @w; 和 ... 阅读全文 »
02.less中的注释 发表于 2019-05-10 | 分类于 Less 单行注释不会参与less转为css的编译,多行才会,就是说在编译后的css看不到在less中单行注释 // 注释内容 此注释不会编译输出到CSS文件中/* 注释内容 */ 此注释会编译输出到CSS文件中 阅读全文 »
01.Less的使用方式 发表于 2019-05-10 | 分类于 Less 注意less样式文件一定要在引入less.js前先引入。备注:请在服务器环境下使用!本地直接打开可能会报错! 就是说不是在webstorm环境打开会报错,在本地文件夹打开报错 引入你的 .less 样式文件的时候要设置 rel 属性值为 “stylesheet/less”: 123在< ... 阅读全文 »
36.一些事件函数 发表于 2019-05-09 | 分类于 Javascript 移入【over or enter【用这个】】,移出【out or leave【用这个】】移动事件 12345678910111213141516171819202122let oDiv = document.querySelector("div"); // 1.移入事件 // oDi ... 阅读全文 »