![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 56
Lidppp
这个作者很懒,什么都没留下…
展开
-
验证码输入组件实现思路
首先看dom结构, label的for属性指向了input,此时点击label和点击input是同样的聚焦效果, label内放置了div, 也就是方框, 当聚焦时给所有方框添加一个。label元素的特性为for绑定的表单元素,或者它内部的表单元素, 点击label元素的区域会自动聚焦或者选中, 利用这一特性我们可以实现很多效果, 比如美化表单元素等等。,那么此时应该是第四个元素要进行输入, 第四个元素的下标为3, input的value的长度为3。如果input的value为。原创 2023-06-15 16:44:56 · 324 阅读 · 0 评论 -
canvas文字文本自动换行
canvas文字自动换行原创 2023-02-02 10:47:31 · 540 阅读 · 0 评论 -
强制解绑DOM元素绑定事件
强制解绑DOM元素绑定事件原创 2023-01-10 11:57:42 · 194 阅读 · 0 评论 -
一维数据格式化为树形数据---js
突然琢磨出来个很简单的算法, 希望对大家有思路上的帮助let baseArr = [ {id: 1, pid: 0}, {id: 2, pid: 1}, {id: 3, pid: 2}, {id: 4, pid: 2}, {id: 5, pid: 1}, {id: 6, pid: 1}, {id: 7, pid: 5}, {id: 8, pid: 0},]/** * 利用引用对象都是址的特性进行树形数据格式化 * @param data 数据 * @param原创 2022-03-25 16:51:39 · 359 阅读 · 0 评论 -
Vite css 热重载失效
记录一次 Vite CSS热重载失效踩坑经历结论文章较长,给赶时间的同学先说结论排查自己代码和所用包代码中的document.head.innerHTML+=""代码背景本人在使用vite+vue3+pug+tailwindcss开发一个博客前端页面, 直到佛系的我时隔大概一个月再次打开这个项目准备继续写的时候忽然发现好像vite的css热重载失效了(html,js的热重载是对的)分析过程vite采用HMR的方式进行热重载, 具体表现为使用WebSocket进行接受变更文件中的css代码更新原创 2021-12-17 12:07:39 · 1808 阅读 · 0 评论 -
qiankun中使用不同版本的vue-router导致冲突(主应用vue3子应用vue2路由跳转出错)
qiankun主应用vue3 子应用vue2 子应用切换路由后主应用路由无法跳转原创 2021-12-14 11:17:59 · 5564 阅读 · 5 评论 -
js代码混淆初尝试
本文思路拿到a-Z的ASCII码定义一个key指定key的某几位获取ASCII码并且相加得出的值做最终解码值(keyNum)keyNum+对应方法名的每一位的ASCII码 , 向左偏移三位然后转换为16进制 , 获取简单加密后的对应字符串, 保存下来(cStrArr)此处可以进行很多优化, 比如a-Z的ASCII数组打乱, 给更加复杂的加密算法, 这里我只是为了做探索, 所以简化了很多, 但是有一点需要注意 这个加密过程应当是后端完成返回前端的给出fnName数组为cStrArr原创 2021-11-23 15:06:31 · 742 阅读 · 0 评论 -
File System Access API文档汇总(JavaScript操作本地文件)
最近很多我关注的公众号都在推送vocode网页版的消息, 今天得空, 打开看了一下, 不看不知道一看吓一跳在我的固有印象中, 在网页中进行读取是可以的, 但是在网页中直接进行写入操作除了IE外是不可能行得通的, 更别提获取文件目录等等操作了vscode居然可以直接读取目录(当然需要授权)并且读出目录下的文件内容, 甚至还可以进行修改(也需要授权)这引起我极大的好奇心, 在MDN上一番查阅找到了一篇只有英文一种翻译的文档: 文档地址, 上百度和某个404网站进行搜索后发现有一篇国人写的文章:使原创 2021-11-19 11:44:12 · 1422 阅读 · 0 评论 -
video, audio无法自动播放--Chrome视频音频自动播放策略
背景前段时间出于兴趣写了一个弹幕播放器, 在写的过程中想做一个自动播放的功能, 但是遇到了Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first.这个报错, 就很痛苦. 于是我开始去查为什么这样, 并且这个问题伴随了我大概有1年的时间吧, 今天突然想起来这个问题, 于是有了本博客.官方对应介绍自动播放策略的博客探索过程最开始注意到这个问题后就去原创 2021-09-10 11:18:05 · 1206 阅读 · 0 评论 -
网站逆向分析-vue打包后的网站数据获取
目前来说网站开发主要有三种方向原生js或者jQueryvue,react,angular等框架WebAssemblywasm目前除了游戏引擎打包出来之外,我还没有见到其他的应用,所以暂时不讨论。原生js或者jQuery开发的网站使用原生js或者jQuery开发的网站,他们的数据挂挂载方式很简单,无非就两种:window上面的全局作用域不可在外部获取的函数作用域因为开发方式比较原始,所以这种网站的大部分都没有进行源码压缩,源码中甚至可以看到对应的注释,所以分析网站暴露出来的源码比较方原创 2021-08-16 14:59:43 · 3636 阅读 · 0 评论 -
safari中Date的兼容性处理
先上代码// 重写Date对象// 如果是vue或者react项目 在入口文件处写下方代码window.OldDate = window.Datevar bind = Function.bindvar unbind = bind.bind(bind)function instantiate (constructor, args) { return new (unbind(constructor, null).apply(null, args))()}window.Date = (fu原创 2021-07-29 15:59:44 · 327 阅读 · 2 评论 -
css毛玻璃效果向下穿透以及JS获取单行或者多行文本超出隐藏
css毛玻璃效果向下穿透以及JS获取单行或者多行文本超出隐藏css毛玻璃(滤镜属性)向下穿透css的滤镜属性 filter相信大家都很熟悉, 其中值为blur设置的高斯模糊, 在不少设计稿中经常出现, 但是它有一个弊病, 就是只能作用在本元素内.下面举一个具体的例子假设我们想要的是一个这样子的header.说明:header为窗口定位left:0;top:0;背景色为rgba(226, 48, 48, 0.3);内部文字为header的元素<style> header {原创 2021-05-25 16:28:47 · 406 阅读 · 0 评论 -
后台配置Access-Control-Allow-Origin :*后依然被浏览器拦截
CROS跨域遇到的问题后台配置好 Access-Control-Allow-Origin :*之后 谷歌浏览器Network中还是显示 CROS ERROR, 鼠标放上去显示 Cross-Origin Resource Sharing error: PreflightWildcardOriginNotAllowed原因在CORS中,Credential不接受http响应首部中的‘Access-Control-Allow-Origin’设置为通配符‘*’解决方案CORS 请求发出时,已经设定了c原创 2021-01-25 13:01:06 · 6148 阅读 · 4 评论 -
vue-router 根据name属性判断是否拥有该路由
vue-router 根据name属性判断是否拥有该路由, 留个存根, 也分享给大家 hasRoute(name, routeList) { !routeList && (routeList = this.$router.options.routes, console.log('执行')) for (let i = 0; i < routeList.length; i++) { console.log(routeList[i])原创 2021-01-13 11:25:21 · 6218 阅读 · 3 评论