- 博客(39)
- 收藏
- 关注
原创 Next项目中添加CSS样式
刚接触Next,发现写单独的.css文件引入页面不生效,也不能像vue文件一样写style,网上关于Next的介绍又比较少,最后只能从Next官网找突破口。下面就介绍下在Next中添加CSS样式的几种方法。
2023-01-03 14:10:28
976
原创 前端装饰器
装饰器是对类、方法、属性的修饰,增加额外的行为。装饰器不侵入,所以对原先的内容不会破坏。装饰器可以理解成一种解决问题的通用思路,装饰器模式遇到程序之后诞生了多种多样的表现形式。
2022-11-16 15:22:03
780
原创 Yarn Workspack 使用指南
Yarn 从 1.0 版开始支持 Workspace (工作区)。Workspace 能更好的统一管理有多个项目的仓库,既可在每个项目下使用独立的 package.json 管理依赖,又可便利的享受一条 yarn 命令安装或者升级所有依赖等。更重要的是可以使多个项目共享同一个目录,提升开发效率和降低磁盘空间占用。一句话总结就是可以大大简化对多个项目的统一管理。
2022-11-08 11:06:45
739
原创 实现前端点击按钮自动复制剪贴板功能
浏览器允许 JavaScript 脚本读写剪贴板,自动复制或粘贴内容。一般来说,脚本不应该改动用户的剪贴板,以免不符合用户的预期。但是,有些时候这样做确实能够带来方便,比如"一键复制"功能,用户点击一下按钮,指定的内容就自动进入剪贴板。
2022-10-25 16:10:40
3691
原创 前端无痛刷新Token
当token过期的时候,刷新token,前端需要做到无感刷新token,即刷token时要做到用户无感知,避免频繁登录。 实现思路
2022-10-21 10:28:01
738
原创 ref、toRef、和toRefs傻傻分不清楚
我们知道ref可以用于创建一个响应式数据,而toRef也可以创建一个响应式数据,那他们之间有什么区别呢?
2022-10-17 10:30:58
2081
原创 不一样的数组去重
数组去重是道非常高频的面试题,大部分都是对数组中的数字进行去重操作,相信大家都轻车熟路了。但如果数组中每个元素都是对象,该怎样实现去重操作呢?
2022-10-14 17:53:34
120
原创 关于Element中的日期选择器
在熟悉的项目代码的过程中,发现了一个无用的三目运算符,这是我当时认为的。后来才发现是我自己浅了浅了。下面把代码给大家截出来,大家看看。
2022-10-13 13:29:53
591
原创 重排与重绘(回流)
----简单来说:重排负责元素的几何属性更新 ,而重绘负责元素的样式更新。重排一定会引起重绘,重绘不一定引起重排。 重排概述:当 DOM 的变化引起了元素的几何属性发生变化,比如改变了元素的宽高,元素的位置等,导致浏览器不得不重新计算元素的几何属性,并重新构建渲染树,这个过程称为 **"重排"**,也叫**"回流"**。 重绘概述: 完成重排后,要将重新构建的渲染树渲染到屏幕上,这个过程就是**"重绘"**。---- 会引起重排和重绘的一些操作:浏览器在处理重排时,会递归处理DOM节点,所
2021-11-18 19:29:13
439
翻译 Vue兄弟组件间利用bus传值
1、在main.js中new一个Vue对象,并挂载到Vue原型上面,即$bus2、在需要传值的地方,利用this.bus.bus.bus.emit()方法发送需要传递的值,第一个参数就是一个唯一标识(key),第二个参数就是要传递的数据(不限类型)(value)3、在接收数据的组件中,在mounted中编写接收方法,即使用this.bus.bus.bus.on方法。第一个参数就是唯一标识(key)需要和发送数据的地方的key一样,第二个参数就是一个回调函数,res就是传递过来的值,通过res就能拿到
2021-05-16 14:44:28
670
1
字节面试算法题总结大全
2023-06-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人