- 博客(11)
- 收藏
- 关注
RSS订阅原创 记录遇到过的npm包的问题即可以使用patch-package解决问题的一些场景
patch-package确实给我们带来了极大的便利，因为平时使用的npm包也都是程序员们写的，总会有这个那个问题，或者没有达到预期效果，需要改源码的场景，以上就是我遇到过的需要patch-package解决的问题，当然还有很多其他的场景也可以用的到，比如antd的组件maxLength属性限制不符合预期问题，该问题已在后续版本修复了，这里就不具体展开了。
2024-02-27 18:14:24
1426
原创 记录patch-package修改npm包使用方法
patch-package确实给我们带来了极大的便利，因为平时使用的npm包也都是程序员们写的，总会有这个那个问题，或者没有达到预期效果，需要改源码的场景，下一篇文章我们就聊一下我遇到的需要用patch-package修改npm包的一些问题。
2024-02-27 16:17:30
488
原创 vue使用html2canvas + opacity透明覆盖，实现长按图片保存本地
在分享的时候，要实现长按保存图片到本地，图片还得是前端自己生成，且包括图片二维码和封面图片文字等。像下面这样的截图保存到本地。
2024-02-26 17:06:14
421
1
原创 解决html2canvas组件生成截图卡顿问题
h5端在开发的时候，难免有需要截图分享等功能，但是有时候又没有客户端app的支持，只能自己实现，而当下比较流行的元素截图也就是html2canvas和domtoimage。其中domtoimage存在致命的问题就是生成的截图会很模糊，如下图，左侧是domtoimage生成的，其原因大概是canvas中原像素因为没有与物理像素的统一导致其中原像素点与设备像素产生偏差，然后解决的方法网上一堆大概也就是修改node文件里的domtoimage包，使canvas适配设备宽高。
2024-02-05 10:22:15
975
4
原创 echart实现基金走势图十字坐标随手指滑动显示
/ 模拟十字轴的横轴// 获取点击位置的坐标// containPixel为true则点击位置在坐标轴内// 传入鼠标位置坐标进行转化// convertFromPixel返回[x, y],x对应鼠标点击处数据的下标,y对应鼠标点击处的数值if (!return;// 修改markLine的值// 重新setOption// 设置选中的内容} else {// 不在坐标轴内不展示markLine});});});// 设置选中的内容});
2023-10-26 15:50:32
1290
3
原创 webpack打包通过利用代码复制的插件，将静态内容注入到window，实现发布不同环境时，修改静态文件即可无需重复修改打包
项目在打包完发布的时候，往往有不同的环境，比如而这些环境又有不同的静态跳转地址，比如在测试环境我跳转到某个商城是要。这时候改了一个需求以后要根据不同的环境修改不同的地址，然后再重新打包，不仅繁琐，而且容易修改错误会和新加的需求代码混在一起。
2023-10-08 17:21:03
181
1
原创 记录使用vue+echarts简单封装基本的折线图，柱状图，饼状图组件
template>props: {yData: [],},]),},width: {},height: {},colors: {"#FF6801","#FFAE5F","#F9E619","#36A2DA","#3ACEF1","#F14CEC","#4CF1DD",]),},watch: {},// 深度观察监听deep: true},data() {return {},watch: {},// 深度观察监听},
2023-09-22 17:45:50
257
1
原创 微信小程序（以taro为例）引用cdn字体在安卓无效（调试模式可以看到报错）
于是让后端在服务器上将微信小程序的域名加上跨域白名单，https://servicewechat.com, 不同的服务器加白名单方式不同，这个以具体服务器为准。加上白名单后，安卓也能完美的展示字体文件了。
2023-09-18 16:45:22
547
原创 记录用react+css的clipPath及mask计算切割，得到圆环进度条
/ 计算笑脸位置return {// xy坐标x: 0,y: 0});// 当前进度的类型// 【0%~35%）-落差巨大、【35%~60%）-勉强维持、【60%~80%）-基本持平、【80%~100%】-舒适生活text: '落差巨大',});text: '落差巨大',text: '落差巨大',text: '勉强维持',text: '基本持平',} else {text: '舒适生活',initData();}, []);
2023-09-13 18:06:19
249
原创 记录react15版本升至16及以上步骤及遇到的问题
查看项目package.json中，"react"及"react-dom"两个包版本号然后在命令行中依次输入：npm install --save [email protected] install --save [email protected]现在都有react18了，为什么只升到17，问就是为了稳定，毕竟公司项目，领导能同意升级包已经不错了，还是要求稳定的。之后在命令行中依次删除 node_modules 包，重新npm安装：rm -rf node_modulesnpm install到这里就已经完成了升
2022-07-05 17:12:34
2079
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人