首页
学习
活动
专区
工具
TVP
发布

Vue技术实践

笔者目前是一枚初级前端工程师,仍在学习前端基础,本专栏专注分享Vue技术实践,不定期更新。
专栏作者
93
文章
148556
阅读量
18
订阅数
1. 分支切换与cleanup
本文内容: 分支切换与cleanup 嵌套的effect与effect栈 避免无限递归循环 调度执行 1. 分支切换与cleanup 1.1 分支切换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt
CherishTheYouth
2022-08-15
9130
Vue3响应式系统实现原理(二)
本文根据VueJs核心团队成员霍春阳《Vue.js设计与实现》第四章整理,推荐直接购买正版书籍系统学习本文主要内容:分支切换与cleanup嵌套的effect与effect栈避免无限递归循环调度执行1. 分支切换与cleanup1.1 分支切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta nam
CherishTheYouth
2022-08-11
6250
Vue3响应式系统实现原理(一)
当effect函数执行时,会设置body的文本内容。但是,除了effect函数之外的任何函数都可以读取或者设置body的文本内容。也就是说,effect函数的执行,会直接或间接影响其他函数的执行,这时,我们说effect函数产生了副作用。
CherishTheYouth
2022-06-28
6830
作用域插槽
Vue3使用插槽时的父子组件传值 用法见官方文档深入组件章节,插槽部分: 参考文档:插槽-作用域插槽-插槽prop 作用域插槽 有时让插槽内容能够访问子组件中才有的数据是很有用的。 需求:插槽内容能够访问子组件中才有的数据 实现 子组件 TodoList.vue <template> <div v-for="(todoItem, index) in state.todoList"> <slot :item="todoItem" :index="index"></slot> </div> <
CherishTheYouth
2022-05-13
1750
Vue3使用插槽时的父子组件传值
Vue3使用插槽时的父子组件传值 用法见官方文档深入组件章节,插槽部分: 参考文档:插槽-作用域插槽-插槽prop 作用域插槽 有时让插槽内容能够访问子组件中才有的数据是很有用的。 需求:插槽内容能够访问子组件中才有的数据 实现 子组件 TodoList.vue <template> <div v-for="(todoItem, index) in state.todoList"> <slot :item="todoItem" :index="index"></slot> </div> </
CherishTheYouth
2022-05-12
1.8K0
Vue.js 3.x 优化概览
Vue.js 从 1.x 到 2.0 版本,最大的升级就是引入了虚拟 DOM 的概念。
CherishTheYouth
2022-05-10
3.3K0
如何调试vue3源码?
想获取vue3的源码,需要直接从github上vue3的仓库获取,vue3github源码地址为:
CherishTheYouth
2022-02-19
1.9K0
你不得不看的81条JavaScript编码小技巧,吐血整理,建议收藏
对于不包含大逻辑的 if-else 条件,可以使用下面的快捷写法。我们可以简单地使用三元运算符来实现这种简化。
CherishTheYouth
2021-08-31
2K0
超详细的vue3使用pdfjs教程
在项目开发中碰到一个需求是在页面中展示pdf预览功能,本人的项目使用的是vue3,实现pdf预览使用的是pdf预览神器 pdfjs
CherishTheYouth
2021-08-11
12.3K1
Vue中的Class Component使用指南
需要注意的是,如果未定义初始值,则类属性将不会是相应式的,这意味着不会检测到属性的更改:
CherishTheYouth
2021-07-27
2.8K0
图解React生命周期方法
?
CherishTheYouth
2021-06-10
7210
Git实用技巧31招
本文适合作为一个速查手册使用,希望深入了解 git 的同学,请前往 Pro Git 中文版 下载 《Pro Git》手册进行学习 Cherish作为一名菜鸟程序员在刚刚接触git时,虽然仔细阅读了《Pro Git》的第一、二章,基本清楚了git的使用流程,然而在实际运用中,却因为记不住各种常用的git 命令而常常畏手畏脚,经常因为使用了错误的git命令而把工作搞得焦头烂额,因为不记得各种 git 命令,常常要在使用时临时翻看手册,在经历过一番煎熬后,我下定决心要对常用的 git 技巧进行一个简练概括
CherishTheYouth
2021-04-28
6840
Git实用技巧31招
任何因包含合并冲突而有待解决的文件,**都会以未合并状态标识出来**。 Git 会在有冲突的文件中加入标准的冲突解决标记,这样你可以打开这些包含冲突的文件然后手动解决冲突。
CherishTheYouth
2021-04-26
6650
Taro3小程序中使用eslint standard校验踩坑
在taro项目中,一般很少有集成其他eslint 格式校验规则的情况,如 standard / airbnb 等,但没准呢,对于所有项目都使用相同校验规则的团队来说,别人就是想集成自己喜欢的校验规则,就是不中意taro自带的校验规则。 如何在taro3中集成standard校验规则?这是我遇到的问题,记录下正确填坑方式。 在网上搜索了很多解决方法,大部分都是先装上 eslint-config-standard 依赖,然后再在 .eslintrc.js下 extends属性中配置 extends:['standard'],在经过一翻折腾之后,发现这种方式很不方便,不仅需要安装 eslint-config-standard 依赖,还要手动安装其他的一些杂七杂八的依赖,而且具体需要哪些依赖,你缺哪些依赖,哪些依赖版本应该怎么定,都会把人弄晕。
CherishTheYouth
2021-04-20
1.3K0
Vue 4.0及以上修改默认8080端口号
详细过程见:Vue 4.0及以上修改默认8080端口号 Vue4.0中修改默认端口号较之前几个版本有较大变化,修改方法如下:
CherishTheYouth
2021-03-05
8890
JavaScript面向对象程序设计之继承(一)
原型模式是JavaScript中创建对象的一种最常见的方式。JavaScript是一种弱类型的语言,没有类的概念,也不是一种面向对象的语言。但是,在JavaScript中,借助函数的原型(也就是prototype)可以实现类的功能。
CherishTheYouth
2021-02-02
3220
WebWorker如何使用?
Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。
CherishTheYouth
2020-12-18
2.8K0
DICOM医学影像文件格式解析
DICOM(DigitalImaging andCommunications inMedicine)是指医疗数字影像传输协定,是用于医学影像处理、储存、打印、传输的一组通用的标准协定。它包含了文件格式的定义以及网络通信协议。DICOM是以TCP/IP为基础的应用协定,并以TCP/IP联系各个系统。两个能接受DICOM格式的医疗仪器间,可通过DICOM格式的文件,来接收与交换影像及病人资料。
CherishTheYouth
2020-12-18
6.3K1
各大浏览器UserAgent总结(超全)
本文转载于:https://www.cnblogs.com/syfwhu/p/5711975.html,点击查看原文,感谢原文作者归纳总结。 ---- IE IE6 User-Agent:Mozilla/4.0 (Windows; MSIE 6.0; Windows NT 5.2) IE7 User-Agent:Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0) IE8 User-Agent:Mozilla/4.0 (compatible; MSIE
CherishTheYouth
2020-12-09
7.8K0
浏览器的userAgent归纳
User-Agent:Mozilla/4.0 (Windows; MSIE 6.0; Windows NT 5.2)
CherishTheYouth
2020-12-09
2.6K0
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
【玩转EdgeOne】征文进行中
限时免费体验,发文即有奖~
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档