简单实现模拟 vue 的数据响应

2023-07-28

主要实现的是修改对象里面的属性，从而使得页面中的显示改变。

采用的是：

Object.defineProperty 这个属性来监听对象属性的改变
window 设置一个变量，来记录当有属性改变的时候，将需要调用的函数记录一下
set 中，当数据属性修改的时候，for 循环来调用相关改变页面的的函数

项目-博客-插件库 (代码已开源)

2023-07-01

该博客是本人5年前写的，主要技术栈用的是node+mongodb+swig模板引擎+vue+boot+微信小程序，通过小程序的引流，网站的用户量达到3000+，插件上传俩量达到4000+ 个。

可以实现用户注册，用户登陆，私人博客文章展示，插件上传，插件功能的预览和下载，技术书籍的电子版，前端技术相关的视频学习等功能。

相关的代码和安装流程，可以查阅本人的github,代码已经开源，下载安装就可部署此网站和管理系统。

主要实现的功能如下：

后台管理系统

网站用户管理
网站菜单管理(包括pc和h5)
内容管理(博客的创建、列表、编辑、删除)
视频管理(视频的上传、编辑、删除)
菜单管理(jq22功能网站)
资源管理(jq22功能网站)(资源的上传、pdf文件书籍的上传、zip插件的上传)
网站
博客列表
登陆入口
热点文章
静态资源链接汇总展示
视频列表页
前端资料库(类jq22)，资源的列表页、资源的功能演示页、资源的下载页
手机端网站(vue)
纯博客网站
微信小程序
纯博客微信小程序

mongodb windows 安装

2023-06-30

MongoDB是一个基于分布式文件存储 [1] 的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。它支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是它支持的查询语言非常强大，其语法有点类似于面向对象的查询语言，几乎可以实现类似关系数据库单表查询的绝大部分功能，而且还支持对数据建立索引。

MongoDB下载

vue3和vue2的区别整理

2023-05-15

api及语法

双向绑定原理

Vue2使用Object.defineProperty 为每个属性创建getter和setter，通过getter和setter来捕获操作以实现响应式更新；很多情况下，属性的新增和删除拦截不到（比如数组的长度变化）
Vue3使用Proxy，Proxy可以拦截对象和数组的变化，包括新增和删除属性，数组的长度变化等，从而实现更精确的响应式更新

v2 使用object.defineProperty来劫持数据的setter和getter方法，对象改变需要借助api去深度监听;
v3 使用proxy来劫持整个对象，不需要深度监听，性能更好,删除了一些api($on,$once,$off) fiter等，优化了Block tree,solt,diff 算法等

Vue2在data中定义的数据就会自动遍历绑定Object.defineProperty以实现响应式；Vue3中要用ref包装，通过返回值的 .value属性获取响应式的值，修改也需要对 .value进行修改.