花谢 - 博客园

[置顶] 常用的正则表达式

摘要： 1、var s1 = "get-element-by-id"; 给定这样一个连字符串，写一个function转换为驼峰命名法形式的字符串 getElementById var f = function(s) { return s.replace(/-\w/g, function(x) { retur 阅读全文

posted @ 2018-07-10 18:09 花谢阅读(245) 评论(0) 推荐(0)

vue2 vue.config.js 根据环境引入外部js文件到index.html内

摘要：最近接手个vue-cli创建的老项目需要引入外部js文件直接通过函数在index.html内加载会出现偶现页面内调用失败初始化晚于页面加载，因此改到vue.config.js内注入。代码如下引入 chainWebpack: (config) => { console.log(" "); co 阅读全文

posted @ 2023-02-08 10:11 花谢阅读(1101) 评论(0) 推荐(0)

前端性能优化前端预加载提前下载资源文件图片提升页面打开速度

摘要：项目使用vue3+tsconst progressNum = ref(0); // 下载进度 // 提前下载文件资源 const requestFun = (url: string, name: string) => { let xhr = new XMLHttpRequest(); xhr.ope 阅读全文

posted @ 2023-01-16 11:00 花谢阅读(231) 评论(0) 推荐(0)

移动端动画播放插件 lottie-player

摘要： Lottie 是一个适用于 Web 和 iOS 的移动库，它可以解析使用Bodymovin导出为JSON文本格式的Adobe After Effects动画，并在移动设备上以本机方式进行渲染。因此设计人员可以在任何平台上发布动画。 LottieFiles是一个与Lottie相关的平台，它提供了一系列阅读全文

posted @ 2022-12-26 10:05 花谢阅读(1123) 评论(0) 推荐(0)

移动端调试工具

摘要：移动端调试工具一般都用的VConsole 现在分享一个其他调试工具 eruda 个人感觉挺好用的 // 调试工具 https://cdn.jsdelivr.net/npm/eruda 除VConsole外另一个移动端调试工具使用如下：测试环境使用 if (window.location.host. 阅读全文

posted @ 2022-11-07 16:38 花谢阅读(188) 评论(0) 推荐(0)

固定div尺寸图片适应不变形处理样式

摘要： .div-image { width: 200px; height: 132px; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 16px; img { wi 阅读全文

posted @ 2022-10-26 09:42 花谢阅读(107) 评论(1) 推荐(0)

分享一个好用的前端引导页组件 -- Driver.js

摘要： demo地址: https://kamranahmed.info/driver.js/#single-element-no-popover github地址： https://github.com/kamranahmedse/driver.js 阅读全文

posted @ 2022-10-17 14:22 花谢阅读(49) 评论(0) 推荐(0)

判断某个js文件是否已存在

摘要： isScriptAlready(src: string) { const found = performance .getEntries() .filter((e) => e.entryType 'resource') .map((e) => e.name) .indexOf(src) !== -1 阅读全文

posted @ 2022-10-10 10:08 花谢阅读(359) 评论(0) 推荐(0)

vue3 自动引入文件注册全局组件

摘要： components/common 目录下放的是需要注册成全局组件添加index.ts文件（需要注册的文件放在这个目录下） main.ts 引入文件 import componentList from "@/components/common/index"; 自动注册全局组件完成阅读全文

posted @ 2022-08-16 15:35 花谢阅读(991) 评论(0) 推荐(0)

vue3 自动引入文件生成路由

摘要：列如： views/newDetail.vue 文件 views目录下新建index.ts 文件读取目录文件 router/index.ts 这样就完成根据文件自动生成对应的路由了！！阅读全文

posted @ 2022-08-16 15:27 花谢阅读(514) 评论(0) 推荐(0)

解决element-ui upload上传组件before-upload钩子上传校验格式文件大小失败后还调用上传接口显示上传成功

摘要： before-upload 上传文件之前的钩子，参数为上传的文件，若返回false或者返回 Promise 且被 reject，则停止上传。 before-upload 是异步函数返回false 依然会请求上传接口所以要返回Promise.reject() 停止上传上传前格式大小校验校验阅读全文

posted @ 2022-07-27 14:29 花谢阅读(3234) 评论(0) 推荐(0)

导航

2023年2月8日

2023年1月16日

2022年12月26日

2022年11月7日

2022年10月26日

2022年10月17日

2022年10月10日

2022年8月16日

2022年7月27日