- 博客(15)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue入门 实现简单的轮播图效果
Vue入门 实现简单的轮播图效果首先创建一个vue实例,准备图片素材数组,通过v-for循环绑定图片,轮播图的切换通过 v-show 判断下标的改变实现显示或隐藏。代码如下: <style> ul li { list-style: none; } .main { width: 500px; height: 300px; positi
2020-06-10 08:53:35
2563
原创 el-table中el-table-column使用v-if导致fixed的列错位
当对el-table的某列v-if判断显示隐藏,会出现fixed固定列的内容错乱。
2022-06-07 09:45:45
714
原创 element-ui Table 表格自定义滚动条和fixed时表格错位的解决方案
element-ui Table 表格自定义滚动条和fixed时表格错位的解决方案
2022-02-22 13:18:42
2459
1
原创 vue实现点击星星评分效果
vue实现点击星星评分效果首先通过引入bootcdn里的font-awesome获取星星素材<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">此时’fa-star’为实星,‘fa-star-o’为空星。给它一个变量定义星星的个数count <style> .fa { colo
2020-06-10 11:02:39
1471
原创 Vue简单入门 实现添加删除实例
Vue简单入门 实现添加删除实例首先创建一个Vue实例 ,并引入vue <div id="app"> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> let zyy = new Vue({ el: "#app", data() {
2020-06-09 13:31:13
3307
原创 JS阻止默认行为实现自定义右击菜单栏
阻止默认行为首先了解通过preventDefault阻止默认行为,写个a标签跳转百度此时可以跳转 <a href="http://baidu.com" id="bd">跳转百度</a>通过e.preventDefault 阻止默认行为,让a标签不能跳转 <a href="http://baidu.com" id="bd">跳转百度</a> <script> let bd = document.querySele
2020-06-06 12:03:39
429
原创 JS点击事件,阻止事件冒泡
点击事件冒泡例1:添加事件监听器首先画一个div绑定点击事件来了解添加事件监听器方法<div id="demo" style="width: 300px;height: 300px; background: black;"> demo </div>获取这个div然后绑定两个点击事件,此时点击只会打印(222),后出现的方法覆盖了前面的 let demo = document.querySelector('#demo') demo.onclick = functio
2020-06-06 11:30:36
6314
原创 正则表达式简单了解
正则表达式正则表达式描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。$ 匹配输入字符串的结尾位置 let reg = /8$/i // $ 以8结尾 i忽略大小写 let str = '5465498' console.log(reg.test(str))//true^ 匹配输入字符串的开始位置 let reg2 = /^8/i // ^以8开头 let str
2020-06-06 10:23:38
206
原创 JS常用数组方法整理
JS数组方法整理常用方法1. concat () 拼接concat 实例var arr = [2,3,5];var arr2 = arr.concat(9,13]);console.log(arr2); //[2, 3, 5, 9, 13]console.log(arr); // [2, 3, 5](原数组未被修改)2.join() 数组转为字符串,通过join括号里的内容拼接(括号内不写默认为“,”)join实例var arr = [1,2,3];console.log(arr
2020-06-04 20:50:54
198
原创 JS DOM操作实现拖动效果
JS DOM操作实现拖动效果实现思路首先画个绝对定位的div监听mousedown mouseup mousemove定义一个变量来标记是否按下在Move中判断如果按下,则将鼠标位置赋值给div按下时记录鼠标与div的相对位置,移动时减去这段距离在move时阻止默认行为,防止拖动文字有Bug监听blur事件,防止窗口失去焦点导致bugDOM<style> #demo { width: 300px; hei
2020-06-03 08:59:47
1103
2
原创 JS中DOM操作的一些方法
JS中DOM操作的一些方法常用dom方法选择器document.getElementById(“box”); //通过id获取标签document.getElementById(‘box’).innerHTML;//innerHTML 属性设置或返回指定标签的HTML内容document.getElementsByTagName(“div”); //根据标签名获取元素document.getElementsByClassName(‘aa’);//根据指定类名获取document.getEle
2020-06-02 20:01:36
202
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人