旅城-CSDN博客

原创【报错】新拉的vue项目，cnpm install时报错

Install fail! RunScriptError: post install error, please remove node_modules before retryRunScriptError: Run “C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js” error, exit code 1新拉的vue项目，cnpm install时报以上错误，是由于node版本有问题导致，我是最新版，所以要降级，删除nodejs，.

2022-04-15 09:27:41 3162

原创【Vue】Vue基础问题总结大全，看这个系列就够了！（五）

Vue基础问题总结大全（五）一、v-for循环key的作用二、Vue.nextTick 的原理和用途一、v-for循环key的作用我们都知道，Vue很大的一个特点就是双向数据绑定，数据一旦改变，那么页面就渲染新的数据呈现在页面上。那么问题来了，对于用v-for渲染的列表数据来说，数据量可能一般很庞大，而且我们经常还要对这个数据进行一些增删改操作。假设我们给列表增加一条数据，整个列表都要重新渲染一遍，效率必然会极其低下而key的出现就是尽可能的回避这个问题，提高效率，如果我们给列表增加了一条数据，

2020-12-02 21:29:34 168

原创【Vue】Vue基础问题总结大全，看这个系列就够了！（四）

Vue基础问题总结大全（四）一、keep-alive组件二、keep-alive组件vue检测数组或对象的变化三、虚拟dom一、keep-alive组件概念keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。作用在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性原理在 created 函数调用时将需要缓存的 VNode 节点保存在 this.cache 中／在 render（页面渲染）时，如果

2020-11-29 22:06:17 580 1

原创【Vue】Vue基础问题总结大全，看这个系列就够了！（三）

Vue基础问题总结大全（三）一、method，computed，watch之间的区别一、Vue的生命周期三、单向数据流一、method，computed，watch之间的区别作用机制上1.watch和computed都是以Vue的依赖追踪机制为基础的，它们都试图处理这样一件事情：当某一个数据（称它为依赖数据）发生变化的时候，所有依赖这个数据的“相关”数据“自动”发生变化，也就是自动调用相关的函数去实现数据的变动。2.对methods:methods里面是用来定义函数的，很显然，它需要手动调用才能执

2020-11-29 21:46:44 330

原创【Vue】Vue基础问题总结大全，看这个系列就够了！（二）

Vue基础问题总结大全（一）一、MVVM二、响应式原理一、MVVM二、响应式原理Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。也就是传说中的双向数据绑定，我们首先要理解清楚其实现的整体思路。先看看下图的流程：1.实现compile,进行模板的编译，包括编译元素（指令）、编译文本等，达到初始化视图的目的，并且还需要绑定好更新函数；2.实现Observe,监听所有的数据，并对变化数据发布通知；3.实现wa

2020-11-29 21:22:24 563 2

原创【Vue】Vue基础问题总结大全，看这个系列就够了！（一）

Vue基础问题总结大全（一）一、单页应用二、vue-router两种模式的区别一、单页应用什么是单页应用？单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。单页面应用的优缺点：优点：1、用户操作体验好，用户不用刷新页面，整个交互过程都是通过Ajax来操作。2、适合前后端分离开发，服务端提供http接口，前端请求http接口获取数据，使用JS进行客户端渲

2020-11-28 21:49:27 541

原创【CSS / HTML】CSS / HTML基础问题总结大全，看这个系列就够了！（五）

CSS / HTML基础问题总结大全（五）一、CSS引入方式二、a标签的几大作用三、IFC四、SEO一、CSS引入方式行间样式在 style 属性里面直接书写<h3 style="font-size: 18px; color: #cccccc;"></h3>内部样式表写在 head 标签内面，并用 style 标签定义<style> h3 { font-size: 16px; color: #666666; }

2020-11-28 20:49:56 112

原创【CSS / HTML】CSS / HTML基础问题总结大全，看这个系列就够了！（四）

CSS / HTML基础问题总结大全（四）一、重排和重绘二、css选择器三、Css单位px，rem，em，vw，vh的区别四、伪类伪元素一、重排和重绘当DOM的变化引发了元素几何属性的变化，比如改变元素的宽高，元素的位置，导致浏览器不得不重新计算元素的几何属性，并重新构建渲染树，这个过程称为“重排”。完成重排后，要将重新构建的渲染树渲染到屏幕上，这个过程就是“重绘”。重排必然带来重绘，但是重绘未必带来重排。触发重排的条件：任何页面布局和几何属性的改变都会触发重排，比如：1、页面渲染初始化；(无

2020-11-28 19:45:53 101

原创【CSS / HTML】CSS / HTML基础问题总结大全，看这个系列就够了！（三）

CSS / HTML基础问题总结大全（三）一、清除浮动二、position属性三、css隐藏元素的方式一、清除浮动浮动元素可以左右移动，直到遇到另一个浮动元素或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流，当元素浮动之后，不会影响块级元素的布局，只会影响内联元素布局。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当包含框的高度小于浮动框的时候，此时就会出现“高度塌陷”。清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们页面后面的布局不能正常

2020-11-28 17:09:39 92

原创【CSS / HTML】CSS / HTML基础问题总结大全，看这个系列就够了！（二）

CSS / HTML基础问题总结大全（二）一、二、script标签的defer和async三、介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？四、对 BFC 规范（块级格式化上下文：block formatting context）的理解？一、<!DOCTYPE><!DOCTYPE>声明不是HTML标签，指示web浏览器关于页面使用哪个HTML版本进行编写的指令，也就是说<!DOCTYPE>规定了浏览器文档使用哪种html或者xhtml规范

2020-11-28 16:46:21 744 4

原创【CSS / HTML】CSS / HTML基础问题总结大全，看这个系列就够了！（一）

CSS / HTML基础问题总结大全（一）一、行内元素、块级元素二、替换元素和非替换元素三、alt属性和title属性的不同点四、什么是meta标签？一、行内元素、块级元素行内元素：1.和其他元素都在一行2.高度、宽度以及内边距都是不可控的3.宽高就是内容的高度，不可以改变4.行内元素只能行内元素，不能包含块级元素5.行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，但是竖直方向的padding-top

2020-11-28 16:05:39 183

原创【JavaScript】JS基础问题总结大全，简单学习JS，看这个系列就够了！（八）

JS基础问题总结大全（八）一、浏览器从输入URL到渲染完页面的整个过程二、同源策略及跨域三、promise四、async一、浏览器从输入URL到渲染完页面的整个过程从输入URL到渲染出整个页面的过程包括三个部分：1、DNS解析URL的过程2、浏览器发送请求与服务器交互的过程3、浏览器对接收到的html页面渲染的过程一、DNS解析URL的过程DNS解析的过程就是寻找哪个服务器上有请求的资源。因为ip地址不容易记忆，一般会使用URL域名（如www.baidu.com）作为网址。DNS解析就是将域

2020-11-28 14:49:38 2060 6

原创【JavaScript】JS基础问题总结大全，简单学习JS，看这个系列就够了！（七）

JS基础问题总结大全（七）一、addEventListener和onClick()的区别二、new和Object.create的区别三、DOM的location对象一、addEventListener和onClick()的区别1.onclick事件在同一时间只能指向唯一对象，addEventListener给一个事件注册多个listener2.addEventListener对任何DOM都是有效的，而onclick仅限于HTML核心DOM ：对象：Document,Node, ElementNo

2020-11-28 11:28:24 174

原创【JavaScript】JS基础问题总结大全，简单学习JS，看这个系列就够了！（六）

JS基础问题总结大全（六）一、JS垃圾回收机制二、类数组与数组的区别与转换三、Dom节点操作常用方法一、JS垃圾回收机制JS的内存生命周期：分配你所需要的内存使用分配到的内存（读、写）不需要时将其释放、归还js垃圾回收机制：自动垃圾回收机制就是找出那些不再继续使用的值，然后释放其占用的内存空间。垃圾回收器每隔固定的时间段就执行一次释放操作。js最常用的是通过标记清除的算法来找到哪些对象是不再继续使用的，上面例子中的a = null 其实就是做了一个释放引用的操作，让a原本对应的值失去引用，

2020-11-27 10:40:35 135

原创【JavaScript】JS基础问题总结大全，简单学习JS，看这个系列就够了！（五）

JS基础问题总结大全（五）一、作用域和作用域链二、作用域与执行上下文三、箭头函数一、作用域和作用域链1. 什么是作用域作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性。2. 全局作用域和函数作用域在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域：1.最外层函数和在最外层函数外面定义的变量拥有全局作用域2.所有末定义直接赋值的变量自动声明为拥有全局作用域3.所有 window 对象的属

2020-11-27 10:07:10 141

原创【JavaScript】JS基础问题总结大全，简单学习JS，看这个系列就够了！（四）

JS基础问题总结大全（四）一、JS new一个对象的过程二、requestAnimationFrame三、this判断规则一、JS new一个对象的过程1.创建一个空对象Var obj={};2.设置新对象的constructor属性为构造函数的名称，将新对象的__proto__指向构造函数的prototypeObj.proto==ClassA.prototype3.使用新对象调用构造函数，将构造函数中this指向新实例对象，ClassA.call(obj)4.将初始化完毕的新对象地址，保存

2020-11-26 22:04:45 271 2

原创【JavaScript】JS基础问题总结大全，简单学习JS，看这个系列就够了！（三）

JS基础问题总结大全（三）一、闭包二、call bind apply 的区别三、dom事件流四、事件委托优缺点一、闭包闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。闭包有两个常用的用途。闭包的第一个用途是使我们在函数外部能够访问到函数内部的变量。通过使用闭包，我们可以通过在外部调用闭包函数，从而在外部访问到函数内部的变量，可以使用这种方法来创建私有变量。函数的另一个用途是使已经运行结束的函数上下文中的

2020-11-26 20:24:01 104

原创【JavaScript】JS基础问题总结大全，简单学习JS，看这个系列就够了！（二）

JS基础问题总结大全（二）一、基本包装类型二、三个等号和两个等号的区别三、原型和原型链一、基本包装类型为了便于操作“基本类型值”，JS 提供了三个特殊的引用类型：Boolean、Number、String。这些类型和其他引用类型相似，但同时也具备与各自基本类型相应的特殊行为。实际上：每当读取一个基本类型值的时候， “后台就会创建一个对应的基本包装类型的对象”，从能能够调用一些方法来操作这些数据。String对象String对象是基本类型，但是也是特殊的引用类型（基本包装类型：内部创建对

2020-11-26 20:00:47 106

原创【JavaScript】JS基础问题总结大全，简单学习JS，看这个系列就够了！（一）

JS基础问题总结大全（一）一、JS的数据类型二、原始值和引用值类型及区别三、判断变量的类型四、数据类型的转换一、JS的数据类型ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。基本类型JavaScript 中共有 6 种基本数据类型：Undefined、Null、Boolean、Number、Stri

2020-11-26 16:54:54 276 1

旅城的博客