xiaolihui321-CSDN博客

原创 vue

一，vue 1，类名绑定 v-bind:class="{类名：表达式}" 当表达式为真，继承类名。为假不继承简写： :class ="{}" 所有的v-bind都可以被简写为一个冒号 v-bind:disabled = "表达式" 当表达式为真，当前元素不可用，反之可用...

2018-09-09 21:01:06 201

原创 seajs config 配置信息

一，seajs config 配置信息用于配置seajs的一些选项参数，接受一个对象，就是我们该对象的属性值，就是我们的配置选项1，alias定义模块的别名当我们引入一些基础库时，经常会涉及到版本升级（版本号发生改变），此时在每个模块中修改版本号风险是比较大的，如果使用alias定义这个模块，使用时应用别名，更新时改变需要修改的版本即可jq:jQuery1.5.js jq2...

2018-08-26 18:45:04 603

原创前端模块化

一，前端模块化-seajs1，提出问题为什么要用前端模块化？？？1）防止全局变量污染，重名2）当引入工具库时，工具库中的变量名与我们定义的属性或方法重名3）当我们使用一些工具库时，我们需要手动的将工具库依赖写入到页面4）通用组跟新了前端的基础类库，但很难推动全站升级5）业务组想用某个通用组件，但是发现无法使用几行代码就实现6）老产品上线新功能，却只能基于老的类库进行...

2018-08-22 20:54:24 155

原创 SASS补充

一，sass1,解决中文报错在ruby中找到engine.rb文件，在该文件require XXXX 后边写上：'Encoding.default_external = Encoding.find("utf-8")'2,作用域对混合以及继承的影响sass中：定义在作用域内部的混合，在外部无法访问，只能在内部访问定义在作用域内部的继承，在作用域外部是可以访问的，不管改选择...

2018-08-22 20:53:40 142

原创 Less和SASS

一，LESS1,条件判断在less中我们可以通过条件判断实现渲染不同的样式，有点像switch，不是通过if实现的，而是when实现的在when方法中添加条件时，不需要单位当判断相等时，使用等号（=）实现，没有（== 和 ===）判断多个条件时，使用and关键字，配合when使用 when and判断非语句，使用not ,when not2,函数-Math在less...

2018-08-22 20:52:53 879

原创 typescript

一，typescript1，简介typescript是Javascript的一个超集（遵循es6语法），是微软发明的ts作为js的语法糖，类似于 css的less和sass，ts相比js更易于维护开发，但是最后还是需要编译为jsts ==> microsoftts ==> Angular4 ==> Googlets支持es6规范，Angular4 的开发语...

2018-08-08 17:21:28 419

原创 es6函数扩展

一，函数扩展 1，rest参数 es6引入了rest参数(形式：'...args'),主要用于接收函数多余的参数，因此，我们就不需要arguments这个对象了,test参数对应的是一个数组，将多余的参数放进这个数组中注意：rest参数必须是尾参数，rest参数后边不能再有别的参数，否则会报错数组的解构赋值与rest参数配合 2...

2018-08-03 17:02:00 330

原创 ES5-ES6

一，es6简介 ECMAScript 是一个标准 ECMAScript 5.1 es5 2011年发布 es6 就是es5的下一个版本，2015年6月es6的第一版 es2015，2016年的6月发布es6的第二个版本 es2016 2017年发布es6de 第三个版本，简称第三个版本，es2017 es6 是涵盖了es2015 ,es2016 ,...

2018-07-25 18:49:13 252

原创设计模式

一，设计模式是一套可复用的，被众人只晓得，经过编目分明的经验总结作用：使用设计模式是为了可重用代码，让代码更容易理解，保证代码的可靠性，减少代码冗余，使用更少的代码，实现更多的逻辑1，四人帮1995年 Erich Gamma， Richard Helm, Ralph Johnson ,John Vlissides合作出版了Design Patterns - Elements of ...

2018-07-18 19:04:28 156

原创媒体查询---移动设备

一、移动端开发特点 1、移动设备上的浏览器版本基本上为主流浏览器，所以，不需要像PC端开发一样将浏览器的兼容性放在首位。 2、每一款移动设备的内核不同，分别有webkit、IOS 3、分辨率不同。分辨率越高，图片显示就越小。二、什么是适配个人的理解是，通过一定的方式来进行页面的处理，达到在各个分辨率和屏幕大小的移动设备均可正常显示的效果三、如何解决解决适配问题，除了利用js、window....

2018-07-11 15:48:38 474

xiaolihui321的博客