Yvonne


  • Home

  • Tags

  • Archives

webpack-css

Posted on 2019-07-08

相关loader简说

style-loader: 将css样式插入到html中
css-loader: 处理@import和url相当于import/require,即将css当作模块引用处理,提供CSS-Modules方式,以及importLoaders(文档中没有太多说明,后面会贴一下找到的issues)
postcss-loader: 后处理,主要通过插件执行压缩/加浏览器前缀/可用下一代css语法/监听@import等等
less-loader: 或者其他的css预处理
从下到上有序执行

Read more »

webpack-sprites

Posted on 2019-07-07

说明

研究了一通在webpack中生成雪碧图,尝试了两种方式:
方式一:webpack-spritesmith
方式二:postcss-sprites
参考链接:webpack-spritesmith、postcss-sprites
代码地址:demo

Read more »

常见基础算法

Posted on 2018-07-25

排序

快速排序

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function quickSort(arr) {
if (arr.length <= 1) { return arr; }
// 基准索引
const pivotIndex = Math.floor(arr.length/2);
// 基准值,并删除arr中基准值才能递归化小对比范围,不然是死循环
const pivot = arr.splice(pivotIndex,1)[0];
// 基准左右值数组
const left = [],right = [];
// 遍历剩下的所有值与基准值对比
arr.forEach((item)=>{
if (item < pivot) {
left.push(item);
}else{
right.push(item);
}
})
// 递归left|right(提取各自的基准值再对比,直至arr长度<=1不再对比而返回arr)
// 最终返回left+基准值+right
return quickSort(left).concat(pivot,quickSort(right))
}
Read more »

vue源码解析-设计模式

Posted on 2018-07-06

mvvm简图

Model: 服务器上的逻辑
view: 页面展示
ViewModel: 比如vue.js,做为view和model的中间处理

Read more »

ES5-BOM-window

Posted on 2018-04-30

window对象

表示浏览器的一个实例
具有双重角色:是通过JS访问浏览器的一个接口;是ES规定的Global对象

全局作用域

所有全局作用域中声明的变量、函数都会变成window的属性和方法

Read more »

读书笔记:ES5-面向对象

Posted on 2018-03-22

所有方法

  • Object.defineProperty()
  • Object.definePropertise()
  • Object.getOwnPropertyDescriptor()
  • Object.getPrototypeOf()
  • instanceof
  • isPrototypeOf()
  • hasOwnProperty()
  • in
    Read more »

读书笔记:ES5-单体内置对象

Posted on 2018-03-11

单体内置对象

内置对象定义: 由ECMAScript实现提供的、不依赖于宿主环境的对象,即这些对象在ECMAScript程序执行之前就已经存在了
Object Array String等都是内置对象
同时还定义了两个单体内置对象:Global Math

Read more »

读书笔记:ES5-基本包装类型

Posted on 2018-03-01

基本包装类型

为便于操作基本类型,ECMAScript提供了特殊的引用类型:Boolean Number String,这些包装类型与引用类型相似,同时具有各自的基本类型的相应地特殊行为

创建方法:

Read more »

读书笔记:ES5-Function

Posted on 2018-02-25

Function类型

函数定义

首先函数是对象,函数名是指针,每个函数都是Function类型实例,具备引用类型的属性和方法,实际上函数名是一个指向函数对象的指针,不会与某个函数绑定

定义方式:函数声明/函数表达式/构造函数

Read more »

读书笔记:ES5-RegExp

Posted on 2018-02-22

RegExp类型

声明

一个正则表达式就是一个模式和标志的组合体
定义方式:字面量/构造函数

1
2
var reg1 = /[ba]ct/g;
var reg2 = new RegExp('[ba]ct','g');
Read more »
123
Yvonne

Yvonne

30 posts
10 tags
GitHub LGrok Hedychen Armo
© 2019 Yvonne
Powered by Hexo
|
Theme — NexT.Mist v5.1.3