vue
文章平均质量分 60
Lidppp
这个作者很懒,什么都没留下…
展开
-
验证码输入组件实现思路
首先看dom结构, label的for属性指向了input,此时点击label和点击input是同样的聚焦效果, label内放置了div, 也就是方框, 当聚焦时给所有方框添加一个。label元素的特性为for绑定的表单元素,或者它内部的表单元素, 点击label元素的区域会自动聚焦或者选中, 利用这一特性我们可以实现很多效果, 比如美化表单元素等等。,那么此时应该是第四个元素要进行输入, 第四个元素的下标为3, input的value的长度为3。如果input的value为。原创 2023-06-15 16:44:56 · 267 阅读 · 0 评论 -
vue3 element Table组件+hook封装
vue3+ts封装Element Table原创 2022-08-31 17:23:12 · 1420 阅读 · 2 评论 -
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 · 1726 阅读 · 0 评论 -
qiankun中使用不同版本的vue-router导致冲突(主应用vue3子应用vue2路由跳转出错)
qiankun主应用vue3 子应用vue2 子应用切换路由后主应用路由无法跳转原创 2021-12-14 11:17:59 · 5322 阅读 · 5 评论 -
form表单中回车的怪异行为
背景今天测试给我提了一个bug, 在只有一个inpu的表单中按回车会触发页面刷新,并且提交事件并没有触发, 因为这个项目刚刚接手, 代码不是我写的, 所以我第一个想到的是原来的开发给form添加了键盘事件, 或者给form添加了submit事件.解决经过排查代码后发现, form表单中并没有写特殊的事件, 并且bug呈现页面刷新状态, 所以我推断为没有阻止默认的form提交事件.给form标签中添加@keypress.enter.prevent.stop.native='()=>false'(原创 2021-09-06 15:54:13 · 190 阅读 · 0 评论 -
网站逆向分析-vue打包后的网站数据获取
目前来说网站开发主要有三种方向原生js或者jQueryvue,react,angular等框架WebAssemblywasm目前除了游戏引擎打包出来之外,我还没有见到其他的应用,所以暂时不讨论。原生js或者jQuery开发的网站使用原生js或者jQuery开发的网站,他们的数据挂挂载方式很简单,无非就两种:window上面的全局作用域不可在外部获取的函数作用域因为开发方式比较原始,所以这种网站的大部分都没有进行源码压缩,源码中甚至可以看到对应的注释,所以分析网站暴露出来的源码比较方原创 2021-08-16 14:59:43 · 3166 阅读 · 0 评论 -
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 · 6031 阅读 · 3 评论 -
Vue 3中创建一个挂载在this上的loading
今天翻遍全网也没有找到Vue3中一个类似Vue2中挂载在原型链上的$massage这样的文章, 然后我突然想到Ant Design of Vue组件库支持vue3.0, 这样就开始了漫长且痛苦的翻源码之路在github中找到了如下几个文件ant-design-vue/components/index.js antd组件库的入口文件ant-design-vue/components/modal/index.js 对话框组件入口文件ant-design-vue/components/modal/co原创 2020-10-03 22:38:30 · 3442 阅读 · 0 评论 -
vue3对比vue2的改变
vue3正式版本刚刚发布,虽然之前就看过预览文档, 但是这次是发布的正式版本值得好好总结一番vue3文档地址vue3对比vue2的改变main.js中的改变import { createApp } from 'vue'// 创建Appconst app = createApp({})// 挂载路由, 全局组件, 全局指令等操作// 按道理来说vue2的挂载组件库的操作也是在这个中间执行的app.use(VueRouter)// 将app链接到#app元素中app.mount(.原创 2020-09-21 20:15:35 · 460 阅读 · 0 评论