原创文章
文章平均质量分 62
格竹悟道
这个作者很懒,什么都没留下…
展开
-
js 复制粘贴板,当clipboardjs 不好使怎么办?
我一直觉得clipboardjs 这么常用的库应该不会有问题,应该是用法的问题,但因为本地的代理工具除了问题,无法抓包ios调试。经过几次调整尝试后仍然无法解决而且耽误较多的时间。于是转换思路,利用原生复制功能,双管齐下,但发现原生的navigator.clipboard 虽然是标准仍然有兼容性问题,安卓真机复制失败。我们这个复制按钮默认是隐藏的,用户操作之后才会出来,经过一番查询之后有文章指出,复制按钮初始化的时候元素必须存在,并且不能 "display:none"的方式隐藏。原创 2023-12-09 11:02:04 · 809 阅读 · 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 · 1294 阅读 · 0 评论 -
vue组件递归,A-A 递归和A-B递归
在我们平常的开发中组件递归很常见,一般情况下递归有两种类型,一种是自递归如:A->A->A,另一种是相互递归如:A->B->A。对于A->A单个组件自递归的情况,vue推荐使用name来解决,用法非常简单。// component A<template> <div> <componentA/> </div></template><script>export de原创 2021-09-18 12:27:16 · 467 阅读 · 0 评论 -
前端性能优化总结
前端性能优化,从一道经典面试题展开"从输入 URL 到页面加载完成,发生了什么?" ,从一个页面的呈现时间轴来整理一下性能优化的方向这里只整理大概的方向,不列细节 页面加载过程 详细描述 性能优化的点 具体操作 1.DNS 解析 1.查找本地DNS,如果没有再请求DNS服务器 2.解析成IP地址,访问对应IIP 1.DNS缓存 .原创 2021-05-13 13:50:25 · 95 阅读 · 0 评论 -
火狐浏览器跨域请求头 origin 丢失问题
前两天遇到一个bug,在火狐浏览器中图片上传阿里云图片服务失败,谷歌上传正常,开来打开控制台发现,在火狐中报接口跨域了我们采用的是 服务端设置 access-control-allow-origin:xxx 来处理跨域 ,但是经过排查发现接口响应头上的 access-control-allow-origin 不是当前的host ,而是默认值 b经过和服务端沟通得知他们设置 access-control-allow-origin 的逻辑是取的请求头里的origin字段没取到就设置默认值,默认请求头的o原创 2021-02-04 17:11:27 · 3913 阅读 · 2 评论 -
vue dist中问什么有那么多版本?runtime是什么?
初看源码看到vue 源码中dist文件下有很多个版本的vue的时候,我们可能会一头雾水,为什么会有这么多版本?他们都是干啥的有什么区别?|-dist |-- vue.js |-- vue.common.js |-- vue.esm.js |-- vue.runtime.js |-- vue.runtime.common.js |-- vue.runtime.esm.js |-- vue.min.js |-- vue.runtime.min.j原创 2021-01-29 11:04:59 · 1081 阅读 · 0 评论 -
前端模块化( CommonJS、AMD、CMD、UMD、ES Module) 详解
1.CommonJSCommonJS是2009年社区提出的最早的模块标准Node.js采用的是CommonJS标准的一部分,并在此基础上做了一些变化。申明方式 modele.exports.name = 'hello word'; module.exports.sayHello = function() { console.log('Hello '); };exports 是与外界联系的桥梁不可以直接复制,以下为错误方式 module.exports = {原创 2021-01-29 11:01:30 · 739 阅读 · 0 评论 -
nuxt生命周期
nuxt官方虽然有给出图,但是比较笼统,不够详细,现在通过官方的图,配合自己的理解画出一下流程图,供还没弄明白的同学参考。配合项目输出图示...原创 2019-07-02 17:33:54 · 13745 阅读 · 7 评论 -
vue 组件之scope 属性,组件如何给slot组件传数据?
一个组件如何给当做插槽的组件传参?平时我们使用查槽都是这么用的。插槽的直接接受页面的数据。常规用法<template> <div> <father-compoent> <!--指定将子组件放到父组件中的name=list的slot标签的位置--> <child-component s...原创 2019-04-01 18:57:43 · 4799 阅读 · 0 评论 -
ios中微信内iframe页面,长按图片不出识别二维码功能
2.ios中微信内iframe页面,长按图片不出识别二维码功能解决办法:用 postMessage处理两个页面的跨域问题:https://www.cnblogs.com/roam/p/7520433.html在长按iframe中的二维码图片时,在父级页面生成一个二维码盖在上面。iframe页面 $('#erweima').on('touchstart',function(){ ...原创 2019-04-01 18:45:00 · 6340 阅读 · 0 评论 -
scoped 和 deep的用法深究
前言我们都知道在组件中给style标签添加scoped属性可以避免组件内样式对外界造成污染,scoped使得组件内的样式变成局域样式,只作用于当前组件。这个是怎么做到的呢?原理在编译组件的时候,如果当前组件内style标签上有scoped属性,那么会在当前所有标签上添加一个【data-v-hash】属性,而当前样式表内的所有末尾选择器后面也会加上该属性,那么久使得当前组件内的样式只会作用于当...原创 2018-12-12 19:12:08 · 4762 阅读 · 0 评论 -
vue组件老虎机抽奖
最近过活动要做个老虎机效果,发现网上找的几乎都是以前的jq写的,找了一个后看了看代码,感觉写了的比较麻烦,然后自己写了一个简单的。主要是用css3来实现转动加速减速的效果。应为需要获取设置元素高度等问题,为了方便引入了jq,如果不依赖jq可吧用jq的地方改成原生js。```<template> <div> <div class="box"> <...原创 2018-06-19 20:15:37 · 3429 阅读 · 2 评论 -
ios下iframe内的加载更多为什么失效了?
最近做一个页面遇到ios下拉加载的功能失效的问题。查看页面后发现该页面是用iframe引的一个wap页,由于手机上不好测试,在经过n次alert后排查了原因。1.ios页面下拉的时候iframe的scroll事件未触发。 被iframe的子页面中,下拉加载是用scroll写的判断是否下拉到底部scrollTop>=$(document).height()-$(window).heig原创 2016-06-08 11:07:29 · 4053 阅读 · 0 评论 -
关于JQ对checkbox的click事件触发的一个坑
今天插件里的遇到一个坑困扰我很久,写了一个键盘事件触发input的click事件来改变选项值,一直不正确,测试了好久终于发先问题出在input点击时改变checked和执行click事件的顺序上。写一个小demo。html:写两个多选框初始状态:jQ:写法$("#cs2").click(function(){ $("#cs1").click原创 2016-03-11 17:10:24 · 67087 阅读 · 1 评论 -
公司用的git版本控制系统,记录下几个常用的命令和步骤
git常用命令:一天工作开始的流程1.更新本地库: a.法一:直接git pull b.法二:git pull origin (远程分支名)2.新建分支: a.法一:将远程的一个分支映射到本地:git checkout -b 本地分支名(自己取) origin/远程分支名//这个好使 b.法二:在远程建一个分支后下拉到本地:i.在本地新建一个和原创 2015-09-17 16:28:01 · 556 阅读 · 0 评论