JavaScript

上手 Vue 3 + TS 应该用 Oprions API 还是 Composition API ?

2020-03-16
在这篇文章中,我会同时用常规 JavaScript 和 options API 以及 TypeScript 和 Composition API 写出两种不同风格的 Vue 3 组件,我们会从中看到两者的差异以及一些可能被忽视的优点。 你可以...
阅读更多

浅拷贝没那么简单

2018-07-20
拷贝的分类 浅拷贝: 只能对基本类型的值拷贝,如果所要拷贝的对象的某个属性的值是对象的话,那么目标对象拷贝得到的是这个对象的引用。 深拷贝: 和原对象一样的属性和原型,相互之间互不影响(不一样的内存地址) 在写这篇博客之前,看了很多博客...
阅读更多
浅拷贝没那么简单

使用requestAnimationFrame来提升动画性能

2018-05-20
传统动画的弊端 在实际项目中我们经常会遇到生成动画的需求,传统方法是通过使用setTimeout和setInterval进行实现,但是定时器动画有两个弊端: 时间间隔并不好拿捏,设置太短浏览器重绘频率太快会产生性能问题,太慢的话又显得像...
阅读更多
使用requestAnimationFrame来提升动画性能

排序算法-N个正整数排序

2018-05-09
算法 高德纳在《计算机程序设计艺术》里对算法归纳为以下几点: 输入: 一个算法必须有零或以上的输入量 输出: 一个算法应有一个或以上的输出量 明确性: 算法的描述必须无歧义,实际运行结果是确定的 有限性: 必须在有限个步骤内结束 有效性...
阅读更多
排序算法-N个正整数排序

学会了ES6,就不会写出那样的代码

2018-04-09
声明变量的新姿势 用let不用var ES6之前我们用var声明一个变量,但是它有很多弊病: 因为没有块级作用域,很容易声明全局变量 变量提升 可以重复声明 还记得这道面试题吗? var a = []; for (var i = 0; ...
阅读更多
学会了ES6,就不会写出那样的代码

吃透ES6----简洁优雅的箭头函数

2018-03-18
基本用法 箭头函数可能是ES6最有特点的新特性了,它不仅可以让代码变得优美,而且更直观利于理解。 let f = v => v //等同于 let f = function(){ return v } 如果箭头函数不需要参数或者...
阅读更多
吃透ES6----简洁优雅的箭头函数

吃透ES6----let和const

2018-03-11
ES6 在原有两种声明变量命令(var和function)的基础上,又加入了一共四种声明变量的命令let const import class,本文先对let和const的用法进行说明。 let 先说说let,同样是变量声明let相对于va...
阅读更多
吃透ES6----let和const

this到底指向哪里?

2018-02-25
老生常谈的问题了,之前一直有些模糊,这次争取一次写清楚。 指向只与调用有关 不论代码多么复杂我们只关心到底是谁最后调用的this就可以了。 来看一个例子: var obj = { foo: function(){ con...
阅读更多
 this到底指向哪里?

JavaScript继承新旧方法汇总

2017-07-12
例子 我们生成两个构造函数,后面的例子都是让‘’猫‘’继承‘’动物‘’的所有属性和方法。 动物(为了更好的理解各种继承,这里给动物附上了基本类型和引用类型) function Animal() {     this.specie...
阅读更多
JavaScript继承新旧方法汇总

JavaScript的三种事件模型

2017-06-15
面试中有时候会提到事件模型的概念,平时云里雾里的,所以找个机会总结一下,并不是很复杂的东西。 DOM0事件模型(原始事件模型) 有两种实现方式: 通过元素属性来绑定事件 <button onclick="click()&qu...
阅读更多
JavaScript的三种事件模型