2020年08月_高桥靓仔

原创 JS原生实现拖拽功能

实现拖拽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> img {

2020-08-31 21:29:49 152

图片模糊加载需要使用到JS中的HTML对象中的Image类。new Image()基本用法var img=new Image([宽度],[高度])属性：border|complete|height|hspace|lowsrc|name|src|vspace|width事件：onabort|onerror|onkeydown|onkeypress|onkeyup|onload参考代码：var img = new Image(); img.onload = function () { al

2020-08-28 18:32:21 485

原创校招面试冲刺

HTML1】语义化：尽可能少的使用无语义的标签div和span在语义化不明显时，尽量使用p标签，因为p在默认情况下有上下间距需要强调的文本，可以包含在strong或em标签中，strong默认样式是加粗（不要用b），em是斜体（不要用i）什么是语义化？就是用合理、正确的标签来展示内容，比如h1~h6定义标题。<header>定义文档或者文档的部分区域的页眉，应作为介绍内容或者导航链接栏的容器。<nav>描述一个含有多个超链接的区域，该区域包含跳转到其他页

2020-08-24 22:00:00 1796

原创浏览器运行原理

浏览器运行原理常见的面试题：从用户在浏览器地址栏输入网址，到看到页面，中间都发生了什么？涉及知识点：TCP协议的三次握手四次挥手、HTTP报文、状态码、304缓存、DNS缓存、性能优化、重绘回流、AST语法解析树、DOM树、Layout树、Layer树、requestAnimationFrame、同步异步编程、闭包作用域、堆栈内存、面向对象、微任务和宏任务、事件循环、AJAX同源请求和跨域请求解决方案、Cookie和Session以及TokenHTTP的请求阶段：DNS解析，TCP三次握手四次挥手、

2020-08-15 12:45:03 123

原创 JS核心机制：数据类型、垃圾/内存机制等

JS核心机制本文主要内容：数据类型、垃圾/内存机制、generator等。JS数据类型首先我们来看一道简单的面试题，相信大家都会做：let a = 12let b = ab = 13console.log(a)//12let a = { n: 12 }let b = ab['n'] = 13console.log(a.n)//13let a = { n: 12 }let b = ab = { n: 13 }console.log(a.n)//12如果要把上面的执行原理讲

2020-08-13 10:23:09 145

原创 JS面对对象基础--继承

JS面向对象基础–继承虽然JS中没有类的概念，是通过构造函数模式和原型模式组合实现的类，然后可以用new关键字来创建实例，又以什么样的方式实现了类继承呢？同样我们还是可以用**面对对象编程(oop)**的思想来理解js中的类。类的继承、封装、多态：封装：低耦合高内聚多态：重载和重写、向上转型。重载：方法名和返回值类型相同，但形参个数或者形参类型不同JS中的重载是指：同一个方法，根据参数个数不同，实现出不同的效果。（场景：ES6中extends继承的时候需要省略写constructo

2020-08-09 22:00:02 95

原创 AOP面向切面编程JavaScript

AOP切面编程涉及知识点：闭包（词法作用域产生是根据函数定义的位置，执行上下文是执行的时候观察的）词法作用域和执行上下文的概念。this指向，箭头函数没有this，arguments和原型扩展运算符和用apply(this,arguments)来实现call的用法，改变this指向，让函数执行AOP切面编程的思想在前端很多地方使用频繁，需要对基础功非常扎实。AOP（面向切面编程）的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来，其实就是给原函数增加一层，不用管原函数内部实现。常见

2020-08-09 12:20:15 257

原创 JS面对对象基础--原型链

JS面对对象基础–原型链它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。我们先来回顾一下构造函数和原型模式组合创建实例对象：function Animal(name) { this.name = name;}//必须是使用prototype.属性来添加原型；//不能对prototype={}来对它重新赋值！！！Animal.prototype.species='

2020-08-07 17:36:22 107

原创词法环境[[environment]]--闭包

词法环境[[environment]]–闭包闭包定义一些书籍中对于闭包的定义：闭包是指有权访问另一个函数作用域中的变量的函数—《JavaScript高级程序设计》闭包允许函数访问并操作函数外部的变量—《JavaScript忍者秘籍》闭包使得函数可以继续访问定义时的词法作用域—《你不知道的JavaScript》所有JavaScript函数都是闭包—《JavaScript权威指南》MDN：函数和对其周围状态（词法环境）的引用捆绑在一起构成闭包。也就是说，闭包可以让你从内部函数访问外部函数

2020-08-05 22:12:47 559

原创 JS面向对象基础

JS面对对象基础开篇我们先明确几个概念：**构造函数：**函数中的一种，通过关键字new可以创建其实例。为了便于区分，通常首字母大写；原型对象：一种特殊的对象，构造函数创建时即自动生成；与构造函数形成一一对应，如同人和影子般的关系；实例：通过构造函数new实例化出来的对象；创建对象的方式1】new 操作符 + Object 创建对象var person = new Object();person.name = "lisi";person.age = 21;person.family =

2020-08-05 17:29:26 179

weixin_45221036的博客