js基础
MiemieWan
这个作者很懒,什么都没留下…
展开
-
this指向(全)
一、this的默认绑定 1.web全局环境下的this指向window console.log(this); // window 2.函数独立调用 非严格模式下,函数内部的this指向window 严格模式下,为undefined function fn() { console.log(this); } fn(); // window window.fn(); 'use strict' function fn() { console.log(this); } fn();原创 2020-12-02 17:26:07 · 10081 阅读 · 2 评论 -
JS异步底层
一、Js异步的执行 异步队列里包括微任务和宏任务。 微任务:Promise,Process.nextTick. 宏任务:整体代码Script,setTimeout,setInterval 异步队列中会先执行完微任务再执行宏任务原创 2020-05-08 21:36:53 · 180 阅读 · 0 评论 -
JavaScript中的this指向
this参数:代表函数调用相关联的对象,称为函数上下文。 一、函数调用中this的指向 特性:在非严格没事下,this指向window对象;在严格模式下this为undefined; 非严格模式下: function fn() { return this; } fn(); //window 严格模式下: function fn() { “use strict”; ...原创 2019-11-02 17:44:22 · 181 阅读 · 0 评论 -
JavaScrtipt 内存泄漏
一、内存生命周期 内存分配:当我们申明变量、函数、对象的时候,系统会自动为他们分配内存 内存使用:即读写内存,也就是使用变量、函数等 内存回收:使用完毕,由垃圾回收机制自动回收不再使用的内存 二、内存泄漏 内存泄漏:不再用到的内存,没有及时释放,就叫做内存泄漏(memory leak)。 三、检测内容泄漏的方法 1.通过谷歌浏览器检测: 打开chrome检查,点击Pe...原创 2019-10-28 18:21:14 · 369 阅读 · 0 评论 -
图片懒加载
图片懒加载:图片位置滑动到可视区再显示 function lazyImg() { // 获取所有图片 const imgs = document.getElementsByTagName('img'); // 获取可视区高度 const viewHeight = window.innerHeight || document.documentElement.clientHei...原创 2019-10-22 18:55:54 · 155 阅读 · 0 评论 -
自定义jq插件:验证表单(基于Bootstrap)
<!DOCTYPE html> <html> <head> <title></title> <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <style ...原创 2019-08-27 09:23:53 · 184 阅读 · 0 评论 -
模仿实现jQuery中的选择器
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div>0</div> <div>0</div> <div>0</div> <p class="tex...原创 2019-08-27 09:22:21 · 218 阅读 · 0 评论 -
js中赋值、浅拷贝和深拷贝
重点: 一、单线程 js引擎是单线程,模拟多线程(短时间内轮流执行多个任务的片段) 步骤: 1.切分任务 2.将任务随机排列,组成队列 3.按顺序将任务片段送进js进程 4.js线程执行任务片段 二、数据类型 基本数据类型的特点:直接存储在栈(stack)中的数据 引用数据类型的特点:存储的是该对象在栈中引用,真实的数据存放在堆内存里 1.原始值是不可改变的...原创 2019-10-23 20:45:32 · 199 阅读 · 0 评论 -
JavaScript函数
一、构造函数原理 构造函数: function Car (color, name) { this.color = color; this.name = name; } var car = new Car('red','BaoMa'); 实际原理: function Car (color, name) { var me = {}; me.color = c...原创 2019-06-18 21:44:51 · 143 阅读 · 0 评论 -
JavaScript基本语--String对象方法
Array对象方法 按执行后原数组是否改变分类 脑图地址:http://naotu.baidu.com/file/fdb03fa9036a59bd1276c593fe69d964?token=d18e967cab7a0c98 点击查看大图:原创 2019-05-26 13:09:56 · 122 阅读 · 0 评论 -
JavaScript基础--Array方法
Array对象方法 按执行后原数组是否改变分类 脑图地址:http://naotu.baidu.com/file/2693ae5c2c971b80829fc1200bae617f?token=e8a31b396f1f4113 点击查看大图:原创 2019-05-26 00:14:29 · 131 阅读 · 0 评论 -
js基础
一、数据类型 1.js内置数据类型(7种):string、number、boolean、undefined、null、symbol、object (function和array属于object的子类型) 2.可使用typeof判断不同类型。 特殊:typeof null === 'object' typeof function(){} === '...原创 2019-04-29 18:12:06 · 101 阅读 · 0 评论