React中数据响应式原理 2.React框架在接收到用户状态改变通知后,会根据当前渲染树,结合最新的状态改变,通过Diff算法,计算出树中变化的部分,然后只更新变化的部分(DOM操作),从而避免整棵树重构,提高性能。状态变化后React框架并不会立即去计算并渲染DOM树的变化部分,相反,React会在DOM的基础上建立一个抽象层,即虚拟DOM树,对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同步到真实DOM中,而不是每次改变都去操作一下DOM。act 的响应式,是使用 diff 算法实现的。
VUE3快速上手(看这一篇就够了) 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交30+个RFC600+次PR99位贡献者什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
VUE3常见面试题总结(看这一篇就够了) 1、以函数形式抽离一些可复用的方法像钩子一样挂着,随时可以引入和调用,实现高内聚低耦合的目标;2、将可复用功能抽离为外部JS文件3、函数名/文件名以use开头,形如:useXX4、引用时将响应式变量或者方法显式解构暴露出来如:const {nameRef,Fn} = useXX()(在setup函数解构出自定义hooks的变量和方法)10.1、Vue3自定义Hooks和Vue2时代Mixin的关系:Mixin不足 在 Vue 2 中,mixin 是将部分组件逻辑抽象成可重用块的主要工具。
node常见报错:throw new MongooseError(‘Mongoose.prototype.connect() no longer accepts a callback‘),(一步搞定) 目录1.当你运行nodemon之后控制台显示报错是因为你mongoose版本太高了 2.解决方法自降mongoose版本,降到7以下就可以了,安装6.8.0安装完毕之后,然后重新运行
配置阿里云服务器ECS&宝塔Linux系统,把数据库部署至服务器(看这一篇就够了) 把数据库部署到阿里云服务器,完成项目小组开发共享数据库数据,Mongodb,MySql,SqlServer,Redis,PgSql,数据库
react以及常见前端面试题(看这一篇就够了)持续更新中... 节流:n秒内只允许一次,如果在n秒内重复触发,只有一次生效防抖:n秒后在执行该事件,如果在n秒内被重复触发,则重新计时区别:1、函数防抖在一段连续操作结束以后,处理回调,利用clearTimeout和setTimeout实现;函数的节流,在一段连续操作中,每一段事件只执行一次,频率较高的事件中使用来提高性能2、函数防抖关注一定时间连续触发的时间,只在最后执行一次,而函数节流一段时间内只执行一次。
Js数组的一些方法 lastIndexOf():返回指定元素(也即有效的 JavaScript 值或变量)在数组中的最后一个的索引,如果 不存在则返回 -1。sort(callback):当的位置对数组的元素进行排序,可以根据传入值得返回结果实现升序或降序,并返回数组。findIndex(callback):返回数组中满足提供的测试函数的第一个元素的索引,没有返回-1。map(callback):返回一个数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。此方法不会更改现有数组,而是返回一个新数组。