- 博客(13)
- 收藏
- 关注
原创 vue路由、目录动态生成和分层管理
大批量,层级较多,结构较复杂,极有可能包含重复名称或重复路径的路由时,不方便手动设置、实现起来容易出错。即使用插件解决了批量引入的问题,面对众多的层级和名称,手动写入每层路由的name和path是不现实的,还有meta等参数需要分层管理。
2022-05-20 15:55:54
1573
原创 vue3 router导航守卫动态设置全局/局部meta,不用vue-meta
最近整合了几个之前做的vue微型前端项目,整合以后发现需要全局修改meta,顺便根据不同路由设定一下title和keywords之类的头部信息。搜索网上的解决方案,大部分解决方案是对vue2的,使用vue-meta插件。vue3之后,对应的vue-meta版本默认是alpha版,可能会出现问题,需要强制修改版本号。想换个方法处理,于是想到在导航守卫中,可以对document头部信息进行动态修改和设置。主要思路:在router/index.j...
2022-05-03 16:34:22
6107
8
原创 决定要重要的事情之前,先恢复积极的精神状态
人生中总要面临各种各样的挑战,有的人每天都要做许多决定,一些决定是很有分量的,影响的不止是个人本身。人的精神状态也会影响决定,做程序的人常常会有这样的感慨:“疲劳的时候写的都是bug”,其实疲劳的时候即使没有写bug,也不见得能够绕得开一些本可以避免的重复劳动。
2022-05-02 14:22:21
194
1
原创 JavaScript遍历无规律嵌套的多层object,返回带“索引”的map并实现对子属性快速定位
目录前提举个例子思路代码前提在JavaScript中遍历一个长度和深度都不确定的多层嵌套object,是一件难受的事情object不能像数组一样用foreach for in、for of(不推荐)、Object.key()和Object.entries().,一次循环只能遍历单层对象,想要遍历多层嵌套的对象,比想象中复杂得多关于object的多层遍历,网上搜到了许多答案,有递归、有循环然后用try catch排错递归法逻辑比较...
2022-04-28 04:49:46
3528
3
原创 解决“疑难问题”不仅需要专心仔细,相信“答案是存在的”更重要
探索之路,例如研究一个算法,一种实现方式,或是遇到了困难需要解决,需要专心,但信心更重要。 “静得下心”对于编程很重要。何谓静得下心?刚开始,想到的是专心——尤其是问题足够复杂的时候,已掌握知识不够用,官方文档又看不明白,平台上搜到的办法虽多,同时干扰项也很多。更何况令人分心的事情不可胜数,需要专心。 因为是前端开发,就拿vue来举例子,vue的脚手架整合了一些已有的css框架还有webpack的基本功能,前几天想让vue自动import全局函数,这本来...
2022-04-26 02:57:13
1319
7
原创 vue3cli5.0.4sass+sass-loader实现scss全局变量引入
前端开发的过程中,有时会遇到许多的页面要用一整套配色方案的场景,若是每个选择器都具体写一遍数据太麻烦了,这时就需要在style里使用全局变量。在cli5.0.4搭建的vue项目中,需要借助sass和sass-loader插件。
2022-04-24 16:58:59
4930
2
原创 通过vue3cli5.0.4自带的webpack ProvidePlugin实现全局自定义函数-并且在实例和js文件中优雅地复用
vue3 cli 5.0.4前端项目中,有时需要将同一个自定义函数在不同场景反复调用。比如:一个格式化数据用的自定义函数,在多个vue页面中被使用,在router中间件里边也被使用,如何让自定义函数一次编写,到处复用?
2022-04-24 16:08:23
4770
原创 用Gitee Pages服务在线预览vue3前端项目:静态网站+多级路由+history模式(踩坑)
vue打包成静态网站在gitee上预览,遇到的坑,以及解决这些坑的方法
2022-04-14 23:15:05
3391
9
原创 web版“节奏猜猜看“小工具-Web Workers+requestAnimationFrame+transition
web版“节奏猜猜看”,可以通过电脑或手机的浏览器训练节奏,还可以充当简易节拍器(目前只支持4/4拍)
2022-04-09 17:24:26
1314
4
原创 requestAnimationFrame运动框架实现播放中连续变速动画效果
上篇专题已介绍requestAnimationFrame运动框架的基本概念和特性,这次要进一步对运动框架的用途进行挖掘。比如,能连续响应速度变化的前端动画效果。说道制作前端动效,很容易想到keyframes关键帧,尤其是循环播放,流畅又简洁。为何不用关键帧来完成该效果呢?的确,关键帧动画可以在播放同时调整速度,通过JavaScript调整速度属性style.animationDuration的值来改变快慢。实际应用的时候问题出现了,本以为keyframes关键帧会随着animationDuratio
2022-04-04 20:37:54
2188
8
原创 requestAnimationFrame运动框架基本概念+运动框架应用于web页面的抗阻塞均匀计数器
前端计时器是经常用到的知识点,基于JavaScript单线程的特性,setInterval计数器在阻塞干扰下间隔会变得不均匀,虽然已经有现成的解决方法,通常是将阻塞延迟的时间在下一个计时周期中调整过来,但并不能治本,所以才推荐用requestAnimationFrame运动框架做计数器,达到在阻塞干扰的情况下依然均匀运作的效果。
2022-03-29 00:31:26
1989
13
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人