灯芯儿_-CSDN博客

原创前端常见面试题总结

一、如何理解HTML语义化？<div>标题</div><div> <div>一段文字</div> <div> <div>列表1</div> <div>列表2</div> <div></div><h1>标题</h1><div> &

2020-10-24 21:12:48 243 1

我们在完成项目打包上线的时候，会发现他的文件很大，这个时候我就需要对项目先做一些优化，优化之后在进行打包一、项目打包之前的优化1. 通过 externals 加载外部 CDN 资源默认情况下，通过 import 语法导入的第三方依赖包，最终会被打包合并到同一个文件中，从而导致打包成功后，单文件体积过大的问题。为了解决上述问题，可以通过 webpack 的 externals 节点，来配置并加载外部的 CDN 资源。凡是声明在externals 中的第三方依赖包，都不会被打包。config.se

2020-09-24 21:59:27 4227

原创关于虚拟DOM和Diff算法的理解及应用场景

1、vue虚拟dom虚拟DOM不是真实的DOM，而是一个JS对象。它的作用是判断DOM是**否改变、哪些部分需要被重新渲染**。 vdom完全是用js去实现，和宿主浏览器没有任何联系，此外得益于js的执行速度，将原本需要在真实dom进行的创建节点,删除节点,添加节点等一系列复杂的dom操作全部放到vdom中进行，这样就通过操作vdom来提高直接操作的dom的效率和性能。2、vue diff 算法#（1）为什么有diff算法：diff算法用来修改一小段dom，不会引起dom树的重绘#（2）dif

2020-09-20 20:54:36 555

原创 axios封装，api接口封装统一管理

axios封装，api接口封装统一管理一、 axios说明Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。二、axios的安装1

2020-09-14 22:00:52 3508 1

转载事件模型

什么是事件？事件(Event)是JavaScript应用跳动的心脏，也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情，比如说某个 Web 页面加载完成，或者是用户滚动窗口或改变窗口大小。通过使用 JavaScript ，你可以监听特定事件的发生，并规定让某些事件发生以对这些事件做出响应。今天的事件在漫长的演变史，我们已经告别了内嵌式的

2020-09-13 20:22:50 1578 1

原创事件监听

事件监听事件监听方法：1.事件监听方法是由事件源对象提供的。2.事件监听方法捕获事件源对象上面的动作，如果有动作发生，则事件监听方法捕获动作，收集事件源对象的信息和动作信息，然后将信息交给事件接口的对象进行处理。概念：某些组件被执行了某些操作后，触发某些代码的执行。事件：某些操作。如：单击，双击，键盘按下了，鼠标移动了事件源：组件。如：按钮文本输入框…监听器：代码。注册监听：将事件，事件源，监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监听器代码。常见的事件

2020-09-13 20:04:50 114

原创设计模式

设计模式设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。一、什么是设计类型设计模式是在软件开发过程中面临的一般问题的解决问题，设计模式的使用提到了代码的重用，让代码更容易被理解，保证代码的可靠性，使代码编制真正工程化，设计模式是软件工程的基石，项目中合理的运用设计模式可以完美解决很多问题，其实设计模式就是从大型软件架构出发、便于升级和维护的软件设计思想，它强调降低依赖，降低耦合。二、设计分类模式描述创建型模式工厂模式、抽象工厂模式、单例模式、建造者模式、

2020-09-13 19:36:01 67

原创 includes（）方法和indexOf()方法数组去重

数组去重常用的两种方法includes（）方法和indexOf()1.includes（）数组去重实现原理includes（）方法来判断一个数组是否包含一个指定的值，根据情况，如果包含就返回true，不包含就返回falseArray.isArray() 用于确定传递的值是否是一个数组var arr = [1,1,15,15,true,false,true,false,NaN,0,"0"]function fn(arr){ if(!Array.isArray(arr)){ cosloe.lo

2020-09-09 19:52:23 1191 1

原创 ES6新增数组方法

数组方法1、find()find()查找数组中符合条件的元素，若有多个符合条件的元素，则返回第一个元素（如果数据有空位则处理为undefined）let arr = Array.of(1, 2, 3, 4);console.log(arr.find(item => item > 2)); // 3// 数组空位处理为 undefinedconsole.log([, 1].find(n => true)); // undefined2、findIndex()查找数组中符合条

2020-09-08 22:02:56 131

原创 ES6的数组方法详解（ES5新增）

ES5的数组方法ES5定义了六个新的数组方法来遍历，映射，过滤，简化和搜宿舍数组1.forEach()forEach()方法从头至尾遍历数组，为每个元素调用指定的函数，它有三个参数：数组元素、元素的索、数组本身var data = [1,2,3,4,5]var sum = 0data.forEach(function(val){ sum += value})sum //15data.forEach(function(v,i,a){ a[i] = v + 1})data // [2,

2020-09-08 21:12:15 602

转载 generator（特点，项目应用）

Generator 函数的定义语法上，可以把理解成，Generator 函数是一个状态机，封装了多个内部状态。形式上，Generator 函数是一个普通函数。它不同于普通函数，是可以暂停执行的，所以函数名之前要加星号，以示区别。整个Generator函数就是一个封装的异步任务，或者说是异步任务的容器，异步操作需要暂停的地方，都用yield语句。什么是Generator函数function 关键字和函数之间有一个星号(*),且内部使用yield表达式，定义不同的内部状态。调用Generator函数

2020-09-06 21:38:41 353

原创 async,await(特点，项目中应用)

一、async，await的特点 **async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化**特点：▲asayc的用法，它作为一个关键字放到函数前面，这样普通函数就变为了异步函数▲异步async函数调用，跟普通函数的使用方式一样▲异步async函数返回一个promise对象▲async函数配合await关键字使用(阻塞代码往下执行)是异步方法，但是阻塞式的async/await的优点：★方便级联调用：即调用依次发生的场景；★同

2020-09-06 21:29:45 278

原创 promise（特点，项目中如何应用）

一、PromisePromises的概念是由CommonJS小组的成员在Promises/A规范中提出来的。一般来讲，有以下的名词约定：**promise（首字母小写）**对象指的是Promise实例对象Promise首字母大写且单数形式，表示Promise构造函数Promises首字母大写且复数形式，用于指代Promises规范二、什么是promisePromise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，promise 是一个对象，从它

2020-09-06 20:49:07 607

原创深入了解 var let const的区别

var let 和const的区别let 和 const是ES6新增的命令，用于声明变量，这两个命令和ES5的var有很多的不同，let和const也是有细微的不同区别：1.块级作用域2.不存在变量提升3.暂时性死区4.不可重合声明5.let和const声明的全局变量不会挂在顶层对象下面1、块级作用域首先我们为什么需要块级作用域因为ES5只有全局作用域和函数作用域，没有块级作用域，他给我们带来了很多不合理的场景：1.内层变量可以覆盖外层变量2.用来计数的循环变量泄漏为全局变量▲js

2020-09-06 20:31:32 255

原创关于vuex的理解，用法

1.vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。Vuex背后的基本思想，就是前面所说的单向数据流2.Vuex状态管理跟使用传统全局变量的不同之处1）Vuex的状态存储是响应式的：就是当你的组件使用到了这个Vuex的状态，一旦它改变了，所有关联的组件都会自动更新相对应的数据2）**不能直接修改Vuex的状态：**如果是个全局对象变量，要修改很容易，但是在Vuex中不能这样做，想修改就得使用Vuex提供的唯一途径：显示地提交（commint）mutations来实现修改

2020-09-03 21:46:32 215

lijiangzhao的博客

原创前端常见面试题总结

原创 vue项目打包上线的流程

原创关于虚拟DOM和Diff算法的理解及应用场景

原创 axios封装，api接口封装统一管理

转载事件模型

原创事件监听

原创设计模式

原创 includes（）方法和indexOf()方法数组去重

原创 ES6新增数组方法

原创 ES6的数组方法详解（ES5新增）

转载 generator（特点，项目应用）

原创 async,await(特点，项目中应用)

原创 promise（特点，项目中如何应用）

原创深入了解 var let const的区别

原创关于vuex的理解，用法

原创关于原型和原型链的理解

原创 JS继承方法和实现原理

原创 this, call, apply, bind详解

原创 js数据类型、数据类型判断

原创 css3动画、H5新特性

原创如何实现两、三栏布局、水平/垂直居中

原创弹性盒子布局

原创盒模型

原创 Github的基本使用

原创 Git的基本指令及用法

空空如也

空空如也