• 技术大会
  • 极客时间
  • 极客时间训练营
  • 团队学习
  • 高端会员
  • App 下载
  • 研究报告
  • 案例研习社
logo
  • 首页
  • 直播
  • 专题
  • 电子书
  • 话题
  • 免费视频
  • 技术博客
  • 热点资讯

 写点什么

创作场景


  • 记录自己日常工作的实践、心得
  • 发表对生活和职场的感悟
  • 针对感兴趣的事件发表随笔或者杂谈
  • 从0到1详细介绍你掌握的一门语言、一个技术,或者一个兴趣、爱好
  • 或者,就直接把你的个人博客、公众号直接搬到这里
登录/注册
  • 架构
  • 前端
  • 编程语言
  • 云计算
  • AI
  • 开源
  • 技术管理
  • 运维
  • 区块链
  • 新基建
  • 云原生
  • 产品
  • 热点推荐
  • 大数据
用户头像

Brave

2018 年 12 月 13 日加入
还未添加个人签名
还未添加个人简介
 关注
  • 22

    发布数

  • 69

    关注者

  • 125

    关注了

  • 发布
  • 评论
  • 划线
  • 收藏
  • 关注
  • 全部分类 
【Vue2.x 源码学习】第二十一篇 - 依赖收集的过程分析
【Vue2.x 源码学习】第二十一篇 - 依赖收集的过程分析

用户头像
Brave

6 月 21 日

本篇,主要介绍了 Vue 依赖收集的过程分析;

【Vue2.x 源码学习】第二十篇 - 使用真实节点替换原始节点
【Vue2.x 源码学习】第二十篇 - 使用真实节点替换原始节点

用户头像
Brave

6 月 20 日

【Vue2.x 源码学习】第二十篇 - 使用真实节点替换原始节点;主要涉及以下几点:新老节点的更新方案;虚拟节点与真实节点映射;实现新老节点的替换;

【Vue2.x 源码学习】第十九篇 - 根据 vnode 创建真实节点
【Vue2.x 源码学习】第十九篇 - 根据 vnode 创建真实节点

用户头像
Brave

6 月 19 日

【Vue2.x 源码学习】第十九篇 - 根据 vnode 渲染真实节点;vnode 渲染真实节点的步骤;Vue 原型方法 _update 的扩展;patch 方法中的两个步骤:1,创建真实节点 2,替换掉老节点;createElm 实现:根据虚拟节点创建真实节点;

【Vue2.x 源码学习】第十八篇 - 根据 render 函数,生成 vnode
【Vue2.x 源码学习】第十八篇 - 根据 render 函数,生成 vnode

用户头像
Brave

6 月 18 日

【Vue2.x 源码学习】第十八篇 - 根据 render 函数,生成 vnode;封装 vm._render;_s,_v,_c 的实现;

【Vue2.x 源码学习】第十七篇 - 生成 render 函数 - 函数生成
【Vue2.x 源码学习】第十七篇 - 生成 render 函数 - 函数生成

用户头像
Brave

6 月 17 日

【Vue2.x 源码学习】第十七篇 - 生成 render 函数 - 函数生成;主要做了以下两件事:使用 with 对生成的 code 进行一次包装;将包装后的完整 code 字符串,通过 new Function 输出为 render 函数;

【Vue2.x 源码学习】第十六篇 - 生成 render 函数 - 代码拼接
【Vue2.x 源码学习】第十六篇 - 生成 render 函数 - 代码拼接

用户头像
Brave

6 月 16 日

【Vue2.x 源码学习】第十六篇 - 生成 render 函数;render 函数拼接 generate(ast);处理属性 genProps(ast.attrs);处理属性中的样式;递归深层处理儿子 genChildren;

【Vue2.x 源码学习】第十五篇 - 生成 ast 语法树 - 构造树形结构
【Vue2.x 源码学习】第十五篇 - 生成 ast 语法树 - 构造树形结构

用户头像
Brave

6 月 15 日

【Vue2.x 源码学习】第十五篇 - 生成 ast 语法树 - 构造树形结构;基于 html 特点,使用栈型数据结构记录父子关系;开始标签,结束标签及文本的处理方式;代码重构及 ast 语法树构建过程分析;

【Vue2.x 源码学习】第十四篇 - 生成 ast 语法树 - 模板解析
【Vue2.x 源码学习】第十四篇 - 生成 ast 语法树 - 模板解析

用户头像
Brave

6 月 14 日

【Vue2.x 源码学习】第十四篇 - 生成 ast 语法树 - 模板解析;使用正则对 html 模板进行解析和处理,匹配到模板中的标签和属性

【Vue2.x 源码学习】第十三篇 - 生成 ast 语法树 - 正则说明
【Vue2.x 源码学习】第十三篇 - 生成 ast 语法树 - 正则说明

用户头像
Brave

6 月 13 日

【Vue2.x 源码学习】第十三篇 - 生成 ast 语法树 - 正则说明;简要说明了 HTML 模板的解析方式;对模板解析相关正则说明和测试;

【Vue2.x 源码学习】第十二篇 - 生成 ast 语法树-流程说明
【Vue2.x 源码学习】第十二篇 - 生成 ast 语法树 - 流程说明

用户头像
Brave

6 月 12 日

【Vue2.x 源码学习】第十二篇 - 模板生成 ast 语法树;Vue 核心渲染流程回顾;三种模板写法及优先级;两种数据挂载方式;Vue 的原型方法 $mount;compileToFunction-parserHTML;

【Vue2.x 源码学习】第十一篇 - Vue的数据渲染流程
【Vue2.x 源码学习】第十一篇 - Vue 的数据渲染流程

用户头像
Brave

6 月 11 日

【Vue2.x 源码学习】第十一篇 - Vue 的数据渲染流程;主要介绍了 vue 数据渲染核心流程

【Vue2.x 源码学习】第十篇 - 数组数据变化的观测情况
【Vue2.x 源码学习】第十篇 - 数组数据变化的观测情况

用户头像
Brave

6 月 10 日

【Vue2.x 源码学习】第十篇 - 数组数据变化的观测情况;本篇主要介绍了数组数据变化的观测情况:实现了数组数据变化被劫持后,已重写原型方法的具体逻辑;数组各种数据变化时的观测情况分析;

个人成就
  • 发布了 22 篇内容

    共 56986字, 被阅读 926次

  • 获得了 2 次赞同

    获得了 0次喜欢, 获得了 2 次收藏

  • 参与了 4 次互动

    互动包含发布评论、点赞评论、参与投票等

TA 关注的
频道
  • 质量保证
  • 数据可视化
  • 面试
  • APM
  • 小程序
  • ThoughtWorks
  • 中台
  • Git
  • Docker
  • 重构
  • ···
标签
  • 前端
  • logo

    促进软件开发及相关领域知识与创新的传播

    活动大本营
    • 更多精彩活动持续更新
  • InfoQ
    关于我们
    我要投稿
    合作伙伴
    加入我们
    关注我们
  • 联系我们
    内容投稿:editors@geekbang.com
    业务合作:hezuo@geekbang.com
    反馈投诉:feedback@geekbang.com
    加入我们:zhaopin@geekbang.com
    联系电话:010-64738142
    地址:北京市朝阳区叶青大厦北园
  • InfoQ 近期会议
    会议图片全球架构师峰会 04月25-26日
    会议图片全球软件开发大会 05月29-31日
    会议图片全球大前端技术大会 06月25-26日
    会议图片全球架构师峰会 07月9-10日
  • 全球 InfoQ
    会议图片InfoQ En
    会议图片InfoQ Jp
    会议图片InfoQ Fr
    会议图片InfoQ Br
Copyright © 2021, Geekbang Technology Ltd. All rights reserved. 极客邦控股(北京)有限公司 | 京 ICP 备 16027448 号 - 5京公网安备京公网安备 11010502039052号

快手2020年春晚活动基础组件演进

快手2020年春晚活动基础组件演进

Brave