Vue.js 2.0窥探之Virtual DOM到底是什么？Vue.js 2.0已经发布，并且在其中新添加如了一些新功能。其中一个功能就是“Virtual DOM”。 Virtual DOM是什么？在之前，React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。 若想了解它是如何工作的，就要先认清这几个概念：1.更新DOM是非常昂贵的操作当我们使用Javascript来修改
转载
2024-07-23 17:01:25
0阅读
vue 虚拟dom实现原理前言一、真实DOM和其解析流程二、Virtual DOM 作用是什么？三、虚拟DOM实现 前言Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍，并大大降低了内存消耗。那么，什么是Virtual DOM？为什么需要Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？这是本文所要探讨的问题。一、真实DOM和其解析
转载
2023-12-17 15:53:42
140阅读
1、如何让一个元素水平垂直居中通过给父元素设置CSS样式： display:flex; align-items:center; justify-content:center;2、Var，let和const的区别var 属于函数作用域,有变量提升,可以重复声明 let 属于块级作用域,没有变量提升,不能重复声明 const 属于块级作用域,没有变量提升,变量不能被修改,不可以重复声明,存在暂时性死区
Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括：
push() pop()
shift()
unshift()
splice()
sort()
reverse() 以上七个数组都会改变原数组，下面来分别讲解它们的区别：
var list = [3,4,5,6]
1. push() 向数组的尾部添加若干元素，并返回数组的新长度；l
转载
2024-10-09 12:42:32
57阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
391阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
Vue虚拟
DOM1.什么是虚拟
DOM？
2.为什么使用虚拟
DOM3.
Vue中的虚拟
DOM4.VNode类的作用 1.什么是虚拟
DOM？虚拟
DOM就是通过一个JS对象来描述一个
DOM节点，比如<div class="a" id="b">我是内容</div>
{
tag:'div', // 元素标签
attrs:{ // 属性
class:'a',
id:'b'
},
text
转载
2023-12-15 13:05:40
88阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
总体过程中，在Vue首次渲染过后再updateComponent()这个方法中调用了vm._render()和vm._update()这两个方法一、vm._render()在render方法里面它去调用了用户传过来的render函数或者是通过模板编译生成render函数，如果调用了用户传过来的render函数那么接下来调用的是vm.$createElement这个方法（它就是h函数），如果是模板编
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
$nextTick 作用 ：等Dom更新完以后再执行 // 等Dom更新完以后再执行 th
原创
2023-03-26 11:11:25
609阅读
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
el-calendar日历组件使用总结1. 需求说明2. 基础实现3. 只展示当月数据4. 动态切换日历里的数据实现5. 顺便把快捷方式隐藏了，不让用户选择上一个月下一个月 1. 需求说明按月显示，每次只显示一个月的日期，其余隐藏日历组件的显示时间随着上方选择框的变化（比如我切换到6月份，下面也要同步切换到6月份）点击某一天可以添加事项（如果是空白的，未添加的），展示在对应的框里，同时添加悬浮展
转载
2024-09-26 14:29:57
1030阅读
步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint？ 选择第三个：检查，发现问题，并且约束代码风格 你的项目使用的是什么模块？ 选择第一个
转载
2024-06-12 14:16:51
274阅读
搭建调试环境克隆一份源码,地址如下:安装依赖 npm install 或者yarn安装到phantom.js即可终止(耗费时间较长)
安装rollup: npm i -g rollup修改dev脚本: 添加 --sourcemap执行dev脚本: npm run dev 当npm run dev 命令跑完了之后, dist目录下会生成一个vue.js.map的文件, 该map文件在调试的时候可以可
什么是虚拟 DOM？说得简单一点，它就是一个对象，包含 tag、props、children 三个属性。接下来大家思考两个问题：相比于通过原生 js 去操作 DOM，通过虚拟 DOM 来实现 DOM 的增删改查，它的性能真的更好吗？如果通过通过虚拟 DOM 操作 DOM 的性能并不比原生 js 操作 DOM 性能好，那么为什么 Vue 还要选择使用虚拟 DOM 呢？操作 DOM 的几种方式通常，我
转载
2024-01-04 09:31:35
43阅读
vue3 一、vue2和vue3的区别答案：1、双向数据绑定原理不同vue2：vue2的双向数据绑定是利用ES5的一个API：Object.definePropert() 对数据进行劫持，结合发布订阅模式的方式来实现的。vue3：vue3中使用了ES6的Proxy API对数据代理。相比vue2.x，使用proxy的优势如下：defineProperty只能监听某个属性，不能对全对象监听可以省去f
转载
2024-01-21 01:15:02
30阅读
