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