![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 67
River_Js
热衷于前端工作,兴趣广泛,喜欢阅读技术类书籍和玩有趣儿的小的demo,对新奇好玩的技术有极大的热情!
展开
-
简述 Diff 算法的执行过程
diff算法是一种通过同层的树节点进行比较的高效算法,避免了对树进行逐层搜索遍历,所以时间复杂度只有 O(n)。diff算法有两个比较显著的特点:1、比较只会在同层级进行, 不会跨层级比较。2、在diff比较的过程中,循环从两边向中间收拢。diff流程:首先定义 oldStartIdx、newStartIdx、oldEndIdx 以及 newEndIdx 分别是新老两个 VNode 的两边的索引。接下来是一个 while 循环,在这过程中,oldStartIdx、newStartIdx、原创 2021-03-12 16:27:02 · 1253 阅读 · 0 评论 -
Vue-Router原理介绍,手写一个自己的Vue-Router
前置知识前端路由的两种模式Hash模式URL中#后面的内容作为路径地址监听HashChange事件根据当前路由地址找到对应的组件重新渲染History模式通过history.pushState()方法改变地址栏监听popstate 事件根据当前路由地址找到对应组件重新渲染手写路由的准备工作新建一个没有vue-router的vue项目在项目中新建router相关文件新建一个route文件夹,文件夹下新建一个index.js,用于存放路由规则import Vue from '原创 2021-02-18 10:52:51 · 482 阅读 · 5 评论 -
proxy 与 Object.defineProperty 的比较
proxy 与 Object.defineProperty 的比较proxy的优势一、可以监视到更多的对象操作(delete 操作 和 对象中的方法调用等)defineProperty 只能监视属性的读写const stu = { name : 'tianqin', gender : 'female', age: ' 8'}const proxyStu = new Proxy( stu ,{ deleteProperty(target ,property){原创 2020-11-28 21:05:07 · 361 阅读 · 0 评论 -
Vue报错:error Extra semicolon semi 已解决
这个错误的原因是在13行第二个字符的位置使用了引号去掉分号之后就可以正常跑起来了!值得一提的是vscode插件ESlint在格式化文档的时候会自动添加分号原创 2020-11-03 20:46:04 · 7737 阅读 · 2 评论 -
详细介绍Vue-cli 的安装与使用
Vue-cli首先要明确一件事情:Vue-CLI ≠ Vue,Vue-CLI就是一个Vue工具。1、单文件组件在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。这种方式在很多中小规模的项目中运作的很好,在这些项目里 JS 只被用来加强特定的视图。但当在更复杂的项目中,或者你的前端完全由JS驱动的时候,下面这些缺点将变得非常明显:所有的组件都放同一个html文件中没有构建原创 2020-10-22 17:17:22 · 279 阅读 · 0 评论 -
总结在Vue中可以使用的几种网络请求方式
##1、XMLHttpRequest浏览器对XMLHttpRequest对象的支持度不足, 创建 XMLHttpRequest 对象时需要对IE浏览器做的兼容解决。:XHRreadyState0-4,0表示未初始化,4表示请求已完成status(HTTP响应状态码)200:OK,成功3XX【重定向系列的状态码】301:永久重定向302:临时重定向307:内部浏览器(缓存)重定向4XX【错误系列】400:bad request,错误请求401:鉴权失败403:禁止原创 2020-10-13 20:38:55 · 2975 阅读 · 0 评论 -
Vue2.0入门详解
一、Vue基础1.1、概述作者:尤雨溪官网:https://cn.vuejs.orgVue.js是一套构建用户界面的渐进式框架。Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。(SPA单页面应用,所有的显示都在一个页面当中)渐进式:一步一步,不是说你必须一次把所有的东西都用上自底向上设计:是一种设计程序的过程和方法,就原创 2020-09-24 09:41:42 · 2436 阅读 · 0 评论 -
Vue双向数据绑定原理
***obj***要定义属性的对象。***prop***要定义或修改的属性的名称 。***descriptor***要定义选项。原创 2020-09-17 15:20:37 · 135 阅读 · 0 评论