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

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

采用的是：

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

阅读更多

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

node mongodb

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

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

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

主要实现的功能如下：

后台管理系统

  • 网站用户管理
  • 网站菜单管理(包括pc和h5)
  • 内容管理(博客的创建、列表、编辑、删除)
  • 视频管理(视频的上传、编辑、删除)
  • 菜单管理(jq22功能网站)
  • 资源管理(jq22功能网站)(资源的上传、pdf文件书籍的上传、zip插件的上传)

    网站

  • 博客列表
  • 登陆入口
  • 热点文章
  • 静态资源链接汇总展示
  • 视频列表页
  • 前端资料库(类jq22)，资源的列表页、资源的功能演示页、资源的下载页

    手机端网站(vue)

  • 纯博客网站

    微信小程序

  • 纯博客微信小程序

阅读更多

mongodb windows 安装

node mongodb

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

MongoDB下载

阅读更多

vue3和vue2的区别整理

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进行修改.

阅读更多

关于我

人物

– 1991年出生，2013.08在北京从事前端至今。

工作历程

  • 2015.7-2016.3 北京万象娱通爱看儿童乐园网络科技股份有限公司
  • 2016.4-2017.11 北京红演圈网络科技有限公司
  • 2017.12-2019.3 东易日盛装饰网家科技有限公司
  • 2019.4-至今 威马智联科技（北京）有限公司

前端作品




威马官网




威马mobile官网




威马销售平台小程序




国家卫健委官网




卫健委mobile官网




东易日盛官网




东易日盛mobile官网




博客网站


能力

  • 熟练掌握语义化的 HTML 和具有兼容性的 CSS 模式，熟练手写符合 W3C 标准的结构和代码。
  • 有多年的VUE、react的实战开发经验，能快速的搭建前端架构并是项目落地。
  • 熟练掌握微信小程序、支付宝小程序、抖音小程序，并有相关的实战项目。
  • 对 可用性、可访问性、前端性能优化、最优实践 等有一定的了解和实践。
  • 熟练掌握 HTML5 和 CSS3。
  • 熟练掌握 postman、禅道、蓝狐、yapi、jenkins 等等前端开发和团队协作工具。
  • 熟练掌握 jQuery，实现日常需要的交互效果。
  • 对前端canvas，svg有一定了解。
  • 对node有一定的了解和使用
  • 喜欢接触新事物，有一定的自学能力。

联系