掘友等级
获得徽章 0
 我司招初中级前端,薪资8-11,业务每个月增长百分之二十。
主要技术栈是VUE
base: 广州海珠区琶洲
可以加我微信发送简历和详细了解
我司招初中级前端,薪资8-11,业务每个月增长百分之二十。
主要技术栈是VUE
base: 广州海珠区琶洲
可以加我微信发送简历和详细了解
我司招中高级前端,薪资12-18k,美女如云。业务每个月增长百分之二十。
base: 广州海珠区琶洲
可以加我微信发送简历和详细了解
我司招中高级前端,薪资12-18k,美女如云。业务每个月增长百分之二十。
base: 广州海珠区琶洲
可以加我微信发送简历和详细了解
我司招中高级前端,薪资12-18k,美女如云。业务每个月增长百分之二十。
base哈:广州海珠区琶洲
记录学习组件遇到的收获--- (一)
1.想要控制两个元素是在左边还是右边,可以通过 flex 的 order 方式来进行控制。
2.VUE 里面绑定 class 里面的的键名可以设置成变量形式,通过传值的方式设置。
3.props 里面传递的值,可以设置 validator 和 default 属性。
4.css 动画是先keyframes 定义一个类,里面写上多少到多少transform。
然后可以直接直接使用元素 animation 设置就行。
学习 less 英文文档 (完)
extend
mixin 的用法是复用一个 class,然后可以传递参数进行设置。
extend,基本上就是复用属性。
语法:
声明 .selete{}
使用 .selete1 {&:extend(.selete);}
编译出来 .selete1 ,.selete
感觉这个语法不怎么实用。我工作中基本上很少用到。
感觉常用的就嵌套,变量,mixin。然后也没有别的了。
学习 less 英文文档 (二)
父级选择器
伪元素使用的方式是 a { color: blue; &:hover { color: green; } }
经典使用方式是.button { &-ok { }; } 编译出来是 .button-ok{}
复用的使用方式是:.button { & ${ }; } 编译出来是 .button .button {}
注意: 如果有嵌套,会把所有父类类名都复用。
混入 mixin
1.混入类和 id 选择器。
声明.a ,#b{ } 使用.minxin {.a() ; #b()}
注意:使用的时候,可以不加圆括号,最佳实践 加上。
注意:声明 mixin 的时候,如果加上了园括号,表示这个不编译。如果不加园括号,就跟正常的样式一样编译。
2.mixin 中使用嵌套选择器
在 mixin 声明中,可以使用嵌套选择器。
3.命名空间
为了防止冲突,可以把所有 mixin 放到一个命名空间里面。比如 #项目名() ,命名空间和 mixin 之间不推荐使用空格和>
4.!important 关键字
在调用 mixin 的圆括号后面添加!important,编译出来的属性都会带上!important
5.mixin 参数
可以在 mixin 圆括号里面传递参数,参数的形式是@Parmas 。
可以设置默认参数,参数的形式是@Parmas: 5px。
参数可以是名字的新式,比如 BNU
6.命名参数
可以通过名字,而不是位置来进行参数的设置。
7.rest 变量
跟 es6的扩展运算符一样,使用…把参数传递进去。
8.覆盖 mixin
跟 CSS 一样,只需要写一个一样的,但是属性值不同,就可以覆盖掉,一般用在引入别的 mixin 库时。
9.递归混合
mixin 可以使用递归来使用,也就是在 mixin 里面调用 mixin,不过需要设置好递归终止条件。
10.mixin 守卫
使用 when 关键字来进行判断,跟 if else 差不多。有点类似媒体查询。
可以搭配 and 关键字来进行。
学习 less 英文文档 (一)
1. 变量可以用作选择器
声明: @seletor: banner 使用: .@{seletor}
2.变量使用在 url 上
声明: @image: “../logo.png” 使用: background: url("@{images}”);
3.变量用在导入上
声明:@themes: “../../themes” 使用:@import “@{themes}/wave/less”
4.用在属性上
声明:@Property :color; 使用:background-@{property}:#999
5.可以使用变量声明另一个变量。
6.变量可以在定义前就使用。跟 JS 一样。
7.如果有多个同名变量,会使用最近作用域那个变量,跟 JS 一样。
8.在 less 3里面可以使用$prop语法,把属性当做变量使用。比如吧 color 当做变量。color: #efefef; background-color: $color;
再学 ES6( 十) 结束啦-----
super 是用来继承父类的构造函数属性的,如果没写的话,会报错。
new 是用来新创建一个类的。
constructor 是构造函数,可以传入属性或者写默认的值。比如 this.name = 18。
class xxx {}声明一个类。
extends 用来够继承父类的,用法是 class a extends B {}
get 是用来获取属性的,本来调用实例的方法都需要加上圆括号,如果类里面写了 get ,那么实例调用的就不需要写圆括号。
get 加上属性的_可以实现只读属性,不能修改。
set 是用来修改属性的。
静态方法可以直接使用类.静态方法调用,不需要通过实例。
下一页