- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vue代码学习总结
1.Vue响应性原理getter&setter Vue利用了JavaScript中的一个Object.defineProperty()函数实现的响应式，这个函数接受三个参数，对象，对象的键，以及要修改键对应的值的函数集(?).利用这个函数我们可以重定义对象每一个属性的getter和setter函数。令它们在每次值改变的时候可以发出通知并改变所有引用了它的地方。依赖跟踪 单单使用getter&setter只能再对象数据层面达到响应式，当我们更新了数据...
2021-12-23 17:02:12
521
原创 Vue代码学习笔记06
vue-routervue-router是Vue框架的另一个强大工具。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。哈希路由单页应用路由，我们有一些url，想把他们映射到组件。即使组件和这些url有一一对应的关系，并能够实现跳转。<div id="app"> <component :is="url"></component> <a @click="routeTo('#foo')" href="#foo">foo&l
2021-12-08 10:33:16
521
原创 Vue代码学习笔记5
状态管理在以前，前端没有状态管理的概念。人们试图把MVC这个概念引入到前端中，把状态叫做模型。在很多场景下，这是一中很好的抽象。但是主要问题是我们缺乏一种以声明的方式将模型与渲染结合。在Vue等前端框架中，优势是状态已经透明到链接的Vue中，当然这也有问题，因为它太容易将状态传播到任何地方，并在任何地方进行修改。随着项目规模的增大，跟踪储存状态的位置立即改变状态的位置会变得越来越困难。总体而言，很多问题实际上是查明问题的来源并且没有适当的模式让你管理和状态有关的代码。这会导致你的应用变得越来越不
2021-12-06 07:58:40
201
原创 Webpack5学习笔记01
webpack是什么webpack是一种前端资源构建工具，一个静态的模块打包器（module bundler）。在webpack看来，前端的所有资源文件（js/json/css/img/less）都会作为模块处理。五个核心概念 Entry 入口：提示webpack以哪一个文件为入口起点打包，分析构建内部依赖图。 Output 输出：提示webpack打包后的资源bundles输出到哪里去，以及如何命名 Loader Load...
2021-12-05 20:40:06
178
原创 Vue代码学习笔记（4）
高阶组件简单来说，就是一个封装了一个或多个具体功能的组件，它与外界的联系只有简单的props，这样可以保证这个组件与其他组件的耦合度最低，可复用性强，并且不容易污染其他组件。高阶函数和Mixins高阶函数不会污染外部函数，可以在其他组件中被复用。如果确定组件只用在这个项目中，他只处理非常具体的任务，那么使用mixin也是可以的。由于高阶函数与其他组件耦合度低，也使得它更好的进行测试，可以分别测试增强组件和内部组件，相反，使用Mixin时，你只能测试一个组件。然而，有时候Mixin比高阶函
2021-10-28 20:07:18
67
原创 Vue代码学习笔记（3）
Render Function渲染函数是组成完整的响应性渲染系统的另外一半，Vue的template实际上是通过渲染函数渲染出来的。在Vue上下文中，当我们第一次渲染一个Vue应用时，会将template放到渲染函数进行编译。Render函数实际上是一个返回虚拟DOM的函数，然后Vue基于虚拟DOM生成真实DOM。在后续的产生虚拟DOM的过程本质上是调用渲染函数，因为渲染函数和所有的data属性有依赖关系，在Vue中，这些data属性是具有响应性的，所有这些data属性会帮助这个组件的渲染函数收
2021-10-24 22:56:57
2065
原创 Vue源码学习笔记（2）
编写一个简单插件Vue中有一个强大的功能就是提供插件的使用:Vue.use(Plugin)通过简单的use命令就可以调用各种各样的插件，极大方便了我们的日常开发。那么如何编写一个插件呢？插件（Plugin）本质上就是一个函数，它接受一个参数是Vue构造器，另一个参数是可选的选项对象options。另一个需要了解的技术是Vue.mixin:Vue.mixin(options)mixins本质上是一段可重复利用的代码段，Vue.mixin(options)是一个全局的api，所以
2021-10-23 22:39:37
83
原创 Vue源码学习笔记（1）
Vue响应式原理从原理上来讲vue是利用了Object的defineProperty的属性，它把我们放进去的data中每一个属性都设置了getter和setter，这样当data的属性值更新后，我们就会收到通知，并可以通知那些需要更新的地方去进行更新。getter&&setter简单实现//检查是否为对象 function isObject (obj){ return typeof obj === 'object' &&
2021-10-22 17:24:26
99
原创 前端同时上传文件和对象数据的一个解决方案
问题背景：参与了学校大佬的一个开源项目，基于Apache Pulsar的Function Stream。具体内容看这里。我在项目中负责某几个接口的对接，其中有一个接口接受一个文件和一个对象，由于后端是基于Apache Pulsar开发的，接口是其他人做的，修改接口不太现实，只好从前端入手了。 首先在postman上尝试，能够正常上传。跑去看了看上传成功的数据格式。 网上的说法有1.把对象直接append进data里。2.是把对象序列化后append进d...
2021-09-10 08:15:22
1409
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人