JS
夜雨Gecer
To be or not to be
展开
-
【JS】模块Module
在vue中常使用 export default或export来 导出自己写的js文件,那么他们有什么区别那:先上代码jsmain.js在一个js中最多只可以有一个expost default,而export可以存在多个; 在import导入时,export 必须用{}进行包裹,export default 不能使用{}进行包裹; 在import导入时,export de...原创 2019-08-19 15:42:22 · 224 阅读 · 1 评论 -
【JS】解构在函数中的使用
什么是解构?ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。案例:// 赋值let {x}={x:1} // x的值为1// 赋值对象let {x}={x:{y:1}} // x的值{y: 1}// 按照模式赋值let {x:z}={x:2} // x is not defined ;z的值为2let {x:{y}}={x:{y:1}} //x is not defined ;y的值为1;解构在函数中主要应用1原创 2021-11-04 17:25:20 · 820 阅读 · 0 评论 -
es6中字符串常用方法
是否包含:includes()、startsWith()、endsWith()// 是否包含特定字符'hello'.includes('ll') // true// 特定字符是否在开始位置'hello'.startsWith('h') // true// 特定字符是否在结束位置'hello'.endsWith('o') // true补齐:padStart()、padEnd()// 在后面补齐 '!' 直至总位数达到10位'hello'.padEnd(10原创 2021-11-04 15:51:14 · 137 阅读 · 0 评论 -
[JS]按顺序执行异步操作
模拟一个场景:多个tab页,有个关闭所有tab的功能,这时候我们按照tab列表的顺序每隔120毫秒(关闭动画的时间)以此关闭tab页面。代码: let tabs = ['tab1', 'tab2', 'tab3','tab4']; let closeTab = tabName => { console.log('关闭 ' + tabName); } let closeAsyncTab = async ta原创 2021-08-20 11:42:15 · 1132 阅读 · 0 评论 -
数据双向绑定的一些理解
目录代码model => viewview => model代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev原创 2021-08-18 15:45:47 · 150 阅读 · 0 评论 -
【JS】漫谈原型-3.继承
这里说的继承是采用 call方法+原型改变指向来实现的。继承在面向对象编程思想里面是非常重要的一块,能够减少代码的编写,方便后期维护,对于前端来说也是减少内存开辟的一个好的方式。不在这里过多的讨论面向对象的思想。先看看怎么实现。代码:function Person(name, age) { this.name = name; this.age = ag...原创 2019-10-17 11:15:27 · 128 阅读 · 0 评论 -
【JS】漫谈原型-2.作用
原型在开发过程中有什么作用?答:共享数据举例说明: function Person(name) { this.name = name; } Person.prototype.age=18; var p1=new Person("p1"); var p2=new Person("p2"); var p3=new Perso...原创 2019-10-15 14:19:30 · 92 阅读 · 0 评论 -
【JS】漫谈原型-1.原型链
先看一段代码function Person(name) { this.name=name; } Person.prototype.eat=function () { console.log(this.name+" is eating"); } var p1=new Person('Gecer');这段代码对应的这样一段过程1.先创建一个 Fun...原创 2019-10-15 12:08:02 · 120 阅读 · 0 评论