vue进阶
文章平均质量分 75
wjyGrit
每当你被漫天乌云压得喘不过气时,往往是一切问题解决的时候。而当你感觉晴空万里时,其实并没有你想得那么好
展开
-
webpack基础学习
webpack一、Webpack的五个核心概念entry(入口)出口(output)loader插件(plugins)模式一、Webpack的五个核心概念entry(入口)**入口起点(entry point)**指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。出口(output)output 属性告诉 webpack 在哪里输出它所创建的 bundles,以及如何命名这些文件,默认值为 ./原创 2021-10-12 19:40:15 · 130 阅读 · 0 评论 -
组件间通信的几种方式
组件间通信, vue事件总线, tiny-emmity, mitt, props, refs, emit, provide, inject, attr , listener, vue组件, vue通信, vue 值传递原创 2021-10-12 11:41:22 · 3621 阅读 · 0 评论 -
vue源码解析之mustache模板引擎——底层核心机理
mustache底层核心机理底层token思想手写mustache库1.遍历查找“{{ }}”(Scanner类)不能用简单的正则表达式思路实现底层token思想手写mustache库1.遍历查找“{{ }}”(Scanner类)scanner类:用于解析templateStr模板字符串主要由两个方法scan():跳过{{scanUtil(): 让指针进行扫描,知道遇见指定内容结束,并且能够返回之前路过的文字...原创 2021-09-19 12:29:02 · 182 阅读 · 0 评论 -
VS源码解析之模板mustache引擎1-基础介绍
模板引擎介绍纯DOM法(最底层):非常复杂麻烦数组join法ES6反引号法mustache的基本使用介绍本篇博客是基于尚硅谷的源码解析课程的第一篇,仅做笔记用,github仓库地址纯DOM法(最底层):非常复杂麻烦<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数据变为视图DOM</title></head><原创 2021-09-13 17:07:22 · 88 阅读 · 0 评论 -
Vue数据响应式
Vue数据响应式原理追踪变化递归侦测对象的全部属性数组的响应式处理收集依赖尚硅谷Vue数据响应式原理。这里只是根据视频和vue.js深入浅出做的笔记,大家要学的话建议去听尚硅谷的vue源码教程,多听几遍自然就懂了。追踪变化在javascript中有两种方法可以侦测到变化:Object.definePorperty 和 ES6 的proxy,这里介绍Object.defineProperty的方式。这个方法会直接在一个对象上定义一个新属性,并返回此对象。这里用函数封装,而不是直接用原函数,主要是在原创 2021-09-10 13:31:19 · 270 阅读 · 1 评论 -
vue源码-dom和diff【2】
diffdiff初理解diff处理新旧节点不是同一个节点diff初理解key很重要,key是这个节点的唯一标识,更改前后,表示这是同一个dom节点只有是同一个虚拟节点,才比较,即h里的sel参数必须相同如何定义一个虚拟节点?:选择器相同且key相同只进行同层比较,不会跨层diff处理新旧节点不是同一个节点...原创 2021-08-26 14:18:19 · 68 阅读 · 0 评论 -
vue源码系列-DOM和diff【1】
数据响应式Vue一大特点是数据响应式, 数据的变化会作用于UI而不用于DOM操作。原理上讲,是利用了js语言特性Object.defineProperty(),通过定义对象属性setter方法拦截对象属性变更, 从而将数值的变化转换为UI的变化。具体实现是在Vue初始化时,会调用initState,它会初始化ata,props等,这里着重关注data初始化整体流程src/core/instance/state.jsinitData, 获取data,设置代理,启动响应式Observesrc/c原创 2021-08-24 16:05:50 · 54 阅读 · 0 评论 -
Vue面试集合
VUE 面试题合集「1」1. v-if和v-for哪个优先级更高?如果同时出现,怎么优化得到更好的性能源码中找答案:complier/codegen/index.js测试文件结果分析结论Vue组件的data为什么必须是个函数而Vue的根实例没有限制?测试代码结论1. v-if和v-for哪个优先级更高?如果同时出现,怎么优化得到更好的性能源码中找答案:complier/codegen/index.js测试文件测试文件<!DOCTYPE html><htm>原创 2021-08-21 18:38:32 · 62 阅读 · 0 评论 -
vue源码系列-1初始化过程
vue源码系列-1起因年初接手的学校的物理实验中心的系统也基本上完工了,现在在测试,准备上线阶段。前后有7个人参加,有几个坚持了一两个月,一直坚持下来的有4个,写了大半年的代码,前端的11多行代码(git fame统计的提交情况)。从一个小白,现在已经emmm,还不能说大神,顶多就是随便一个页面都可以写出来吧,适配各种产品也ok。总之就是前端的基础都已经很熟了,后端也差不多。然后很熟过后,考虑问题时自然就比最开始提升了一个层次,刚开始接手时,才刚刚能把vue界面看懂,写一些简单的页面,当时只想着做出原创 2021-08-22 21:28:00 · 79 阅读 · 0 评论