12 2020 档案

深入了解class类并使用
摘要：前情提要: JavaScript 语言中，在使用类之前，生成实例对象的传统方法是通过使用构造函数。 一、构造函数： 定义：通过 new 函数名 来实例化对象的函数叫构造函数。 主要功能：为初始化对象，特点是和new 一起使用。new就是在创建对象，从无到有，构造函数就是在为初始化的对象添加属性和方法 阅读全文
posted @ 2020-12-28 21:06 陆远 阅读(312) 评论(0) 推荐(0)
探究进程和线程为何物？
摘要：前言： 如果只是记得，进程是操作系统分配资源的最小单位，线程是CPU调度的最小单位，那远远是不够的。 此文会带你了解进程和线程的本质和原理，看完本文之后你会发现或许你对问题的回答，有新的理解。 一、进程是什么？ 进程是执行中一段程序，即一旦程序被载入到内存中并准备执行，它就是一个进程。进程是表示资源 阅读全文
posted @ 2020-12-25 19:35 陆远 阅读(100) 评论(0) 推荐(0)
探究MVVM和MVC
摘要：一、MVVM是什么？ MVVM是Model-View-ViewModel的简写，它本质上就是MVC （Model-View- Controller）的改进版。 即模型-视图-视图模型。 【模型】指的是后端传递的数据。 【视图】指的是所看到的页面。 【视图模型】mvvm模式的核心，它是连接view和m 阅读全文
posted @ 2020-12-24 15:10 陆远 阅读(120) 评论(0) 推荐(0)
探究虚拟dom与diff算法
摘要：一、虚拟DOM （1）什么是虚拟DOM？ vdom可以看作是一个使用javascript模拟了DOM结构的树形结构，这个树结构包含整个DOM结构的信息，如下图： 可见左边的DOM结构，不论是标签名称还是标签的属性或标签的子集，都会对应在右边的树结构里。 （２）为什么要使用虚拟DOM？ 因为在以前使用 阅读全文
posted @ 2020-12-23 19:19 陆远 阅读(140) 评论(0) 推荐(0)
前端：原型和原型链
摘要：一、原型 所有引用类型都有一个__proto__(隐式原型)属性，属性值是一个普通的对象所有函数都有一个prototype(原型)属性，属性值是一个普通的对象所有引用类型的__proto__属性指向它构造函数的prototype var a = [1,2,3]; a.__proto__ Array. 阅读全文
posted @ 2020-12-22 19:25 陆远 阅读(707) 评论(0) 推荐(0)
var,let,const三种声明方式的区别
摘要：变量提升 很多人认为，var是存在变量提升了，因此，如果你有如下代码： console.log(foo); // undefined var foo = 123; 程序不会报错，而是打印出undefined。这是因为，编译器预编译的时候，第一步只会记录变量和函数的定义，第二步才会执行程序（hoist 阅读全文
posted @ 2020-12-22 15:19 陆远 阅读(237) 评论(0) 推荐(0)
数据结构 栈 队列 链表
摘要：栈 1，栈只能从表的一端存取数据，另一端是封闭的。 2，在栈中，无论是存数据还是取数据，都必须遵循"先进后出"的原则，即最先进栈的元素最后出栈。 进栈和出栈 基于 栈结构的特点，在实际应用中，通常只会对栈执行以下两种操作： 向栈中添加元素，此过程被称为"进栈"（入栈或压栈）； 从栈中提取出指定元素， 阅读全文
posted @ 2020-12-21 19:39 陆远 阅读(82) 评论(0) 推荐(0)
前端：性能优化之回流和重绘
摘要：前情提要： 浏览器渲染一个网页的时候会启用两条线程： 一条渲染javascript 脚本，另一条渲染 UI即css 样式的渲染。 两条线程是互斥的。 当javascript 线程运行的时候 UI线程则会中止暂停，相反当UI线程运行的时候javascript线程也会中途停止。 为什么互斥呢？ 因为当u 阅读全文
posted @ 2020-12-21 16:08 陆远 阅读(196) 评论(0) 推荐(0)
闭包
摘要：闭包 一、是什么 闭包是指有权访问另一个函数作用域中的变量的函数。 function bibao(name) { return () => { console.log(`Hi! ${name}`) } } const test = bibao('zhangsan') test() // Hi! zh 阅读全文
posted @ 2020-12-20 18:48 陆远 阅读(105) 评论(0) 推荐(0)
Promise对象，究竟为何物？
摘要：Promise对象 一、什么是Promise? Promise是一种异步操作的解决方案，将写法复杂的传统的回调函数和监听事件的异步操作，用同步代码的形式表达出来。 Promise避免了多级异步操作的回调函数嵌套。 Promise最早是一个函数库，现在已经被ES6写入标准用法。 Promise是一种构 阅读全文
posted @ 2020-12-20 18:30 陆远 阅读(400) 评论(1) 推荐(0)
前端：性能优化之防抖与节流
摘要：前言：防抖和节流是前端应用开发中常见的两个功能，其原理都是利用闭包，缓存延迟时间。常用于窗口的resize、scroll、输入框内容校验等操作 防抖(debounce) 在函数需要频繁触发时，只有当有足够空闲的时间时，才执行一次。 比如说我们在使用百度、360浏览器搜索时，每次输入之后都有联想词弹出 阅读全文
posted @ 2020-12-18 15:11 陆远 阅读(144) 评论(0) 推荐(0)
对React Hook 的整理
摘要：React Hook 1. 什么是 React Hook 官方回答：Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 从官网的这句话中，我们可以明确的知道，Hook增加了函数式组件中state的使用，我们可以轻松 阅读全文
posted @ 2020-12-17 11:41 陆远 阅读(121) 评论(0) 推荐(0)
前端：css3的过渡与动画的基础知识
摘要：前情提要：这是一些有关过渡和动画的基础知识，一定能帮助平时懒得梳理的你。 一、css3过渡知识 （一）、概述 1、CSS3过渡是元素从一种样式逐渐改变为另一种的效果。 2、实现过渡效果的两个要件： 规定把效果添加到那个css属性上。 规定效果时长 定义动画的规则： 过渡transition （作用） 阅读全文
posted @ 2020-12-16 19:32 陆远 阅读(235) 评论(0) 推荐(0)
ajax和fetch、aixos的区别
摘要：ajax与fetch的区别？ 1、ajax是使用XMLHttpRequest对象发起的，但是用起来很麻烦，所以ES6新规范就有了fetch，fetch发一个请求不用像ajax那样写一大堆代码。 2、使用fetch无法取消一个请求，这是因为fetch基于Promise，而Promise无法做到这一点。 阅读全文
posted @ 2020-12-16 13:54 陆远 阅读(137) 评论(0) 推荐(0)
ES6：Iterator遍历器
摘要：一、Iterator是什么？ JavaScript 原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6 又添加了Map和Set， 用户可以定义自己的数据结构，这样一来需要一种统一的接口机制，来处理所有不同的数据结构。 遍历器（Iterator）就是这样一种机制。它是 阅读全文
posted @ 2020-12-14 20:33 陆远 阅读(86) 评论(0) 推荐(0)
前端：对BFC的理解
摘要：一、BFC是什么？ 定义 BFC(Block Formatting Context)块级格式化上下文，是Web页面的可视化css渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 它是一个独立的渲染区域，只有Block-level box 参与，它规定了内部的Block- 阅读全文
posted @ 2020-12-14 20:19 陆远 阅读(517) 评论(0) 推荐(0)
ES6新增数据类型Symbol
摘要：Symbol的含义？ ES6（2015） 引入了第七种原始数据类型Symbol，Symbol英文文意思为 符号、象征、标记、记号，在 js 中更确切的翻译应该为独一无二的 Symbol的使用？ Symbol 值通过Symbol函数生成，这里需要注意Symbol函数前不能使用new命令,切记，切记，切 阅读全文
posted @ 2020-12-11 20:57 陆远 阅读(132) 评论(0) 推荐(0)
egg的基本使用
摘要：一、脚手架(可以快速生成项目) 1、新建一个项目文件夹，使用如下命令： 2、npm init egg --type=simple 3、npm i 它会根据package.json里记录的所需包进行快速安装 4、npm run dev 启动命令 ：默认地址为http://localhost:7001 阅读全文
posted @ 2020-12-11 08:40 陆远 阅读(254) 评论(0) 推荐(0)
我对js数据类型的理解和深浅(copy)的应用场景
摘要：本人毕业一所专科院校，所学专业是计算机应用技术，在大学时对前端有了一定的了解之后，觉得自己对前端的兴趣十分强烈，开始自学前端，一路上也是坎坎坷坷，也有想要放弃的时候，还好坚持了下来，并且从事前端开发已将近三年，接下来就是谈谈我对深浅拷贝的理解和使用，望平台上的前辈给于关照和支持，若有不恰当之处请您及 阅读全文
posted @ 2020-12-07 21:08 陆远 阅读(164) 评论(0) 推荐(0)