Calm


  • 首页

  • 分类

  • 关于

  • 标签

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 ...
阅读全文 »
1234…9
Calm

Calm

89 日志
10 分类
5 标签
© 2019 Calm
由 Hexo 强力驱动
主题 - NexT.Gemini