- 博客(100)
- 收藏
- 关注
RSS订阅
原创 vue3+ts+vite项目中使用vite-plugin-pwa搭建 PWA 项目，以及如何处理pwa安装图标的显示隐藏
vue3+ts+vite项目中使用vite-plugin-pwa搭建 PWA 项目，以及如何处理pwa安装图标的显示隐藏。它也像一个特定平台的应用程序一样，可以安装在设备上，可以离线和在后台运行，并且可以与设备和其他已安装的应用程序集成。从 v0.16 开始vite-plugin-pwa需要Node 16 或以上：workbox v7需要Node 16 或以上。是一个使用 web 平台技术构建的应用程序，但它提供的用户体验就像一个特定平台的应用程序。
2024-07-17 13:39:26
1479
2
原创 前端vue使用XXTEA进行对称加解密。同时对比rsa算法和xxtea算法的优缺点。
前端vue使用XXTEA.js进行对称加解密。同时对比rsa算法和xxtea算法的优缺点。
2023-03-15 15:40:57
1302
原创 你应该优化的JavaScript代码，以及前端工程师日常使用的小技巧。使之更加简洁，可读性更强，更易维护。
你应该优化的JavaScript代码，以及前端工程师日常使用的小技巧。使之更加简洁，可读性更强，更易维护。 字符串的自动匹配（includes的优化）,三目运算符使用，解构赋值，使用可选的链接运算符（?.），将参数作为对象传递，用对象代替switch/case，if/else选择结构，判断一个变量是否为null、undefined、0、false、NaN、""，等到多个Promise完成，for-of 使用
2023-03-06 11:48:42
1234
原创 vue3使用Pinia进行全局状态管理，Pinia安装和使用，Pinia 和 Vuex的对比
vue3全局状态的管理工具Pinia的安装、使用和问题集锦，Pinia对比vuex的优缺点。Pinia中的state、getters、actions的使用。
2022-10-22 01:00:00
5902
12
原创 有关前端性能优化的方案—Vue 代码层面性能优化+Webpack 层面的优化+基础的 Web 技术优化+非框架代码优化
有关前端性能优化的方案—Vue 代码层面性能优化+Webpack 层面的优化+基础的 Web 技术优化+非框架代码优化
2022-07-29 11:52:28
3885
原创 vue3中通过自定义指令（实现拖拽drag功能）
利用vue3 自定义指令，实现拖拽drag功能。以及vue2.x和vue3.x的自定义指令的区别。vue3实现拖拽。
2022-04-12 18:40:30
10044
14
原创 前端接入facebook jsSDK，实现登录授权功能
前端网页接入facebook登录、登出功能；vue的facebook 部分功能实现逻辑
2022-02-24 17:43:09
7529
7
原创 vue3项目中使用 vue-i18n国际化插件，实现多语言效果
vue3项目中使用 vue-i18n国际化插件，实现多语言效果。vue项目如何使用i18n实现国家化多语言。vue3+ts+vite+i18n
2024-08-15 11:24:39
408
原创 Day05—Python函数和模块的使用
Python函数和模块的使用，自定义函数，函数的参数，位置参数，默认参数，可变位置参数，关键字参数，必需参数，用模块管理函数。
2024-08-15 10:44:48
923
原创 PWA的Web 应用清单manifest中的基本字段、建议字段、扩展字段、促销字段、功能字段。PWA如何设置启动画面
PWA的Web 应用清单manifest中的基本字段、建议字段、扩展字段、促销字段、功能字段。PWA如何设置启动画面
2024-08-12 11:45:49
1164
原创 PWA遇到的一些问题。PWA的`manifest`中`display`设置的显示模式区别；PWA设置display为fullscreen时安卓上的fixed消失隐藏；在ios系统下需要的兼容性设置；
PWA的`manifest`中`display`设置的显示模式区别；PWA设置display为fullscreen时安卓上的fixed消失隐藏；在ios系统下需要的兼容性设置；在`head`里给配置`meta`属性才能让`iOS`系统更加完善.
2024-08-12 10:57:03
431
原创 判断用户是否在pwa环境中打开运行？（已安装的 PWA 与未安装的 PWA 网站之间有什么区别？）以及pwa安装成功/失败的回调
判断用户是否在pwa环境中打开运行？（已安装的 PWA 与未安装的 PWA 网站之间有什么区别？）以及pwa安装成功/失败的回调
2024-08-05 17:19:49
710
原创 pwa在iframe下能否显示，以及在iframe下相关问题解析
pwa在iframe下能否显示，以及在iframe下相关问题解析，beforeinstallprompt的事件触发
2024-08-02 10:59:47
437
原创 后端返回二进制文件，js 下载为xls或xlsx文件
后端返回二进制文件，js 下载为xls或xlsx、csv文件。解决下载的文档打不开，无法打开文件的问题处理
2024-05-30 10:42:05
635
原创 vue3使用阿里oss上传资源（上传图片、视频、文件、pdf等等）,删除oss资源。获取STS token的接口
vue3使用阿里oss上传资源（上传图片、视频、文件、pdf等等）,删除oss资源。获取STS token的接口
2024-04-16 11:49:41
1378
原创 前端H5实现视频上传，并截取第一帧作为封面。解决微信内ios系统无法上传视频的问题，解决ios截取视频作为封面的问题。
前端H5实现视频上传，并截取第一帧作为封面。解决微信内ios系统无法上传视频的问题，解决ios截取视频作为封面的问题。使用vue3和vantUi。
2024-04-16 11:28:00
1004
原创 vue使用elementPlus ui框架，如何给Dialog 对话框添加Loading 自定义类名显示隐藏
vue使用elementPlus ui框架时，如何给Dialog 对话框添加Loading 自定义类名，想要实现dialog对话框区域有loading效果，其他区域没有。
2024-03-12 14:35:15
2011
原创 elementPlus使用 el-date-picker ，限制选择的开始日期和结束日期的差在7天范围内。
elementPlus使用 el-date-picker ，限制选择的开始日期和结束日期的差在7天范围内。选中第一个日期后（如：12月15日），第二个日期=第一个日期-7，或者第二个日期=第一个日期+7，即第二个日期选择范围如图：（前后7天可选） 2. 只能选择今天以及今天之前的日期。
2024-01-16 16:22:43
2738
原创 element-plus使用el-date-picker组件时，如何禁止用户选择当前时间之后的日时分秒
element-plus使用el-date-picker组件时，如何禁止用户选择当前时间之后的日时分秒。昨天，之前的日期的时分秒不受影响。
2023-11-16 14:25:36
1085
原创 vue3代码运行报错import { hasInjectionContext, inject, toRaw, watch, unref, markRaw, effectScope, ref,
vue3代码运行报错No matching export in "node_modules/.pnpm/vue-demi@0.14.6_vue@3.2.47/node_modules/vue-demi/lib/index.mjs" for import "hasInjectionContext" node_modules/.pnpm/pinia@2.1.7_typescript@5.0.4_vue@3.2.47/node_modules/pinia/dist/pinia.mjs:6:9:
2023-11-01 09:54:49
2905
原创 Vue3+ElementPlus el-date-picker时间选择器，设置最多选择60天区间内，必须选择大于今天
Vue3+ElementPlus el-date-picker时间选择器，设置最多选择60天区间内，必须选择大于今天的日期
2023-10-18 11:46:57
2274
原创 vue+element plus 使用table组件，清空用户的选择项
vue+element plus 使用table组件方法clearSelection，清空用户的选择项
2023-09-20 15:55:52
1109
原创 nodejs升级，导致项目报错FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context
nodejs升级后，代码运行报错。报错内容：at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reaso
2023-08-28 14:33:02
1262
原创 element-plus table组件，实现双击可编辑单元格，失去焦点，提交数据，支持下拉选择框选择。
vue3+element-plus在使用table组件时，实现双击可编辑单元格，单元格使用input，失去焦点或者回车后，提交table数据。同时支持下拉选择框选择。
2023-05-22 20:09:00
6154
2
原创 element-plus DateTimePicker 日期时间选择器禁止选择当日之前的日期
element-plus DateTimePicker 日期时间选择器禁止选择当日之前的日期。在`el-date-picker`使用`disabled-date`：禁止使用当前之前的时间。
2023-05-10 16:41:22
2383
原创 SntaxError: The requested module ‘/node_modules/.vite/deps/xlsx.js?v=3067d777‘ does not provide an e
SntaxError: The requested module '/node_modules/.vite/deps/xlsx.js?v=3067d777' does not provide an export named 'default' ，在vue3+vite的项目中，使用xlsx，安装使用后控制台报错
2023-04-17 14:50:01
3933
1
原创 vue3中使用script-setup时，通过ref获取子组件的属性和方法。以及父子组件如何通信的区别。
vue3中使用script-setup时，通过ref获取子组件的属性和方法。以及父子组件如何通信的区别。使用props，emit。
2023-04-17 11:38:25
1921
原创 vue3对于路由vue-router进行加载优化、打包优化（懒加载、分包）
vue3对于路由vue-router进行加载优化、打包优化（懒加载、分包），同时整个项目的性能优化。我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。
2023-03-03 14:30:49
2323
原创 webpack优化，使用terser-webpack-plugin插件，删除代码中所有的console语句
webpack优化，使用terser-webpack-plugin插件，删除代码中所有的console语句
2023-03-03 13:58:01
1168
原创 Fiddler在ios内的app中抓取https的解决方法
Fiddler在ios内的app中抓取https的解决方法，如何使用和配置，如何安装https证书。Fiddler在ios系统中抓包出现无网络情况，则是需要安装https证书。
2023-02-24 11:08:12
992
原创 使用vue3+vantUi3.x版本，van-list列表组件，控制台报错
在vue3.0+vantUi3.x版本中，使用List列表组件时，控制台报警告，导致页面崩溃。 [Vue warn]: Property undefined was accessed during render but is not defined on instance. [Vue warn]: Property "toString" was accessed during render but is not defined on instance. [Vue warn]: Prop
2023-02-21 17:48:31
769
原创 使用vueuse，基本Vue组合实用程序集，功能丰富，支持vue2,vue3
vueuse中文部分文档，点击元素外部进行操作onClickOutside，获取dom元素位置及大小信息：useElementBounding，监听窗口大小变化：useWindowSize，点击复制文字：useClipboard，去抖、防抖：useDebounceFn，节流：useThrottleFn
2023-02-10 11:32:15
2848
原创 当fixed遇到ios浏览器，页面进行滑动时，导致浏览器的地址栏消失，页面变长，没有遮住下面的内容
在真机下，当fixed遇到ios Saifa浏览器，页面进行下拉滑动时，会导致浏览器的底部的地址栏消失，页面变长，没有遮住下面的内容，导致下面层级的页面露出来。
2023-02-09 14:32:13
1236
1
原创 H5申请谷歌分析 google analytics，以及使用谷歌分析进行网站、应用的数据分析
申请谷歌分析 google analytics，以及使用谷歌分析进行H5网站、安卓应用、ios应用的数据分析功能
2023-01-17 11:46:45
688
原创 vue3 Error on Cannot read properties of null (reading ‘insertBefore‘)报错无法正常显示，解决办法。
vue3报错Cannot read properties of null (reading 'insertBefore')的生产环境解决办法
2023-01-12 11:40:29
7229
6
原创 如何用JS判断网页/H5在某个手机APP环境中打开的？
如何用JS判断网页/H5在某个手机APP环境中打开的？JS如何判断是否在微信浏览器打开，是否在QQ空间浏览器，是否在新浪微博打开，是否在支付宝打开，是否在xx应用程序内打开？
2023-01-11 10:07:08
2944
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人