- 博客(20)
- 收藏
- 关注
RSS订阅原创 记Electron初体验的踩坑之旅
为什么要写electron的背景就是，在平常的业务中因为项目需要做国际化，所以经常需要反复跳来跳去来复制i18n的key，然后又要在几千行的json文件中去找这个key在哪个对象里面。请注意，上述步骤只是一个基本的示例，你可以根据自己的需求进行更多的配置和定制。因为此前没有任何Electron的基础，所以第一时间是找到了大名鼎鼎的GPT先生，我向它具体阐述了我的需求，它很快的给出了它的答案了。请注意，无论你选择哪种方法，都应该谨慎控制渲染进程对主进程资源的访问，并遵循安全性最佳实践，以防止潜在的安全漏洞。
2024-01-25 11:23:14
987
原创 外部容器的拖拽事件如何不触发内部组件的点击事件
这个问题困扰了我实在很多天，百度无果，问了ChatGpt和claude都无果，也问过copilot chat。一个都不能给出解决方案，最终想到了一个绝妙的方法解决了这个问题，希望是社区的第一个解决方案吧。主要是用一个变量来标识正处在拖拽状态，如果正在拖拽则将内部组件设置样式。插件作为容器，所以就基于此基础上来做讨论。（其他情况的实现思路也一样）
2023-06-06 12:55:12
516
原创 在Vue中子组件emit了多个参数，父组件需要如何接收这多个参数以及传入自己的参数呢
之前一直纠结在$event如何传入多个参数，结果脑子一懵没想到可以这样解决，这里给自己提个醒。如果是单参数，我常规的做法一般是。经常有这样的需要，可以这样做。
2023-06-02 17:17:30
906
原创 工作中遇到的神坑莫名其妙问题
这是出问题的代码删减版demo，我怎么看都觉得没问题，觉得关键就是dragover事件preventDefault就好，问了技术群、GPT、copilot都无果。实在奇了怪了，查了整个社区都没发现有人提出这个问题。结果经过一通尝试，才发现问题出现在。
2023-06-01 11:52:55
129
原创 有用的小函数：计算文本DOM渲染到页面的宽度、在Vue中获取客户端ip、el-input-number限制输入字符长度
本文用作个人备份，记录一些有用的小函数
2022-06-24 14:46:29
284
原创 uni-app中控制input输入框的输入
问题：很多时候我们都会想直接在input输入框中过滤掉不想要的输入，比如说限制输入框只能输入英文，那么当输入数字的时候，input的内容也不会读入数字。然而这个在普通的html中的做法就是监听input事件然后控制修改绑定值就行；而uniapp就是一个奇葩，他的输入框的内容就好像是单独的一个模块，并不严格绑定value，即输入框的内容可能与绑定的value不一致。解决方案：由官网得知：input 事件处理函数可以直接 return 一个字符串，将替换输入框的内容，仅微信小程序支持。因而可以通过这种
2021-11-21 10:31:33
7533
原创 Lottie 复杂动画的一种落地方案
Lottie1. Lottie 简介Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，设计师可以使用 Adobe After Effects 设计出漂亮的动画之后，使用 Lottie 提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式，就可以直接运用在 iOS、Android、Web 和 React Native之上，无需其他额外操作。2. Lottie 优缺点2.1 优点职责分离，由设计师设计动画，前端负责控制动画的播放；减少前端的工作量，手写一套
2021-11-08 18:01:11
2628
原创 将node-sass升级为dart-sass，踩坑实录
首先将node-sass卸载npm uninstall node-sass安装dart-sass这里已经是踩坑第一步了，实际上不能理所当然的觉得是 npm install dart-sass ，因为虽然dart-sass名确实为dart-sass，但也是sass官方最开始为了区分node-sass来作出的一个命名，而后node-sass就已经被完全弃用，因而dart-sass也被弃用，统一使用sass来作为dart-sass。因此，此步正确做法如下npm install sass -D在.
2021-10-13 15:54:38
6921
5
原创 ElementUI el-switch开关在消息框Messagebox确认后再作修改
业务场景有这么一个开关，在点击时不即时作出变化，而是弹出一个消息弹窗，进行Confirm后再决定是否改变其绑定的值。before:Clickcase “确定”:源码分析在组件点击时触发该事件，即若组件未disabled则执行handleChange方法再看到handleChange这个方法，首先是获取修改后的绑定值，然后向父组件emit input和change事件。as we all know，该组件是使用v-moel绑定checked的值的。回顾v-model在 Vue 2
2021-09-27 11:34:06
2184
原创 Vue实现拖拽拼图滑块验证
Vue实现拖拽拼图验证前言一、放置拼图1. HTML结构以及CSS2. 初始化相关数据二、拖拽逻辑总结前言本案例需要基于后端给出的接口：首先是获取拼图的接口，会提供前端一块大的拼图，也就是挖空拼图了的背景图；会提供前端一块小拼图，也就是拼图本体；然后是小拼图相对大图的y轴偏移值；第二个是验证接口，将x轴的偏移值传给后端来做验证；提示：以下是本篇文章正文内容，下面案例可供参考一、放置拼图1. HTML结构以及CSS因为后端给的拼图大小为55 × 45，大图大小为240 × 160，所以我
2020-12-21 11:37:19
1316
1
原创 uni-app H5端实现页面后退或页面跳转强制刷新
这里是实现的首页刷新跳转页面方法uni.navigateTo({ url: '/pages/index/index', success: function() { let pages = getCurrentPages(); // 当前页面栈 let index = pages[0]; // 首页 index.refresh(); },});被跳转页面的方法refresh(){ location.reload();}...
2020-12-09 16:49:31
3444
原创 使用Nuxt.js的asyncData服务端异步获取数据
前情 - 访问地址：http://localhost:3000/artical/articalDetail/fc4342ffb0884d609fe1cb39f1911a2f前情 - 目录结构：（名字有所出入，不过不影响）一开始的解法，觉得是路由路径的最后一项async asyncData({ route }) { let path = route.path.split("/"); let uuid = path[path.length - 1]; const { data: detail
2020-12-09 16:06:58
1125
原创 前端图片压缩 - H5&Uni-App图片压缩
前端图片压缩plusplus简介使用plus的坑canvasplusplus简介plus是HTML5+（HTML5 plus）的一个接口HTML5+是中国HTML5产业联盟的扩展规范，基于HTML5扩展了大量调用设备的能力，使得web语言可以想原生语言一样强大。使用plus的坑注意！ 以plus开头的方法都是属于HTML5+环境调用的方法。plus不能在浏览器环境下使用，它必须在手机APP上才能使用，因为它操控的是APP原生功能。另外！ 我们在使用HTML5+方法之前，必须监听HTML5+
2020-11-30 21:38:58
1320
7
原创 基于Vue.js的2048小游戏的设计与实现
基于Vue.js的2048小游戏的实现前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import nump
2020-10-14 21:05:40
2932
3
原创 如何查看Vue项目vue的版本号
如果是用vue-cli创建的项目，则找到项目根目录下的"package.json"文件如果是要查看vue-cli的版本号的话，则键盘Win+R，输入cmd，再在cmd里面输入vue -V
2020-10-07 11:26:22
11779
1
原创 JavaScript中防抖和节流的设计与实现
文章目录前言防抖节流前言这几天看过一些面试题，发现大多都包含问了防抖和节流的实现，因为也是菜鸟所以记录一下学习到的实现方法，帮助自己以及后来的小伙伴理解。防抖和节流用于在一些浏览器事件（如mouseover,scroll…）中不断调用其绑定方法，导致极大的资源浪费，所以用防抖和节流来对其调用加以限制。防抖防抖的作用是限制在一段时间内，仅对事件的最后一次或者第一次作出响应。例如我给窗口添加一个滚动事件。window.addEventListener("scroll", () => co
2020-10-02 16:21:08
265
1
原创 关于Eureka客户端（服务的提供者）无法注册上服务中心
首先确保pom文件正确引入了依赖<dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-eureka</artifactId></dependency>如果依赖引入正确，则检查客户端启动类有没有添加上@EnableEurekaClient注解整个客户端启动类的代码如下package
2020-08-10 13:25:32
669
原创 IDEA中的Mybatis逆向工程
IDEA中的Mybatis逆向工程添加mybatis逆向工程插件添加mybatis逆向工程的依赖我的整个pom.xml文件编写配置文件generator.propertiesgeneratorConfig.xml点击run 大功告成添加mybatis逆向工程插件<plugins> <!--mybatis 逆向工程插件--> <plugin> <groupId>org.mybatis.generator</groupId
2020-08-08 10:51:32
333
原创 Could not transfer artifact org.springframework.boot:spring-boot-starter-parent解决方案
Could not transfer artifact org.springframework.boot:spring-boot-starter-parent解决方案编辑maven的setting.xml文件删除没有下载好jar包的依赖文件夹假如编译出错编辑maven的setting.xml文件首先将本地仓库设置好，我这里的本地仓库是E:\Maven\repository写进xml文件是<localRepository>E:\Maven\repository</localR
2020-08-08 09:10:52
1960
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人