遇到的问题&解决方法
置酒天晴
一个卑微的前端cv工程师
展开
-
js-截图某一个div,使它飞向某个区域并消失
前两天遇到个需求:交互显示XXXX(一个div)动画逐渐缩小,飞入右上角个人中心当时遇到这个需求的时候我是懵逼的。跟她说实现不了吧?太复杂了。但我刚跟她说完就又很气,就这点东西我都做不出来?主要还是懒呀。开发周期不是很长,以下就跟大家分享一下我的一个实现思路以及实现代码:实现思路 ___找轮子,可能是没有能发现闪光的眼睛,只找到了扳手 —— html2canvas。获取到需要添加飞入动画的div,以及个人中心(就一个div)的四维:距离顶部、距离左边、宽度、高度。解决css动画问题(这里采用依原创 2020-11-28 11:40:14 · 422 阅读 · 0 评论 -
javascript中onclick失效
在帮新人解决问题时无意间发现了这个问题,记录下来给大家分享一下。请问,下面代码存不存在错误? <div id="a" style="width: 200px;height: 300px;background: #00FF00;">单击变红色</div> <div id="b" style="width: 200px;height: 300px;background: blue;">双击变黄色</div> <script>原创 2020-10-20 20:50:00 · 4368 阅读 · 3 评论 -
解决 引element-plus依赖时的core-js报错
参考资料: https://blog.csdn.net/weixin_42164539/article/details/123388542。升级版本后要注意 vite-vite-plugin-style-import。参考页面楼主使用vant 所以使用的 VantResolve。element-版本降至2.3.4。原创 2023-12-05 22:35:45 · 517 阅读 · 0 评论 -
解决 vite 中 import.meta.globEager is not function 的问题
升级完成后解决完依赖发现控制台报错。vite版本降至4.3.0。原创 2023-12-05 22:19:50 · 2597 阅读 · 6 评论 -
js大文件切片上传
附件分段上传原创 2022-10-02 19:32:39 · 1542 阅读 · 0 评论 -
canvas画布出现宽高不正确问题的处理
在 canvas 参考的目标 dom 获取成功后重新定义一下 canvas 标签 width , height 即可。 $("#canvas").attr("width", $("#video-embed").width()); $("#canvas").attr("height", $("#video-embed").height());#video-embed 是与 canvas 同宽高的参照 dom...原创 2022-02-16 11:21:48 · 1654 阅读 · 0 评论 -
关于vue3使用particles粒子特效
不知道大家有没有被particles恶心过,反正这东西是教育了我一下午时间。起初我想直接用 vue-particles 这个插件去做,但我惊讶的发现,好像不顶用。vue-particles 内部用了 require 这个api,vue3已经全面启用了require,去拥抱 commonJSes6 了,改动了一个地方,其他地方也会出问题。这里最快的实现步骤:第一步:引入 particles.js :npm i particles.jsoryarn add particles.js第二步:原创 2021-06-12 20:25:31 · 3954 阅读 · 18 评论 -
npm install node-sass死活安装不上,最后终于搞定
在项目内添加一个 .npmrc 文件:phantomjs_cdnurl=http://cnpmjs.org/downloadssass_binary_site=https://npm.taobao.org/mirrors/node-sass/registry=https://registry.npm.taobao.org然后使用 npm install 安装 node-sass 和 phantomjs 时都能自动从淘宝源上下载,但是在使用npm publish的时候要把 registry 这一行给转载 2021-04-28 21:39:57 · 522 阅读 · 0 评论 -
给一串没有尖括号的html如何正确应对?
后台给了一串没有尖括号的html如何正确应对:我这里采用干涉dom的方式:原创 2020-12-29 11:02:36 · 207 阅读 · 0 评论 -
js-echarts 转 图片
项目遇到的问题,需要将echarts转换成图片传给后台。let echarts = this.$echarts.init(document.getElementById("echarts"));let pic=echarts.getDataURL({ type: 'png', pixelRatio:1, backgroundColor: '#fff'});后续更新echarts转换其他类型文件(我也不确定有没有,感觉上好像有,又懒得查有没有了)。如果有更漂亮的写法欢迎来原创 2020-12-14 15:29:33 · 2393 阅读 · 6 评论 -
node-sass 导入 失败的解决办法
yarn 或 npm 下载依赖时可能会在 node-sass 这里失败,在这时用cnpm install 再补一下就可以了。亲测有效。如果有更方便的写法欢迎来讨论,让我们一起有条不紊的持续进步。喜欢的话不妨点个小小的赞与关注,您的赞与关注将是我源源不断的前进动力...原创 2020-12-10 09:47:37 · 231 阅读 · 1 评论 -
uniapp-Cannot set property ‘render‘ of undefined与vant-weapp爱恨情仇 持续更新。。。
最近公司需要短期上一个小程序、App的demo去给客户看,这光荣而伟大的任务就这样落在了我的手上。第一时间想到的就是uniapp,总是听外面忽悠这东西一套代码多端运行,我就也想试一试。说干就干,用了两三天时间把页面怼完后在 微信开发者工具 上一路通畅,别提有多爽了。结果倒霉的事儿才刚刚开始……当我把功能页开发完毕并核实完后,我链接手机打算看一看效果。哦吼,白屏。我新买的小米10这么菜的?反复折腾了一下…原来是没放开 USB允许安装应用 的权限。我就开开继续,结果…还是白屏。我就怀疑是不是我代码有问题,又原创 2020-12-09 11:54:15 · 982 阅读 · 3 评论 -
web与Android和iOS的webview数据交互,兼容写法
web与Android和iOS的webview数据交互,兼容的写法数据交互实现参照(本方案以vue为例介绍):https://www.cnblogs.com/YKSlu/p/7522141.html首先通过以下方法确认登录设备为Android还是iOS,如果是iOS可进一步判断是否为iPad(由于有些iPad内核显示使用了macOS系统,所以这里用触点区分,如有更好的方案可替代) // iPad可能装载Mac OS export function isIPad() { var use原创 2020-10-19 22:54:00 · 2022 阅读 · 13 评论