Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >树酱的前端知识体系构建(上)

树酱的前端知识体系构建(上)

作者头像
树酱
发布于 2020-10-15 06:47:21
发布于 2020-10-15 06:47:21
4970
举报
文章被收录于专栏:前端那些趣事前端那些趣事

❝ 前沿:先预祝掘金升级成功... 树酱君是个渣渣,梳理了下发现还是蛮多知识点不够扎实,童鞋有机会也定期给自己做个复盘和回顾,梳理自己的知识体系。再加上前端娱乐圈变化多端,以至于我们既要加强对底层基础知识的巩固,查漏补缺,也要保持对新事物探索的好奇心。那树酱我是如何构建自己的知识体系呢?(特别算法是硬伤啊)⏰ 该本章为上下两章,本次分享是上章 ❞

1.Vue 知识体系

1.1 基础原理

1.1.1 Vnode

❝ Vnode也称虚拟node节点,是对真实元素的抽象。诞生的背景是因为前端在很长一段时间通过直接操作Dom来达到修改视图,随着项目庞大,维护就变成一个问题。那换个角度想如果把真实Dom树抽象成为一棵以JS语法构建的抽象,然后通过修改抽象树的结构来转换成真实的Dom来重新渲染到视图。 ❞

  • 如何生成虚拟节点?:createElement()深入实践学习的,可阅读树酱之前写的 从0到1开发动态表单
  • Vnode如何检测变化并更新视图呢? diff算法
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
树酱的前端知识体系构建(下)
前沿:这周慢更了,但树酱还是来了,上周分享了他关于前端的知识体系构建上篇传送门,主要包括Vue、Node、前端工程化模块、性能优化等四大模块,这篇主要跟你聊聊关于安全、设计模式、微前端等方面的知识体系构建 1 安全 前端安全问题有哪些呢?比如发生在生浏览器、单页面应用中的,常见的前端安全攻击有:XSS(跨站脚本攻击)、CSRF(跨站请求伪造)、站点劫持等。正因为这些漏洞的存在,我们才需要根据不同的安全问题制定安全策略应对措施 1.1 XSS 1.1.1 关于XSS XSS 全称叫 Cross
树酱
2020/10/15
4080
知识体系解决迷茫的你
最近在星球里群里都有小伙伴说道自己对未来的路比较迷茫,一旦闲下来就不知道自己改干啥,今天我这篇文章就是让你觉得一天给你 25 个小时你都不够用,觉得睡觉都是浪费时间。
桃翁
2018/08/02
8570
知识体系解决迷茫的你
浅谈如何搭建知识体系
作者:wisehuang 在电影《教父》中,有一句台词:“在一秒钟内看到本质的人和花半辈子也看不清一件事本质的人,自然是不一样的命运。” 为什么你只能看见的是豹子身上的花斑?为什么看到本质的人和他人的命运会不同呢? 这是因为他人的知识水平比你更加全面,更加深刻。知识的全面性能让你的选择面更广,每多掌握一门知识,就多一种未来。其次它能够让你的主动权更强,本领域的专精能让你更早接触新的知识领域,获得先发优势。以一道有趣的题目为例: 有一只熊掉到一个陷阱里,陷阱深 19.617 米,下落时间正好
腾讯技术工程官方号
2020/09/15
1.3K0
针对WEB前端新人的前端知识体系
image.png 现在谈到WEB前端的技术结构、知识体系,都会搞出一个非常大、枝叶非常多且细的相当宏大的思维导图,就像这种的 这种大而全的图示对新人来讲,太大了,不好掌握,而且容易在其中迷失。我想
web前端教室
2018/02/06
8980
针对WEB前端新人的前端知识体系
产品思维-解读个人知识体系的构建和学习
产品思维系列文章目录 第一章:解读个人知识体系的构建和学习 第二章:用输出倒逼输入(费曼技巧的实际应用) 第三章:数据化自我管理:六边形战士的修炼 后续完善补充
破晓之翼
2022/12/02
4480
web前端知识体系大全,教你如何学习前端!
大约在几个月之前,让我看完了《webkit技术内幕》这本书的时候,突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html、css、js)的认识——做web前端需要的比这三大块要多得多。
一墨编程学习
2018/09/14
6750
web前端知识体系大全,教你如何学习前端!
程序员如何把【知识体系化】
以上只是简单的罗列一下MySQL中核心知识点,如果你对MySQL掌握不错,或许复习起来就很快。反之,每一个都是硬骨头,随便抓几个就够喝一壶了。
田维常
2023/11/20
1530
程序员如何把【知识体系化】
vue的生命周期函数-1小时构建Vue3知识体系03
Hello,大家好!我是方才,前面我们已经掌握了vue的响应式,成功让“数据动了起来”,在实际的工程项目中,数据一般是由接口提供的,前端可以专注于页面的渲染和用户交互。
方才编程_公众号同名
2024/11/14
1060
vue的生命周期函数-1小时构建Vue3知识体系03
面试被吊打,是因为你的知识体系零乱!值得收藏的全方面覆盖Android知识结构总结
2017年初Android市场饱和的传言一度甚嚣尘上。2018年经济寒潮,2020年疫情打压下,众多大厂和曾经风口上的互联网企业也不得不裁员自保,通过小程序、前端渲染以达到原生的实现。
Android技术干货分享
2020/12/28
7610
面试被吊打,是因为你的知识体系零乱!值得收藏的全方面覆盖Android知识结构总结
前端学习知识体系
原文题目是《一名合格前端工程师的自检清单》,我目前的水平离前端工程师还很遥远,所以更愿意把这篇文章当作是对知识体系或者学习路线的总结。同时也是对自己的一个警醒,做好长期学习的准备。
Chor
2019/11/07
1.9K0
WEB前端知识体系精简
Web前端技术由html、css和 javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍。目的是帮助大家审查自己的知识结构是否完善,如有遗漏或不正确的地方,希望共勉。
Java帮帮
2018/12/29
1.2K0
一篇文章搞懂前端学习方法与构建知识体系
在大前端的成长路上,很多的同学都非常的迷茫,看到一座座越来越高的山。慢慢在工作中也对自己的职业发展也特别迷茫。有些粉丝也私信我问过我一些职业发展的问题,还有“我应该学习什么技术?”,“学习到什么层级才是个头”。
三钻
2020/10/29
3530
一篇文章搞懂前端学习方法与构建知识体系
前端知识体系整理(不断更新)
var x = {}; var y = []; var z = null; typeof x; // "object" typeof y; // "object" typeof z; // "object"
一个会写诗的程序员
2018/08/17
1.6K0
【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
归子莫
2022/01/19
7210
【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签
超详细的Web 前端知识体系,等你来挑战!
作为苦逼的IT行业,没日没夜的加班,妹纸也少的可怜,就算在一个班办公室或者一个部门,可能也只有一个妹纸,但估计也轮不到你来上,只能眼巴巴的放着光。可是程序猿一直以老实、踏实、多金等美名著称。只要你学的
老九君
2018/03/06
1.2K0
超详细的Web 前端知识体系,等你来挑战!
前端知识体系(一)语义化标签及布局断点妙用
后面,打算讲在之前沉淀的一些前端知识体系相关的文章陆陆续续整理一下,在html和css中,有一些不是常常被提及,但是又非常有用的一些知识,这里面非常值得一说要数语义化标签和布局断点了。
老码小张
2023/11/28
3720
前端知识体系(一)语义化标签及布局断点妙用
【重构前端知识体系之HTML】2022,你还会来看HTML吗?带你重温亦或走进!
写些篇文章的时候,自己思考了几个问题。但最终还是下定决心写,写文是为技术,技术传递的过程却不止呼技术。
归子莫
2022/01/15
2720
【重构前端知识体系之HTML】2022,你还会来看HTML吗?带你重温亦或走进!
【从刷面试题到构建知识体系】Java底层-synchronized锁-1
在技术论坛中,经常看到一种言论:面试造火箭,干活拧螺丝。我们平时写的大部分代码的确是CRDU,再提一个层次,也无非就是揉进去复杂一些的业务逻辑,把一堆的CRDU组合起来。
小端
2019/10/16
3360
【从刷面试题到构建知识体系】Java底层-synchronized锁-1
前端劝退之前端知识体系(看完会要命系列)
虽然马上就要金九银十了,面试的人应该不少,虽然我也有在面,写文的目的主要是梳理下知识,能对复习有点帮助就行,本文主要针对前端知识体系相关,涉及的内容有:
winty
2021/10/11
9700
前端劝退之前端知识体系(看完会要命系列)
构建知识体系(2):如何构建
构建原则:要做到系统化、流程化、可视化三点。 构建方法:这也是从道、法、术、器、势的角度去全面解决问题。 “道”:确定目标方向 “法”: 制定规则 “术”:方法路径 “势”:执行力 “器”:工具
黄规速
2022/04/14
8450
构建知识体系(2):如何构建
推荐阅读
相关推荐
树酱的前端知识体系构建(下)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文