js基础
关注
分享
扫一扫
MiemieWan
这个作者很懒，什么都没留下…
展开
-
this指向（全）
一、this的默认绑定1.web全局环境下的this指向windowconsole.log(this); // window2.函数独立调用非严格模式下，函数内部的this指向window严格模式下，为undefinedfunction fn() { console.log(this);}fn(); // windowwindow.fn();'use strict'function fn() { console.log(this);}fn();原创 2020-12-02 17:26:07 · 10154 阅读 · 2 评论 -
JS异步底层
一、Js异步的执行异步队列里包括微任务和宏任务。微任务：Promise,Process.nextTick.宏任务：整体代码Script，setTimeout,setInterval异步队列中会先执行完微任务再执行宏任务原创 2020-05-08 21:36:53 · 204 阅读 · 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 · 206 阅读 · 0 评论 -
JavaScrtipt 内存泄漏
一、内存生命周期内存分配：当我们申明变量、函数、对象的时候，系统会自动为他们分配内存 内存使用：即读写内存，也就是使用变量、函数等 内存回收：使用完毕，由垃圾回收机制自动回收不再使用的内存二、内存泄漏内存泄漏：不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。三、检测内容泄漏的方法1.通过谷歌浏览器检测：打开chrome检查，点击Pe...原创 2019-10-28 18:21:14 · 411 阅读 · 0 评论 -
图片懒加载
图片懒加载：图片位置滑动到可视区再显示function lazyImg() { // 获取所有图片 const imgs = document.getElementsByTagName('img'); // 获取可视区高度 const viewHeight = window.innerHeight || document.documentElement.clientHei...原创 2019-10-22 18:55:54 · 173 阅读 · 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 · 205 阅读 · 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 · 248 阅读 · 0 评论 -
js中赋值、浅拷贝和深拷贝
重点：一、单线程js引擎是单线程，模拟多线程（短时间内轮流执行多个任务的片段）步骤：1.切分任务2.将任务随机排列，组成队列3.按顺序将任务片段送进js进程4.js线程执行任务片段二、数据类型基本数据类型的特点：直接存储在栈(stack)中的数据 引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里1.原始值是不可改变的...原创 2019-10-23 20:45:32 · 222 阅读 · 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 · 163 阅读 · 0 评论 -
JavaScript基本语--String对象方法
Array对象方法 按执行后原数组是否改变分类脑图地址：http://naotu.baidu.com/file/fdb03fa9036a59bd1276c593fe69d964?token=d18e967cab7a0c98点击查看大图：原创 2019-05-26 13:09:56 · 144 阅读 · 0 评论 -
JavaScript基础--Array方法
Array对象方法 按执行后原数组是否改变分类脑图地址：http://naotu.baidu.com/file/2693ae5c2c971b80829fc1200bae617f?token=e8a31b396f1f4113点击查看大图：原创 2019-05-26 00:14:29 · 154 阅读 · 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 · 115 阅读 · 0 评论