This theme is from Cnblog L|

guangzan

园龄:6年4个月粉丝:675关注:333

07 2019 档案

CSS3 transform变换
摘要:transform CSStransform属性允许你旋转,缩放,倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的。 旋转 rotate() 旋转 函数通过指定的角度参数使元素相对原点进行旋转。 它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。 如果这个值为正值
335
0
1
V8 下的垃圾回收机制
摘要:V8 实现了准确式 GC,GC 算法采用了分代式垃圾回收机制。因此,V8 将内存(堆)分为新生代和老生代两部分。 新生代算法 新生代中的对象一般存活时间较短,使用 Scavenge GC 算法。 在新生代空间中,内存空间分为两部分,分别为 From 空间和 To 空间。在这两个空间中,必定有一个空间
536
0
1
es6 Proxy
摘要:Proxy Proxy 是 ES6 中新增的功能,可以用来自定义对象中的操作 let p = new Proxy(target, handler); // `target` 代表需要添加代理的对象 // `handler` 用来自定义对象中的操作 // 可以很方便的使用 Proxy 来实现一个数据绑
174
0
1
promise实现
摘要:Promise 是 ES6 新增的语法,解决了回调地狱的问题。 可以把 Promise 看成一个状态机。初始是 pending 状态,可以通过函数 resolve 和 reject ,将状态转变为 resolved 或者 rejected 状态,状态一旦改变就不能再次变化。 then 函数会返回一个
213
0
1
call, apply, bind
摘要:call, apply, bind 区别 首先说下前两者的区别。 call 和 apply 都是为了解决改变 this 的指向。作用都是相同的,只是传参的方式不同。 除了第一个参数外,call 可以接收一个参数列表,apply 只接受一个参数数组。 模拟实现 call 和 apply 可以从以下几点
175
0
1
Map、FlatMap 和 Reduce
摘要:Map 作用是生成一个新数组,遍历原数组,将每个元素拿出来做一些变换然后 append 到新的数组中。 Map 有三个参数,分别是当前索引元素,索引,原数组 FlatMap 和 map 的作用几乎是相同的,但是对于多维数组来说,会将原数组降维。可以将 FlatMap 看成是 map + flatte
660
0
0
Generator 实现
摘要:Generator 是 ES6 中新增的语法,和 Promise 一样,都可以用来异步编程 从以上代码可以发现,加上 的函数执行后拥有了 next 函数,也就是说函数执行后返回了一个对象。每次调用 next 函数可以继续执行被暂停的代码。以下是 Generator 函数的简单实现 参考资料: "前端
582
0
0
async和await
摘要:一个函数如果加上 async ,那么该函数就会返回一个 Promise 上面代码会先打印 finish 然后再打印 object 。因为 await 会等待 sleep 函数 resolve ,所以即使后面是同步代码,也不会先去执行同步代码再来执行异步代码。 async 和 await 相比直接使用
431
0
1
正则表达式
摘要:元字符 |元字符 | 作用 | |: : | : | |. | 匹配任意字符除了换行符和回车符 | |[] | 匹配方括号内的任意字符。比如 [0 9] 就可以用来匹配任意数字 | |^ | ^9,这样使用代表匹配以 9 开头。[^9],这样使用代表不匹配方括号内除了 9 的字符 | |{1, 2}
247
0
1
javascript继承
摘要:在 ES5 中,我们可以使用如下方式解决继承的问题 以上继承实现思路就是将子类的原型设置为父类的原型 在ES6 中,我们可以通过 class 语法轻松解决这个问题 但是 ES6 不是所有浏览器都兼容,所以我们需要使用 Babel 来编译这段代码。 如果你使用编译过得代码调用 myDate.test(
154
0
0
javascript之防抖与节流
摘要:防抖 你是否在日常开发中遇到一个问题,在滚动事件中需要做个复杂计算或者实现一个按钮的防二次点击操作。 这些需求都可以通过函数防抖动来实现。尤其是第一个需求,如果在频繁的事件回调中做复杂计算,很有可能导致页面卡顿,不如将多次计算合并为一次计算,只在一个精确点做操作。 防抖和节流的作用都是防止函数多次调
327
1
1
javascript之typeof
摘要:定义和用法 🍳typeof操作符返回一个字符串,表示未经计算的操作数的类型。 参数: 是一个表达式,表示对象或原始值,其类型将被返回。括号是可选的。 返回值: | 类型 | 结果 | | |: :| | Undefined | "undefined" | | Null | "object" | |
217
0
0
javascript之this
摘要:只依赖于调用函数前的对象 以下情况优先级最高 js var c = new foo() c.a = 3 console.log(c.a) // this c` 上,不会被任何方式修改 指向 js function a() { return () ={ return () ={ console.log
202
0
0
javascript基本类型和对象
摘要:JS 中分为七种内置类型,七种内置类型又分为两大类型:基本类型和对象(Object)。 基本类型 null undefined boolean number string symbol 其中 JS 的数字类型是浮点类型的,没有整型。 浮点类型基于 IEEE 754标准实现,在使用中会遇到某些 Bug
787
0
1
javascript之new操作符
摘要:运算符做了哪些事情 1.新生成了一个对象 2.链接到原型 3.绑定 this 4.返回新对象 自己实现一个 new 实例对象 对于实例对象来说,都是通过 new 产生的,无论是 function Foo() 还是 let a = { b : 1 } 。 对于创建一个对象来说,更推荐使用字面量的方式创
427
0
0
javascript之instanceof
摘要:定义和用法 instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。 语法: `object constructor`某个构造函数 实现 instanceof 参考资料: "前端进阶之道"
1125
0
0
javascript语法糖
摘要:语法糖(Syntactic sugar),也译为糖衣语法 指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。 通常来说使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会。 语法糖”这个词绝非贬义词,它可以给我们带来方便,是一种便捷的写法,编译器会帮我们做转换
2437
0
0
javascript执行上下文
摘要:当执行 JS 代码时,会产生三种执行上下文 全局执行上下文 函数执行上下文 eval 执行上下文 每个执行上下文中都有三个重要的属性 变量对象(VO),包含变量、函数声明和函数的形参,该属性只能在全局上下文中访问 作用域链(JS 采用词法作用域,也就是说变量的作用域是在定义时就决定了) this 对
246
0
0
javascript深浅拷贝
摘要:前置 从上述例子中我们可以发现,如果给一个变量赋值一个对象,那么两者的值会是同一个引用,其中一方改变,另一方也会相应改变。 通常在开发中我们不希望出现这样的问题,我们可以使用浅拷贝来解决这个问题。 浅拷贝 首先可以通过 Object.assign 来解决这个问题。 通过展开运算符(…)来解决 通常浅
241
0
0
javascript模块化
摘要:在有 Babel 的情况下,我们可以直接使用 ES6 的模块化 CommonJS规范 CommonJs 是 Node 独有的规范,浏览器中使用就需要用到 Browserify 解析了 在上述代码中,module.exports 和 exports 很容易混淆,让我们来看看大致内部实现 再来说说 mo
192
0
0
javascript类型转换
摘要:转Boolean 在条件判断时,除了 undefined, null, false, NaN, '', 0, 0,其他所有值都转为 true,包括所有对象。 对象转基本类型 对象在转换基本类型时,首先会调用 valueOf 然后调用 toString。并且这两个方法你是可以重写的。 也可以重写 Sy
214
0
0
闭包
摘要:定义 定义:函数 A 返回了一个函数 B,并且函数 B 中使用了函数 A 的变量,函数 B 就被称为闭包。 你是否会疑惑,为什么函数 A 已经弹出调用栈了,为什么函数 B 还能引用到函数 A 中的变量。因为函数 A 中的变量这时候是存储在堆上的。现在的 JS 引擎可以通过逃逸分析辨别出哪些变量需要存
183
0
0
通过插槽分发内容
摘要:通过插槽分发内容 子组件中 父组件中 上面这样无法直接显示出插入的 子组件中加入`` 这样就可以显示出来了。
278
0
0
组件上使用v-model
摘要:组件上使用v model 等价于 当用在组件上时, 则会这样: 等同于 为了让它正常工作,这个组件内的``必须: 将其 value 特性绑定到一个名叫 的`prop`上 在其 input 事件被触发时,将新的值通过自定义的 事件抛出 Vue.component('custom input', { p
2184
0
1
Vue emitevent 传值(子to父)
摘要:事件名 始终使用 kebab-case 的事件名。 通过事件向父组件发送信息 子组件中EnFontsize.vue中emit<button@click="emit('enlarge-text')">Enlarge text</button> 父组件 <template> <div id="a
3705
3
0
Vue Prop属性(父to子)
摘要:通过Prop向子组件传递数据 第一步父组件中 解释:把父组件中的data中的 通过 传递给子组件 子组件中 解释:父组件中传过来的值可以直接使用了 Prop类型 以字符串数组形式列出的 prop: 以对象形式列出 prop,这些属性的名称和值分别是 prop 各自的名称和类型: 推荐使用第二种 传递
5106
0
0
Vue组件全局/局部注册
摘要:全局注册 main.js中创建 使用 局部注册 直接在 .vue 文件中使用 第一种方式 通过一个普通的 JavaScript 对象来定义组件: 然后在 components 选项中定义你想要使用的组件: 如果你希望 ComponentA 在 ComponentB 中可用,则你需要这样写: 第二种方
2063
0
2
vue实现简单的点击切换颜色
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>changeColor</title> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <sty
12206
1
5
解决webpack4.x使用autoprefixer 无效
摘要:安装 配置 到这一步运行发现没有效果😷,https://github.com/browserslist/browserslist readme, 配置一手 success!👏
3079
7
3
media文件分离
摘要:响应式cssのmedia文件分离 media简介 1.媒体查询,添加自CSS3 2.一个媒体查询由一个可选的媒体类型和零个或多个使用媒体功能的限制了样式表范围的表达式组成,允许内容的呈现针对一个特定范围的输出设备而进行裁剪,而不必改变内容本身 语法 1.媒体查询包含一个可选的媒体类型和媒体特性表达式
342
0
0
box-sizing
摘要:前置 在 CSS 盒子模型的默认定义里,你对一个元素所设置的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ,绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。这意味着当你调整一个元素的宽度和高度时需要时刻注意到这个元素的边
566
0
0
ES6 symbol 以及symbol的简单应用
摘要:前置 1.ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。 2.Symbol 值通过Symbol函数生成。 3.Symbol 函数可以接受一个字符串作为参数,表示对 Symbol 实例的描述,主要是为了在控制台显示,或者转为字符串时,比较容易区分。 4.ES2019 提供了一个实例
1654
0
0
使用 require 的一个技巧
摘要:`DEMO` 文件目录结构 运行req1.js
262
0
0
iconfont svg
摘要:iconfont三种方式的优缺点 unicode 优点: 1.兼容性最好,支持ie6+ 2.支持按字体的方式去动态调整图标大小,颜色等等 缺点: 1.不支持多色图标 2.在不同的设备浏览器字体的渲染会略有差别,在不同的浏览器或系统中对文字的渲染不同,其显示的位置和大小可能会受到font size、l
2252
0
0
github快捷键
摘要:快速查找项目中的文件 进入项目,并按下T键 在浏览代码时,快速跳到指定行 在浏览代码时,按下L键 下面是一些常用的快捷键 聚焦搜索栏 按下s键或/ 转到通知 先按下g再按下n 转到选项卡 先按下G再按下C 转到“代码”选项卡 先按下G再按下I 转到“问题”选项卡。 先按下G再按下P 转到“拉取请求”
1593
0
0
深色
回顶
收起
点击右上角即可分享
微信分享提示