codfishXY的博客

IconSvg-Icon创建一个专门放置图标 icon 的文件夹：src/icons添加SvgIcon组件到公共components目录下src/components/SvgIcon/index.vue<template> <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" /> <svg v

Virtual DOM 是一种编程概念，在更新state或props时，render 返回一颗虚拟dom树，而非直接修改真实domDiffing算法 用与对比两棵虚拟dom树，将旧dom更新为新dom，如果用传统的dfs算法转换需要O(n3)，而diff只需要O(n)目前 Virtual DOM 的主流 diff算法 基本一致，Vue整合了snabbdom库，React使用了reconcilationsnabbdom中是如何实现的？1. h函数 => 创建 VNodesnabbdom中

Mustache模版语法的实现mustache.js源码解析<script src="https://cdn.bootcdn.net/ajax/libs/mustache.js/4.2.0/mustache.js"></script>给定模版字符串和要插入的数据 const templateString = ` <div> <ol> {{#students}} <li&

1.关于 package.json 里区分的开发环境和生成环境https://segmentfault.com/q/1010000021487381总结：devDependencies有两个含义，一个含义是放在 package.json 中与模块的依赖 dependencies 做区分，表示是开发环境所需，实际上所有的开发依赖完全可以放在 dependencies 中；另一个含义则可能涉及到加载的优先级问题。webpack打包时会自动忽略掉开发需要的包，package.json 中区分 devDepen

1.虚拟DOM虚拟DOM本质是一个Object类型的对象//1.创建虚拟DOM，使用JSX语法，babel会翻译为原生jsconst VDOM = ( <h1 id="title"> <span>Hello, React</span> </h1>)//2.渲染虚拟DOM到页面ReactDOM.render(VDOM, document.getElementById("test"))jsx语法1.定义虚拟DOM时，文本字符串