- 博客(6)
- 收藏
- 关注
RSS订阅原创 表格中有两个单选按钮切换互不影响
项目场景：提示：这里简述项目相关背景：问题描述：提示：这里描述项目中遇到的问题：点击是否时互不影响，然后表格的每一行也互不影响。原因分析：了解element-ui中的单选按钮的机制，是跟否是一组，都是通过v-model来进行判断，然后就相当于是一个布尔值（true/false），然后通过循环中的每一项后台返回的标识符来判断选是或者否。解决方案： <el-table :data="tableData" border style="width: 100%"
2021-11-02 11:03:50
677
原创 为什么vue采用异步渲染
文章目录前言原理源码notifyupdatequeueWatcherflushSchedulerQueue前言如果不采用异步更新的话，在每次更新数据都会对当前组件进行重新渲染，所以为了提高性能，vue会在本轮数据更新后，再去异步更新视图。vue是组件级更新，当组件里边的数据变了，它就会去更新这个组件，当数据更改一次，组件就会重新渲染一次，这样性能不高，为了防止数据一更新就更新组件，所以做了个异步更新渲染。（nextTick核心方法）原理当数据变化后会调用notify方法，将watcher进行遍历，
2021-08-14 21:48:47
418
原创 vue 响应式原理解读
文章目录前言整体过程vue实例化对象的具体过程：在这个过程中具体讲解：Object.definePropertyObserver【响应式】Dep【依赖管理】那么什么是依赖？如何收集依赖Watcher【中介】总结前言最近在学习vue源码，在网上看到很多大神的博客，看起来感觉还是很吃力的，所以自己也记录一下加深理解，俗话说：“好记性，不如烂笔头”。整体过程vue实例化对象的具体过程：新创建一个实例后，Vue调用compile将el转换成vnode。调用initState, 创建props, d
2021-08-11 16:25:45
211
原创 手写 call、apply、bind
手写 call、apply、bind文章目录手写 call、apply、bind前言call的实现apply的实现bind的实现总结前言call、apply、bind 都是为了改变函数运行时上下文(this指向)而存在的。call的实现Function.prototype.myCall=function(context,...args){ if(typeof this!=='function'){ throw new Error(`'It's must be a func
2021-08-09 15:59:46
76
原创 手写实现数组的方法
手写实现数组的方法文章目录手写实现数组的方法someeveryfiltermapreducesome 该方法用于检测数组中的元素是否满足指定条件 ，只要有一个满足就返回true,否则false.不会改变原数组。let data=[1,2,3];Array.prototype.mySome=function(fn){ // fn=item => {return item > 2} if(typeof fn!='function'){ throw new Type
2021-08-03 16:32:57
238
原创 防抖和节流
text欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增
2021-08-01 12:26:04
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人