HTML
夭桃鸣鹿
这个作者很懒,什么都没留下…
展开
-
element UI使用归纳
在el-menu-item中写触发函数,不是原来的@click而是@click.native。在router-link也是使用@click.native。el-bage绑定hidden,当hidden为true是隐藏,触发的函数实现对hidden的值改变。el-form的refs属性值和this.$refs[refs属性值].validate,一致。el-form-item中的prop是el-form中rule值中的验证规则。点击后el-badge的提示消失。原创 2023-05-18 17:38:43 · 900 阅读 · 0 评论 -
值得学习项的目
html值得学习的项目原创 2022-10-12 15:03:42 · 145 阅读 · 0 评论 -
元素拖拽调整位置
使用drag实现元素拖拽,进行位置调整移动端是不会触发drag事件的<template> <div class="page" id="pageContainer" ref="pageContainer" @drop="drop" @dragover="dragover"> <button id="button1" class="button1" draggable @dragstart="dragstart">点我</button> <原创 2021-05-12 11:05:09 · 650 阅读 · 0 评论 -
vue中使用animate.css
安装npm install animate.css引用import animated from 'animate.css' Vue.use(animated)使用配合vue的transition使用<transition name="pop-nowin" enter-active-class="animate__animated animate__bounceInDown" leave-active-class="animated bounceOutRight"> <.原创 2021-04-28 15:10:07 · 402 阅读 · 0 评论 -
前端开发小问题注意
input的placeholder会出现文本位置偏上的情况input 的placeholder会出现文本位置偏上的情况:PC端设置line-height等于height能够对齐,而移动端仍然是偏上,解决方案时是设置cssline-height:normal;原创 2021-03-08 09:06:42 · 159 阅读 · 0 评论 -
前端常用工具网站记录
driver.js引导页插件https://bennettfeely.com/clippy/css的clip-path标记,获取标记的路径,而不需自己计算点位置https://picsum.photos/item随机生成图片的网站,页面内直接使用图片路径即可支持指定图片尺寸,随机图片,使用模糊图片,灰白图片等daixu...原创 2021-01-22 08:57:38 · 135 阅读 · 0 评论 -
video元素层级过高(微信页面开发)
现象说明:在页面中使用video元素,页面是有个活动规则按钮,规则作为弹窗出现,发现video元素在规则页面之上。且修改双方的层级z-index都不起作用(安卓出现该现象,video元素在最上层,iOS显示正常)。video元素在为播放之前,和普通元素一样,z-index是生效的。但是在播放之后,这个元素就改变了,不在是页面的元素,而是被浏览器接管(安卓),和文档不在一层了,所以z-index是...原创 2019-12-05 16:04:23 · 1908 阅读 · 3 评论 -
移动端(微信)页面 不回弹
目前遇到大致分为两种情况1.iOS出现键盘后,页面不回弹,如下代码可解决(适合大部分情况) if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') { return } let result = 'pc'...原创 2019-12-01 20:03:11 · 385 阅读 · 0 评论