2023年1月17日
摘要: 前言 qiankun框架实现效果类似于我们之前所使用的iframe,之所以现在放弃使用iframe是因为有url不同步,刷新页面iframe url状态丢失,后退前进按钮无法使用等等的问题,因此我们选择了更方便实用的qiankun。 用法: 创建主基站 1. 自己创建一个文件夹,里面写index.h 阅读全文
posted @ 2023-01-17 18:49 Tom最好的朋友是Jerry 阅读(1124) 评论(0) 推荐(0)
  2022年12月12日
摘要: 前言 整理的git流程,基本上工作都能满足。 平时拉代码 git clone 项目地址 创建分支 git branch 分支名 git push origin 分支名 查看分支&分支切换 git branch -a //查看其他分支 git fetch //如果远程分支中有 master 分支,则执 阅读全文
posted @ 2022-12-12 15:06 Tom最好的朋友是Jerry 阅读(83) 评论(0) 推荐(0)
  2022年12月9日
摘要: 前言 偶然间看到有人咨询怎么做随机生成的文字,在背景图随机排列的思路,然后我刚好也忙完了,于是就简单的做了一个dom,给需要的人参考下。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=" 阅读全文
posted @ 2022-12-09 14:18 Tom最好的朋友是Jerry 阅读(244) 评论(0) 推荐(0)
  2022年11月24日
摘要: 前言: 前端开发经常会不同环境进行测试和开发等,如dev和uat的环境数据有差异,或者代码有略微不同,都会导致前端开发在调试不同环境的Bug时可能需要访问不同域名,此时我们可以通过配置webpack.config文件和系统的system的hosts文件进行映射。 第一步 在项目代码 build 目录 阅读全文
posted @ 2022-11-24 10:10 Tom最好的朋友是Jerry 阅读(378) 评论(0) 推荐(0)
  2022年11月7日
摘要: 前言 在使用Ant Design Vue的upload文件上传功能的时候,我们为了规范前端代码,所以会封装接口请求到对应的ts或js文件并引用,这个时候我们会更多的使用自定义文件上传的功能,像Ant Vue的customRequest通过覆盖默认的上传行为,可以自定义自己的上传实现。但是自定义上传的 阅读全文
posted @ 2022-11-07 11:19 Tom最好的朋友是Jerry 阅读(6809) 评论(0) 推荐(0)
  2022年11月3日
摘要: 前言 公司要求写搜索框专门搜索页面上的sql语句,可以自定义搜索框的行为和样式,所以我在实现之后就把基本的思路分享一下。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com 阅读全文
posted @ 2022-11-03 09:58 Tom最好的朋友是Jerry 阅读(72) 评论(0) 推荐(0)
  2022年10月25日
摘要: 前言 我们在vue2的时候在MVVM模式下开发,有时遇到数据层级嵌套过深等原因导致数据未更新,常用的方法都是this.$forceUpdate()或者Vue.set()去更新视图层,但是在vue3+TS的开发环境下无法用vue2的解决方法处理。 解决方法一: import { getCurrentI 阅读全文
posted @ 2022-10-25 15:12 Tom最好的朋友是Jerry 阅读(5557) 评论(0) 推荐(0)
  2022年10月8日
摘要: 前言 今天安装Nuxt.js真是莫名其妙,一直不成功,先是配置了环境路径,结果还是一直报错,而且用 yarn create nuxt-app 下载,但是安装依赖包到最后一个的时候死活下载不成功,经过多次尝试总算解决,所以记录下操作方式,好方便后续遇到相同问题的人可以解决。 第一步:如果用npx报错提 阅读全文
posted @ 2022-10-08 10:45 Tom最好的朋友是Jerry 阅读(3028) 评论(0) 推荐(0)
  2022年9月25日
摘要: 前言 像页面的按钮可能会被多次点击或者触发几秒内触发数十次的滚动事件,这种情况对前端的性能是非常不利的,尤其按钮会请求后端接口,这样对后端服务器的性能影响也非常大,因此这边提供一种思路浏览器短时间只能触发一次事件。 如果我们要按钮只能在5秒内点击一次,很多人第一反应就是设置定时器,但是定时器对浏览器 阅读全文
posted @ 2022-09-25 16:31 Tom最好的朋友是Jerry 阅读(125) 评论(0) 推荐(0)
  2022年6月29日
摘要: 引言 通常情况下我们都会安装到node_modules包里面,然后import引入即可,但是难免会有一些js包无法npm安装下载,而且由于更新频繁所以也不会放到npmjs平台。 方式一:直接在Vue的index.html里面引入,并设置为异步加载 <script type="text/javascr 阅读全文
posted @ 2022-06-29 22:40 Tom最好的朋友是Jerry 阅读(11127) 评论(0) 推荐(0)