web前端
文章平均质量分 65
格竹悟道
这个作者很懒,什么都没留下…
展开
-
js 复制粘贴板,当clipboardjs 不好使怎么办?
我一直觉得clipboardjs 这么常用的库应该不会有问题,应该是用法的问题,但因为本地的代理工具除了问题,无法抓包ios调试。经过几次调整尝试后仍然无法解决而且耽误较多的时间。于是转换思路,利用原生复制功能,双管齐下,但发现原生的navigator.clipboard 虽然是标准仍然有兼容性问题,安卓真机复制失败。我们这个复制按钮默认是隐藏的,用户操作之后才会出来,经过一番查询之后有文章指出,复制按钮初始化的时候元素必须存在,并且不能 "display:none"的方式隐藏。原创 2023-12-09 11:02:04 · 666 阅读 · 0 评论 -
ios系统元素悬浮滑动错乱,和ios页面无故刷新问题
ios 浏览器bug原创 2022-11-12 12:05:24 · 1262 阅读 · 0 评论 -
error in ./node_modules/@lit/reactive-element/decorators/state.jsModule parse failed: Unexpected
最近开发一个老项目,发现之前好好的项目现在运行起来报错了 ,各种切换npm 源和 node版本都不行,百度和谷歌都没找到相关信息,报错如下,看了下package.json里的版本号用的是^,意味着这个模块可以自动小版本升级。猜想应该是模块自动升级了,导致某些地方不兼容所以报错了,最后发现项目中配置了,babel解析,这个插件输入出的是es6代码,需要用bable编译一下。经过如下修改增加了新的解析路径,问题得到解决。发现是@lit这个模块下的文件报错,点开详情发现这里的是源文件,并不是es5语法。原创 2022-09-14 14:27:38 · 1232 阅读 · 0 评论 -
线上bug快速定位小技巧 - chrome实时调试线上js代码
一般情况下线上出现bug我们常用的定位方式就是启动本地开发环境,在本地调试,但是由于开发环境和线上的环境数据还是有差距,偶尔会遇到本地复现不了的情况。这个时候就比较棘手,我们可以在线上代码里debug打断点一步步看变量,一般的简单的bug用这种方式可以处理。但是想看看复杂的业务状态下的页面展示,就没法满足,比如我要看的一个状态是接口给的,但是线上环境又不能随便改状态,这时候心里想如果能在线上直接调试代码修改返回的状态就好了!现在他来,接下来介绍两种直接在线上调试方法。1.chrome tools谷歌原创 2021-08-03 10:46:33 · 1804 阅读 · 0 评论 -
vue源码之 nextTick原理
关于vue的nextTick方法我们都用过,也都知道nextTick是干什么用的,因为vue数据改变之后,dom改变不是立马生效的,我们如果需要在数据改变之后获取dom就必须在将代码放到nextTick回调中去执行,那这个nextTick到底底层是如何实现的呢?下面通过阅读源码来揭开它的神秘面纱,我们能在vue项目中的vue\src\core\util\env.js文件中找到nextTick的方法定义。代码简化如下//vue\src\core\util\env.jsexpo const nextTic原创 2021-06-13 17:37:40 · 160 阅读 · 0 评论