- 博客(42)
- 收藏
- 关注
RSS订阅原创 前端也可以简单直接部署项目给大家推荐一个好用的网站
摘要：Sealos云服务注册地址为https://cloud.sealos.run/?uid=uQPl-yqjlT，直接浏览器打开即可注册。另附B站教学视频链接https://www.bilibili.com/video/BV1VC411x7Qp，该视频详细讲解Sealos使用方法，包含快速入门指南。（49字）
2025-12-25 16:12:44
27
原创 邪修使用AI做前端：给大家分享一下我平时用AI怎么快速的做前端
大家看到这种图大多数应该会先去打开echarts的官网先看案例有没有类似的获取，或者直接去看文档，我现在就会直接发给AI给他给我写哈哈哈哈。这样豆包就会直接帮我们写好，之后把option中的内容直接复制到咱们的代码的option中。大多数复制完成之后可能图会显得有点小或者特别的居中，不要慌这边我也是调试好了。就会是这个效果，如果有点差距的话可以再慢慢调整。就比如echarts图的。
2025-10-31 11:30:16
226
原创 在使用v-loading的时候值为false的情况下页面出现白色遮罩层的问题，但是应用还是可以透过遮罩层去点击
文章摘要： 在客户端部署时出现灰色遮罩层异常问题，尽管在data和created生命周期中已初始化为false并尝试调整z-index仍未解决。最终通过页面加载时主动将fullscreenLoading设为true，并在接口调用后添加300毫秒延迟设为false，成功解决问题。该方法避免了复杂的排查过程，有效适配了初始化时机差异。
2025-08-28 09:44:54
186
原创 window.electronAPI客户端打开方式
本文介绍了Electron应用中四种窗口操作方法：1)新建标签页，2)弹出新窗口，3)调用默认浏览器，4)启动其他客户端程序。对于第四种方法，提供了两种启动方式：通过显示名称或注册表可执行文件名，并详细说明了如何查找应用的可执行文件路径（通过任务管理器定位）。最后给出了调用示例代码，包含错误处理和结果判断逻辑。这些方法覆盖了Electron应用常见的窗口管理需求。
2025-08-26 11:31:31
276
原创 超好用的echarts的时候页面有多个图的话，只会自适应最后一个图的解决办法
/在每一个创建好的chart之后放到这个数组里面。// 在组件销毁时移除事件监听，避免内存泄漏。之后在最后一个echarts图中引入这应就可以了。// 销毁所有 ECharts 实例。
2025-05-07 09:36:12
171
原创 超级好用前端CSS单位！效率翻倍！在做h5页面或者小程序的时候vh，vw页面变多或者变少或者失效的问题：大型、小型和动态视口单元
在做h5页面或者小程序的时候vh，vw页面变多或者变少或者失效的问题：大型、小型和动态视口单元，为解决此问题，在 CSS 工作组指定了视口的各种状态。如svh,lvh,dvh
2025-04-15 11:06:09
433
原创 超详细微信小程序的获取其他小程序跳转到我的小程序的时候传参和接收，也可以在开发工具中模拟其他小程序跳转当前我们小程序的场景
微信小程序的获取其他小程序跳转到我的小程序的时候传参和接收，也可以在开发工具中模拟其他小程序跳转当前我们小程序的场景
2025-04-08 10:01:43
673
原创 前后端开发最近挺火的两个Ai编辑器
可以看B站视频链接：https://www.bilibili.com/video/BV1MR9kYyEZG/?免费白嫖教程1：https://www.bilibili.com/video/BV1yorUYWEGD?它都是基于VSCODE， Vim， Jetbrains， Emacs， Sublime， Atom更改的，下载完之后可以继承之前编辑器的所有配置。智能问答与代码自动补全： 支持通过自然语言描述需求，自动生成相应的代码，减少手动编写代码的时间。
2025-03-31 14:52:01
844
原创 webpack5大核心
3.loader（加载器）webpack本身只能处理js，json等资源，需要借助loader，webpack才能解析。5.mode（模式）主要由两种模式：开发者模式：development，生产模式：production。2.output（输出）指示webpack打包完的文件输出到哪里去，如何命名等。1.entry（入口）只是webpack从哪个文件开始打包。4.plugins（插件）扩展webpack的功能。
2024-09-04 10:14:30
302
原创 JAVA的基础数据类型和引用数据类型，变量格式
1.变量的理解：内存中的存储区域，该区域的数据可以在同一类型返回内不断变化。* 整型：byte \ short \ int \ long。* 3.Java中变量声明的格式：数据类型 变量名 = 变量值。* 2.变量的构成包含三个要素：数据类型，变量名，存储的值。* 注解(annoutation)* 4.Java中的变量按照数据类型来分类。* 接口(interface)* 记录(record)* 数组(array)* 类(class)
2024-08-07 10:20:30
156
原创 使用vue+若依实现上传图片，上传图片之后不会立即渲染
强制刷新dom，加在3的200之后吧，url给到form.字段之后。如果上传图片调用成功200，但是页面没有及时刷新的话可以加一个。
2024-08-06 11:26:13
528
1
原创 时间戳转换年月日遇到的问题
我在添加的时候选好的年月日并且转换成时间戳传给了后端，我在列表页面也获取到了，我给后端传的，但是我选的是2024年8月6号，但是转换好之后显示的是1。然后就找问题，是不是我的转换有问题一开始用的$dayjs不行就自己封装了个结果还是不可以，然后突然看到类型似乎不太一样就是这吧类型变成了数字类型就可以了。
2024-08-06 11:01:24
326
原创 【ttlock】通通锁原生插件用法
通通锁原生插件，方法callback固定为一个对象，内含和success的方法内根据不同的方法会返回不同的参数，具体参考下面的方法介绍fail的方法内固定返回参数e为一个error对象，对象内的属性为errorCode错误码errorMsg错误内容desc详细描述1.1改动：会在每个方法执行前校验蓝牙权限是否充足，权限不足则不会继续执行并提示或请求缺失的权限。
2024-08-01 10:26:40
2365
原创 在vue中使用imageConversion把图片压缩到指定大小并转换成base64类型
1.下载imageConversion。2.封装了个转base64的函数拿去用。3.页面使用的时候引入。
2024-08-01 09:36:32
390
原创 1.学习aotojs
关闭scrcpy命令:adb kill-server关闭服务。操作命令:scrcpy打开手机投屏。安装手机电脑链接软件scrcpy。
2024-05-21 16:34:05
198
原创 npm i后报错npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving:
npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: shopcar-demo@0.1.0npm ERR! Found: webpack@5.72.0npm ERR! node_modules/webpacknpm ERR! peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plug
2023-11-08 16:06:03
901
1
原创 在vue中页面加载进度条实现nprogress
下载npm i nprogress或者 pnpm i nprogress或者cnpm i nprogress等。如果想修改进度条的颜色可以在node_module下的nprogress下的nprogress.css。
2023-06-19 11:09:04
363
原创 git常用的命令，合并分支，版本回退，返回版本，版本管理
现在回退过去了怎末回来那，回来就要用到git reset --hard 版本号，那我们的版本号怎末获取那，就是到命令，git reflog上面会。回退的方法：git reset --hard HEAD^如果想回退两个的话就是git reset --hard HEAD^^以此类推。如果要回退100个版本得到话加^就太麻烦了乖乖，回退多个版本我们可以：git reset --hard HEAD~100。如果上面显示太多太乱的话git log --pretty=oneline。查看历史提交记录git log。
2023-06-08 08:55:27
1218
原创 vue3中使用echarts使用
第四步：在vue3中都是用的setup，在 APP.vue中一般这个文件内都是只放一个router-view的，和一些配置的全局的东西。第二步在src文件夹内新建一个utils文件夹，在文件夹内新建文件echarts.js。复制option中的代码把这些替换了就行了，只会的值通过数据修改就好啦。第三步：把建好的echarts.js文件引入main.js中。第五步：在需要的文件内。
2023-06-06 17:28:45
1836
3
原创 pinia的基础使用和理解
在index.js的内部，先引入import {defineStore} from 'pinia'getters:类似于组件的computed，用来封装计算属性转换的功能。actions：类似于组件的methods，封装业务逻辑，修改state。方式二：如果需要修改多个数据建议使用$patch 批量的更新。pinia的安装和配置:它的使用需要在main.js文件内。state:类似于数组的data用来存储数据的状态。调用他的方法pinia.changState()pinia的下载：npm i pinia。
2023-04-24 11:26:33
491
原创 路由器的两种模式和它们的区别
原理：hash通过监听哦那hashchange()事件查找对应的路由规则；history利用H5的新增的 pushState()和aceState()方法改变url。刷新：hash刷新会加载地址栏对应的页面，history刷新浏览器会重新发起请求，如果服务器匹。服务器支持：hash的变化不会对服务器发起请求，history刷新会重新向服务器发起请求，需要。外观上 ：hash的url上面有一个#，histort没有，外观上好看点。
2023-04-09 20:21:38
270
原创 https的加密
服务器把证书传输给浏览器，浏览器从证书里获取公钥就行了，证书就如身份证，证明“该公钥对应该网站”。因为http的内容是明文传输的，明文传输数据会经过‘代理服务器’，‘路由器’，‘wifi热点’，‘通信服务运行商’等多个物理节点，如果信息在传输的过程中被‘劫持’传输的内容就会完全暴露，劫持者还可以篡改传输的信息而不被双方察觉，这就是中间人攻击，所有需要加密。2.非对称加密：简单说就是有两把密钥，通常一把叫做公钥、一把叫私钥，用公钥加密的内容必须用私钥才能解开，同样，私钥加密的内容只有公钥能解开。
2023-04-07 13:38:49
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人