- 博客(9)
- 收藏
- 关注
RSS订阅原创 前端npm包补丁技术
在前端开发中，无论是哪个框架又会存在一个问题，一个插件或者组件库暂时无法满足你的需求，又或者是这个插件或者组件库有比较明显的bug，这时候就需要用到我们的补丁技术，原理：在原有包的基础上，添加一个新的补丁文件，在执行npm install的时候，这个补丁文件会覆盖掉插件原有的文件，即：把修改部分的代码，覆盖在插件源码的相应位置。这样就完成了对第三方库的补丁修改技术。2.2 在node_modules中，找到你需要修改的包，直接修改他的源代码，修改完成之后，终端执行命令行。
2024-09-04 09:41:55
324
原创 vue项目实现，m3u8流媒体播放
由于项目中视频文件数量多，使用原始的mp4格式耗费资源，所以采用媒体转换技术来查看媒体资源，普通的video播放并不适用m3u8以及其他格式的流媒体，本文实现如何在vue项目中实现播放流媒体的技术。原本是想采用Hls.js第三方库来手动写一下代码，但是查到了使用Hls.js封装的更好看的第三方插件vue3-video-play，我直接就是拿来主义！这个插件本身的包，存在一些引入问题，所以在页面中会直接报错，我们需要在。包下面找到vue3-video-play这个文件夹，点击。
2024-08-06 19:15:17
1018
原创 前端双token校验，以及处理过程
通过以上步骤，我们实现了一个双Token验证的流程。该流程包括和的管理、请求拦截和响应处理，以及错误处理和提示。这样的配置能够有效提升应用的安全性和用户体验。
2024-08-06 18:33:00
456
原创 前端AES加解密crypto-js，接口加密请求
到此处，便实现了加密操作了，因为项目中只需几个接口的加解密操作，所以我的解密都放在了业务组件当中去了，逻辑就是请求到了加密的数据res.data，就导入decrypt方法去包裹decrypt(res.data)进行解密，就能正常拿到解密后的数据了！在你的请求拦截器中去应用这个函数，因为我们的约束中，只有几个接口是需要加解密的并不是所有接口都走加解密，所以区别针对接口进行加密操作。在各自的request文件中，也就是请求拦截器中使用这个加密工具。下载完成之后在utils工具类创建js文件，如下。
2024-08-02 18:37:06
279
原创 vue2使用递归算法，禁用el-cascader第二级菜单选项
3.创建getTreeList方法，递归禁选二级菜单菜单，防止三级菜单的出现，此处的navigate参数为上图拷贝this.menus而来，一般后端传来的数据会有判断是否为层级的标志性参数，可以根据这个参数来做限制，没有就跟后端打一架赢了让他加[滑稽]，4.如果判断到此菜单为二级菜单，则给这个item设上disabled=true，这样就实现了二级菜单的禁用，后续的子菜单都可以使用递归方法实现禁用。5.最后一步，递归处理过后的菜单要重新赋给原先的菜单（我这里是因为源数据绑的是menus）
2024-01-29 11:03:45
458
原创 Module build failed: Type Error: this.getOptions is not a functio（Vue框架使用webpack打包css，less遇到的错误）
使用Vue框架学习开发时遇到的打包问题。
2022-12-17 17:56:20
595
1
仿网易云音乐网站.zip（纯HTML+CSS布局）
2023-07-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人