- 博客(11)
- 收藏
- 关注
RSS订阅原创 js如何监听iframe内的点击事件（注意是同源的情况）
在开发过程中，也许会遇到一些需要给iframe内的点击绑定事件的操作，例如页面中引入了一些平台广告（广告一般是iframe的形式引入到页面），在点击广告后需要做一些别的操作（埋点数据搜集向后台上报数据），但由于同源策略的影响，这个实现并非像添加监听器那么简单。本文将提供如何实现这个功能的一些思路。
2024-08-21 10:36:19
870
原创 vue3+vite实现静态站图片资源的压缩和格式转换（webp）
最近做了几个，图片资源是放在项目中打包出来的，而在通过google网站测试时在图片大小方面拉低了网站分数并建议使用更适合html5的webp格式，因此本文将介绍静态站如何压缩图片大小并改变图片格式为webp。
2024-08-02 14:08:54
675
原创 二、前端数据采集点击坐标怎么获取
本文代码需结合前文，前文阐述了前端实现数据采集sdk的一个简单思路，而最近我得到了一个新的需求：采集用户的点击坐标，后续生成热力图，那就这个需求，我也尝试提供一些实现思路，如果大佬们有更好的方法或者发现我的错误，望指导、指正。
2024-07-30 11:29:05
825
原创 一、前端简单埋点sdk的实现思路
最近老板需要在站点里获取一些用户操作数据来进行数据分析，从来没有接触过前端埋点的我也只能在网上学习学习来实现。本文会根据特定场景提供一个实现前端埋点sdk实现的思路，希望能够对观者提供一丁点帮助。
2024-07-25 15:30:12
583
1
原创 使用weather api以及vue3实现一个天气组件
之前使用国内的和风天气实现了一个天气组件，但是后来发现，对于海外地址，和风天气常常没有对应的天气信息，对国外用户来说并不友好，于是我开始寻找国外好用的天气api，终于发现了一个名字就叫weather api的产品[破涕为笑]。
2024-07-25 11:33:49
1025
原创 前端项目如何引入并使用没有symbolID的svg文件(vue3 + vite)
前端项目可能会使用到一些svg的图标来呈现高质量的页面效果，并且需要根据不同的状态或值进行动态的切换，如果svg文件的代码本身就没有指定id名，通过路径去引入可能会踩一些坑，因此记录一下引入svg文件的方式。这是成本最小的方法，适合快速开发，例如在vue3+vite的项目可以使用 vite-plugin-svg-icons 插件。2、配置插件在vite.config.js文件中配置插件：3、引入插件在main.js中引入注册文件：4、创建SvgIcon组件5、全局注册组件在main.js引入
2023-11-01 01:48:06
419
1
原创 vue3 + tailwindcss + 和风天气api 完成一个天气组件
菜鸡小前端终于找到新工作啦，对于我来说又是一个充满未知的新开始，不过现公司的规模注定好多事情不能像以前一样有前辈们帮我顶住了，所以我要加油努力提升自己💪！刚入职第一天就给了我一版设计稿，要我尽快把delay的进度赶上，感叹之前gap了那么久，都不知道从何下手了，于是乎，我决定先从设计稿里的天气组件入手。但是就这个组件，花了我两天研究才写出来，菜鸡哭泣😭，我会尽量详细地把踩的坑记录下来，希望不要再踩了！由于需要快速开发，我选择了vue3和tailwindcss来完成，项目代码最后会给链接。
2023-10-22 06:40:09
1244
2
原创 如何生成并配置多个ssh秘钥/添加 SSH Keys 报已存在怎么办？/MacOS多密钥配置
当我们参加不同项目时，所使用的代码管理平台可能各不相同（GitHub/Gitee/云效…），或者记不得某个代码管理平台曾经使用过的账号。而当你在项目中添加个人目前电脑上唯一的ssh密钥时，可能会出现==添加 SSH Keys 报已存在怎么办？==的错误，此时我们就可以对应各个平台生成多个ssh密钥来解决该问题。本文将以GitHub和云效为例，以MacOS系统，分别对其生成不同的ssh密钥分开使用来解决冲突问题。需要这一步是因为ssh默认去找的id_rsa秘钥，不会识别我们自定义生成的秘钥。
2023-10-19 03:21:18
2227
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人