JS-Feng

摘要： methods : { //禁止滚动 stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,fa 阅读全文

摘要： 1、如何理解MVVM开发模式？ MVVM分为Model、View、ViewModel三者。Model：代表数据模型，数据和业务逻辑都在Model层中定义；View：代表UI视图，负责数据的展示；ViewModel：负责监听Model中数据的改变并且控制视图的更新，处理用户交互操作；Model和Vie 阅读全文

摘要： 说起性能优化我们要从用户输入url，按下回车到页面完整呈现所经历的过程入手 1、DNS 解析 2、TCP 连接 3、发送 HTTP 请求 4、服务器响应 5、浏览器解析渲染页面 在上面的五个步骤中都涉及到性能优化，我们今天主要看下从前端的角度能进行哪些优化 上面我们关心的主要是3/4/5这几个过程的 阅读全文

摘要： ★ 从url输入到页面呈现的过程 1.DNS 解析 2.TCP 连接 3.发送 HTTP 请求 4.服务器响应 5.浏览器解析渲染页面 这里我们主要介绍下 浏览器解析渲染页面 如上图，浏览器的渲染过程为： 1.解析 HTML，生成 DOM 树 2.解析 CSS，生成 CSS 规则树（CSS Rule 阅读全文

摘要： 什么是Event Loop? JavaScript 从 script 开始读取，然后不断循环，从 “任务队列” 中读取执行事件的过程，就是 事件循环（Event Loop）。 Event Loop的执行过程 1.一开始整个脚本 script 作为一个宏任务执行 2.执行过程中，同步代码 直接执行，宏 阅读全文

摘要： 一、传值与传址 基本类型的值存在栈内存中 引用类型的地址存在栈内存中，地址指向堆内存中存储的值 浅拷贝和深拷贝是针对引用类型的数据来说的。 二、浅拷贝 把一个对象中的所有的内容,复制一份给另一个对象,直接复制,或者说,就是把一个对象的地址给了另一个对象,他们指向相同,两个对象之间有共同的属性或者方法 阅读全文

摘要： 继承 组合继承 组合继承实际就是构造函数继承+原型链继承 function Person(name,age,sex) { this.name=name; this.age=age; this.sex=sex; } Person.prototype.sayHi=function () { consol 阅读全文

摘要： 闭包 什么是闭包？ 引用《javaScript高级教程》中的概念，闭包是指有权访问另一个函数作用域中的变量的函数。 简单描述就是在函数A中，返回一个函数B，函数B可以直接访问函数A中的变量，那么函数B就称为函数A的闭包。 案例： function calculator(){ let i = 0 re 阅读全文

摘要： 先附上原型链的图，能看懂的本文就没必要看了，看不懂的可以带着疑问看文章 一、构造函数 什么是构造函数：当一个普通函数创建一个类对象是，那么就程它为构造函数。 特点： 默认首字母大写 使用new关键字来调用，并返回一个实例对象 内部使用this来构造属性和方法 this指向返回的新对象 functio 阅读全文

摘要： 这里采用构造函数的方式 function SetTime(){ this.hook =true } SetTime.prototype.setIntervals = function(fn,time){ if(this.hook){ setTimeout(()=>{ fn() this.setInt 阅读全文