计算属性计算属性的形式1234567891011121314151617// 计算属性有两种形式computed:{ // 1.函数 fullname(){ return this.fir...
浏览器打印html页面
原生JS实现打印浏览器自带window.print()可以拉起打印窗口，不过该窗口只能打印当前整个页面，如果想要打印指定元素，需要让元素充满页面。可以这样实现： 1234const originalContent = document...
vue源码手写实现（四）：观察者模式实现自动渲染
引言-观察者模式截止目前为止，基本的响应式和AST和render函数都能实现。不过目前只能通过手动调用_update(_render)来实现data数据改变后的重新渲染。vue中data数据被操作改变后，会自动重新渲染页面，本期我们采...
vue源码手写实现（三）：生成抽象语法树和render函数
获取模板目前已经能将data中的数据处理为响应式数据，接下来应该解析html代码的内容。 在vue的生命周期图示中，可以看到在created之后会判断是否有el选项，判断之后再判断是否有template选项。所以我们应当在init处...
闭包(Closure)
概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域。 简单理解： 闭包 = 内层函数 + 引用的外层函数变量 12345678function outer(){ const a = ...
vue源码手写实现（二）：实现基本的响应式
项目入口和初始化我们知道，Vue虽然复杂，但本质上仍旧是一个函数。所以第一步，我们先创建一个Vue函数。先在根目录下创建index.js，在里边创建Vue函数。 然后，我们需要获取到传递给Vue函数的参数，本质是一个对象，我们命名为o...
vue源码手写实现（一）：搭建开发环境
想要手写源代码，咋们需要一个打包环境，这里使用rollup打包工具。 初始化项目初始化npm 1npm init -y 下载rollup以及相关依赖 1npm i rollup rollup-plugin-babel @babel/...
react基础知识梳理
案例引入在原生html中引入react，使用script标签引入三个js文件：react.development.js、react-dom.development.js、babel.min.js在需要用到react的语法中，scipr...