JS
文章平均质量分 81
无糖的酸奶
这个作者很懒,什么都没留下…
展开
-
细聊 JavaScript 的事件执行机制
细聊 JavaScript 的事件执行机制我使用的 Node.js 版本是 v12.13.0 的 , 11 的版本前会与11 版本后的事件循环有些区别。线程?都说 JavaScript 是单线程的 ,那么什么是单线程呢?单线程就是进程只有一个线程。那这又扯到进程这个概念了。进程进程 (Process): 进程是一个具有独立功能的程序关于某个数据集合的一次运行活动。它可以申请和拥有系统资源,是一个动态的概念,是一个活动的实体。它不只是程序的代码,还包括当前的活动,通过程序计数器的值和处理寄原创 2022-04-14 12:00:00 · 496 阅读 · 1 评论 -
浅聊JS预处理,以及提升问题
引导我们都说 , JavaScript 是解释型语言 , 执行到哪一行就编译解释执行哪一行那我们看下面这个代码console.log(a)var a = 1你觉得他打印出的是什么呢? 1 还是 报错 a is not defined当然都不是,实际上打印 undefined实际上,它等同于下面这些代码var aconsole.log(a)a = 1那么说 JavaScript 是解释型语言就解释不通了。 因为明明先执行 console.log(a) 按理说,应该报错。那么 .原创 2022-03-13 21:54:18 · 1669 阅读 · 0 评论 -
JS --- canvas画布的简单使用
canvas<canvas> 是 HTML5 新增的,一个可以使用脚本(通常为 JavaScript) 在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画,甚至可以进行实时视频处理和渲染。(我做不到)1. canvas 标签使用 canvas 需要在 页面中增加 canvas 标签<canvas id="canvas" width="300" height="300"> 文字代替: 你的游览器不支持 canvas , 换一个原创 2021-08-13 19:03:40 · 14381 阅读 · 3 评论 -
javascript-事件自动触发
事件自动触发在JQ里有一个trigger()方法可以使事件自动触发原生怎么搞?1. element.dispatchEvent()对于标准浏览器,其提供了可供元素触发自定义事件的方法:element.dispatchEvent().。在IE6/7/8则使用 fireEvent()方法在使用dispatchEvent前需要先创建和初始化2. createEvent()createEvent()方法返回新创建的Event对象参数事件接口初始化方法HTMLEvent事件H原创 2021-08-03 11:57:10 · 1266 阅读 · 0 评论 -
js --- 扩展运算符
参数扩展与收集ES6 增加有一个特殊符号 , 拓展运算符 ’ … ’ 即三个点。它的使用如下 :扩展参数… 扩展运算符能将可迭代对象转换为逗号分隔的参数系列;如将数组拆开,其位置在传值体前(实参,需把自身拆开的变量)前const arr = ['手机','电脑','人一个']...arr // => '手机','电脑','人一个'应用场景:1. 如果将数组作为参数传入;则传入的只有一个参数,参数是一个数组;如果传入参数时给数组 前加上扩展运算符 如…arr;如会将数组解构出来原创 2021-07-25 10:12:35 · 4353 阅读 · 0 评论 -
ES6---类的继承
ES6的继承其实可以说就是对ES5的继承机制的包装和一些优化 , 其背后还是原型链 。继承基础ES6 类支持单继承。使用 extends 关键字,就可以继承任何拥有[[Construct]]和原型的对象。它会继承父类上的原型方法 , 静态成员 , 以及 constructor (需要配合 super)很大程度上,这意味着不仅可以继承一个类,也可以继承普通的构造函数(保持向后兼容)class Fclass1 {}// 第一种继承方法class Sclass1 extends Fclass1 {原创 2021-07-22 15:33:12 · 654 阅读 · 0 评论 -
es6 --- 类
ECMAScript 6 新引入的 class 关键字具有正式定义类的能力。class(类) 其实是对ES5 的构造函数 , 继承等进行了封装 , 语法糖等 , 使的构造函数创建,继承等像使用类一样。类定义与函数类型相似,定义类也有两种主要方式:类声明和类表达式。这两种方式都使用 class 关键字加大括号。// 类声明class Person {} // 不需要小括号// 类表达式const Animal = class {}; 类表达式类表达式可以只有变量名, 也可以有类名和变原创 2021-07-22 15:23:02 · 191 阅读 · 0 评论 -
javascript-ES5-继承的实现
ES6的类继承其实是对ES5的较复杂的继承过程的封装。这里讲一下我对ES5继承的实现过程的学习和理解。如果有问题 , 请大佬指出也可以一起交流。继承是面向对象编程中讨论最多的话题。很多面向对象语言都支持两种继承:接口继承和实现继承。前者只继承方法签名,后者继承实际的方法。接口继承在 ECMAScript 中是不可能的,因为函数没有签名。实现继承是 ECMAScript 唯一支持的继承方式,而这主要是通过原型链实现的。原型链就是实例有一个指针指向其构造函数的原型 ,而原型是对象 , 也就是原型也原创 2021-07-21 16:35:49 · 145 阅读 · 0 评论 -
Javascript --- 模板引擎
模板引擎什么是模板引擎官方解释:“模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。”看不懂简单来说就是将业务逻辑层和显示层分开,通过引擎将数据与模板结合,再将结果显示出来。举个栗子你要写一个文章回复的页面,回复块的代码有很多地方需要填充数据(如:回复的人的信息,回复人的ID,回复内容,回复被点赞数…)一般情况下实现的方法可能是通过字符串拼接将代码与数据拼接起来,然后添加到某一原创 2021-07-20 17:46:11 · 4216 阅读 · 0 评论 -
工厂模式,构造函数模式 及 原型模式
工厂模式用于抽象创建特定对象的过程。function CreateObj1(name, age) { return { name: name, age: age }}let Obj1 = CreateObj1('obj1', 'age1')console.log(Obj1); // { name: 'obj1', age: 'age1' }缺点 : 没有解决对象标识问题(即新创建的对象是什么类型)。构造函数模式function CreateObj2(name, a原创 2021-07-20 14:47:00 · 177 阅读 · 0 评论