head-img Sihan's Blog
vue 实现的四级密码强度检测功能示例
这篇文章主要介绍了JS实现的四级密码强度检测功能,具有实时检测输入密码强度的功能,涉及javascript针对字符串的正则判定相关操作技巧,需要的朋友可以参考下 Dom部分 ``` 密码 弱 中 强 很强 ``` Vue部分 ``` dat ...
JavaScript
vue监听滚动事件DEMO
vue中监听滚动事件,然后对其进行事件处理,一般有:1. 滚动到顶部吸附; 2. 根据滚动的位置激活对应的tab键(锚链接tab键) 这两种方式的处理都是可通过监听scroll来实现 ``` mounted(){ window.addEve ...
JavaScript
element-ui steps 加点击事件无效解决办法
添加@click 添加之后发现不好使 找了一番资料发现得这样写就可以了@click.native 这个native是什么作用呢? 查了一番资料大概就是vue封装@click这些方法时阻止了原生的DOM事件,而native就是释放DOM原生事 ...
JavaScript
使用Nightwatch进行E2E测试中文教程
**E2E测试** E2E(end to end)测试是指端到端测试又叫功能测试,站在用户视角,使用各种功能、各种交互,是用户的真实使用场景的仿真。在产品高速迭代的现在,有个自动化测试,是重构、迭代的重要保障。对web前端来说,主要的测试就 ...
js控制浏览器全屏
**全屏显示** ``` var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); } ...
JavaScript
纯 CSS 实现绘制各种三角形(各种角度)
一、前言 三角形实现原理:宽度width为0;height为0;(1)有一条横竖边(上下左右)的设置为border-方向:长度 solid red,这个画的就是底部的直线。其他边使用border-方向:长度 solid transparen ...
CSS
vue form表单上传文件
> 本文章向大家介绍vue form表单上传文件,主要包括vue > form表单上传文件使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。 ``` ``` 单独上传文件: ``` ``` ``` ...
JavaScript
vue 中 选择元素 模拟点击事件
``` 放大图片 ``` ref="carImg" 设置元素名称 后面可以选择 js中选择方式: this.$refs.carImg js 模拟点击: el.click() 在vue的@clike里: $refs.carImg.click( ...
JavaScript