51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

Vue源码-手写mustache源码
引言在Vue中使用模板语法能够非常方便的将数据绑定到视图中，使得在开发中可以更好的聚焦到业务逻辑的开发。mustache是一个很经典且优秀的模板引擎，vue中的模板引擎也对其有参考借鉴，了解它能更好的知道vue的模板引擎实现的原理。数据转换为视图的方案Vue的核心之一就是数据驱动，而模板引擎就是实现数据驱动上的很重要一环。借助模板引擎能够方便的将数据转换为视图，那么常用转换的方案有哪些呢。纯 DO
Vue源码
mustache
转载
mob604756f47778
2021-05-24 11:46:32
184阅读
2评论

vue 手写组织架构图 手写vue源码
编写一个lvue.js，实现mvvm ，感兴趣的同学可以把代码拷贝到本地看一下实现思路1 html部分（测试用）<!-- * @Author: your name * @Date: 2020-07-05 22:21:34 * @LastEditTime: 2020-07-07 00:26:35 * @LastEditors: Please set LastEditors * @De
vue 手写组织架构图
html
数据
vue.js
转载
mob64ca13fba42b
2024-04-29 12:48:35
17阅读

学习vue源码（13）手写$nextTick
1.概述nextTick接收一个回调函数作为参数，它的作用是将回调延迟到下次DOM更新周期之后执行。它与全局
任务队列
vue.js
执行环境
原创
前端阳光
2022-03-18 17:53:19
261阅读

基于vue 手写一套类似element ui库 手写vue源码
手写mini版的vuevue原理图编译前的知识准备实现编译 vue原理图编译前的知识准备节点类型 – nodeType。document可以看成是一棵节点树，它是由一个个的节点组成的。<p key='index'>text</p //每一个标签都属于元素节点， //包裹在标签里面的是文本节点, //开始标签里面的健值对是属性节点 //所有以上的都统称为节点，这些节点都有同一个
手写vue源码
vue源码剖析
模版编译
双向数据绑定
数组
转载
mob64ca1402a190
2024-04-21 18:59:21
63阅读

学习vue源码（2） 手写Vue.extend方法
Vue.extend( optons );（1）参数{ object } options（2）用法使用基础V
子类
父类
构造函数
原创
前端阳光
2022-03-15 18:11:23
458阅读

学习vue源码（8）手写优化器
前面的 学习vue源码（6）熟悉模板编译原理我们谈到 模板编译分为解析器，优化器，代码生成器。在学习vue源
子节点
元素节点
解析器
原创
前端阳光
2022-03-18 17:51:24
53阅读

手写javascript和用vue写的哪个更省内存 手写vue源码
前言此篇主要手写 Vue2.0 源码-模板编译原理上一篇咱们主要介绍了 Vue 数据的响应式原理 对于中高级前端来说 响应式原理基本是面试 Vue 必考的源码基础类 如果不是很清楚的话基本就被 pass 了 那么今天咱们手写的模板编译原理也是 Vue 面试比较频繁的一个点 而且复杂程度是高于响应式原理的 里面主要涉及到 ast 以及大量正则匹配 大家学习完可以看着思维导图一起手写一遍加深印象哈适用
html
Vue
正则
转载
AIGC创想家
2023-12-01 11:07:47
17阅读

手写Vue
...
x
转载
mb5fe948249bc3d
2021-09-13 21:36:00
48阅读
2评论

手写Vue
...
x
转载
mb5fe948249bc3d
2021-09-13 21:36:00
68阅读
2评论

手写Vue2.0源码-Mixin混入原理
前言此篇主要手写 Vue2.0 源码-Mixin 混入原理上一篇咱们主要介绍了 Vue 异步更新原理 核心是运用 nextTick 实现异步队列 此篇主要包含 Mixin 混入 这是 Vue 里面非常关键的一个 api 在 Vue 初始化的时候起到了合并选项的重要作用适用人群： 没时间去看官方源码或者看源码看的比较懵而不想去看的同学正文Vue.mixin({   created() {     c
Vue2.0
转载
mob604756fda125
2021-06-07 11:58:56
253阅读
2评论

手写 Vue3.0 源码——响应式 api
本结实现响应式相关 api，包括如下@vue/reactivity/src/index.tsexport { ref, shallowRef, toRef, toRefs } from "./ref";export { effect } from "
Vue 3
vue
原创
兰亭古墨
2021-07-09 13:19:34
251阅读

学习vue源码（5） 手写Vue.use、Vue.minxin、Vue.compile
一、Vue.useVue.use(plugin);（1）参数{ Object | Function } pl
vue.js
数组
编译器
原创
前端阳光
2022-03-18 17:49:26
94阅读

学习vue源码（4） 手写vm.$mount方法
一、概述前面的文章 学习vue源码（2） 手写Vue.extend方法中我们谈到用Vue.extend创建出
html
字符串
vue.js
原创
前端阳光
2022-03-15 18:10:44
197阅读

学习vue源码（7）手写解析器(中)
2. 解析自闭合标识如果我们接着上面的例子继续解析的话，目前剩余的模板是下面这样的：'></div>'开始标
html
钩子函数
html模板
原创
前端阳光
2022-03-18 17:49:58
131阅读

学习vue源码（7）手写解析器(上)
通过 学习vue源码（6）熟悉模板编译原理的学习，我们知道解析器在整个模板编译中的位置。我们只有将模板解析
钩子函数
html
html解析器
原创
前端阳光
2022-03-18 17:50:37
50阅读

学习vue源码（9）手写代码生成器
前面的学习vue源码（6）熟悉模板编译原理 我们谈到，模板编译分为解析器，优化器，代码生成器。前面两部分已经
字符串
代码生成器
解析器
原创
前端阳光
2022-03-18 17:50:56
441阅读

学习vue源码（3） 手写Vue.directive、Vue.filter、Vue.component方法
​一、Vue.directive​Vue.directive(id,[definition]);1）参数{ string } id{ Function | Object } [ definition ]（2）用法注册或获取全局指令。<!-- 注册 -->Vue.directive('my-directive',{ bind:function(){}, inserted:functio
vue.js
构造器
自定义
原创
前端阳光
2022-03-15 18:11:59
109阅读

学习vue源码（7）手写解析器(下)
8 纯文本内容元素的处理什么是纯文本内容元素呢？script、style和textarea这三种元素叫作纯文
html
html解析器
解析器
原创
前端阳光
2022-03-18 17:49:42
48阅读

手写 Vue3.0 源码 —— 搭建基础开发环境
搭建基础开发环境github: https://github.com/hefeng6500/build-your-own-vue3文档： https://hefeng6500.github.io/vue3.0-analysis/mini-vue3/base-env.html搭建 mini-vue3 基础开发环境全部按照 Vue-next 配置进行操作，删繁就简
Vue 3
原创
兰亭古墨
2021-07-12 09:52:09
475阅读

(精华)2020年7月19日 vue 手写vue底层源码
MYvue.js 主要作用监听属性变化class MYvue { constructor(options) { this.$options = options; this.$data = options.data; /
vue
数据
html
vue.js
原创
愚公搬代码
2020-07-19 09:03:45
112阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

手写 Promise 源码

android 手写 源码 手写代码软件

学习vue源码（15）手写$forceUpdate,vm.$destroy方法

前端进阶-手写Vue2.0源码（三）｜技术点评

《Java手写系列》-源码专题-手写SpringIoc

《Java手写系列》-源码专题-手写SpringAop

手写Vue-Cli

手写 vue-router

手写Vue-Router

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯