js
文章平均质量分 60
rongmingye
这个作者很懒,什么都没留下…
展开
-
Typescript基础
typescript 知识点总结原创 2022-07-02 10:59:00 · 584 阅读 · 0 评论 -
Web Worker
Web Workerweb worker的作用是为javascript创建多线程环境,允许主线程创建woker线程。javascript是单线程,在多核cpu的情况下,无法充分利用计算机的计算能力。基本用法// 主线程const myworker = new Worker('./myworker.js') // 创建Worker对象myworker.postMessage('the data') // 向Worker线程发送数据myworker.onmessage = function原创 2021-12-10 17:49:48 · 256 阅读 · 0 评论 -
js模块化
commonJs定义模块:module.exports, 导出属性不需要声明变量定义模块:export, exports 指向module.exports加载模块:require(), 将一个文件当作一个导出对象引入进来服务器端,node,运行时加载,模块对象拷贝// common.jsmodule.exports.add = function(a, b) { return a + b}exports.add = function(a, b) { return a +原创 2021-10-05 10:52:36 · 66 阅读 · 0 评论 -
js 事件循环机制 event loop
javascriptjavascript 是一门单线程的非阻塞的脚本语言。单线程:js在执行任务的时候只有一个主线程来处理所有任务。原因:浏览器交互,如果是多线程,同时对同一个dom节点进行操作会出现问题非阻塞:js执行异步任务的时候,主线程会挂起这个任务,然后在异步任务返回结果的时候再根据一定规则去执行相应的任务。javascript 代码执行时,会把变量存在内存不同位置:堆 heap 和 栈 stack。堆中存放着一些对象,栈中存放一些基础类型变量以及对象的指针。执行栈当我们调用一个方法的原创 2021-04-24 11:41:40 · 119 阅读 · 0 评论 -
js 继承
原型继承说明:将子类的原型设置为父类实例缺点:子类new出来的实例,父类的属性没有隔离,会相互影响,引用同一地址;子类不能向父类传参数function Parent() { this.name = 'parent' }Parent.prototype.getName = function() { console.log(this.name)}function Child() { this.name = 'child'}Child.prototyp原创 2021-04-18 21:44:02 · 72 阅读 · 1 评论 -
封装函数
在js封装一些函数,可以全局调用,1 在自执行的函数里,声明一个构造函数(即想封装的函数)(function(){ var demo = function(options){ // dosomething }})()2 然后将构造函数暴露在全局(function(){ var demo = function(op...原创 2018-10-03 20:14:18 · 3050 阅读 · 0 评论 -
js DOM
一 什么是DOM DOM是文档对象模型,documet-object-modal document: 浏览器的内置对象,指的是整个网页 object: 浏览器把网页的每个节点都看成是一个对象 modal: 表示节点对象之间的关系(dom树),js操作网页必须通过dom树。 js操作dom首先从根节点开始查找 ...原创 2018-09-15 09:31:31 · 114 阅读 · 0 评论 -
原型和原型链
####原型-构造函数:只有函数都有prototype属性对象-原型:构造函数有一个prototype属性,是一个对象,即原型对象。Person.prototype-实例:实例的__proto__属性指向对象原型的指针。person.__proto__===Person.prototype-contrucotr属性:constructor是原型指向构造函数的指针。Person.prototype.constructor===Person//构造函数fun...原创 2018-09-14 22:09:12 · 151 阅读 · 0 评论 -
canvas笔记
canvas 定义图形,描绘图形<canvas id="mycanvas" width="200px" height="100px"></canvas>canvas标签有两个属性width, height, 是描绘图形的容器js来绘制图像var mycanvas = document.getElementById('mycanvas');var ctx = m...原创 2018-09-14 13:59:07 · 139 阅读 · 0 评论 -
js节流实现
场景: 在无限加载页面时,每隔一段时间去请求ajax, 而不是用户停下滚动时才去加载页面时间戳实现function throttle(func, delay){ let prev = new Date(); return funtion(){ let contxt = this; let args = arguments; ...原创 2018-09-06 12:10:06 · 3168 阅读 · 1 评论 -
js实现页面防抖动
问题:针对频繁触发scoll resize绑定的事件函数,有可能短时间多次触发时事件,影响性能思路:多个函数调用合成一次,给定时间后仅调用最后一次// 包装事件的debounce函数function debounce(func, delay){ let timer = null; return function(){ let conte...原创 2018-09-06 11:44:30 · 6249 阅读 · 0 评论