- 博客(16)
- 收藏
- 关注
RSS订阅原创 Vue2回顾---④
七、组件的生命周期组建的生命周期主要有创建、挂载、更新和销毁四个每个部分对应有两个内置函数在不同的生命周期阶段都可以通过这两个内置函数进行操作详情介绍可以参考：https://baijiahao.baidu.com/s?id=1668393188098846185&wfr=spider&for=pc八、组件之间的数据共享组件之间的关系主要有1.父子 2.兄弟先来说说父子之间的数据传递父 ->子父向子传递数据主要通过props自定义属性比如父组件<
2022-01-24 23:47:41
423
原创 回顾Vue2---②
续上三、侦听器这个功能用来侦听数据的变化，并以此做出对应的操作example：const vm = new Vue({ el:'#app', data:{ user:'', } watch:{ user(newVal,oldVal){ console.log(newVal,oldVal) } } })newVal为user的修改后的新值，oldVal为旧值要侦听哪个数据，函数名就为对应的数据名。函数里加immdiate:true可以在视图渲染成功后马上触发一次侦听器（不
2021-11-24 22:25:51
6357
原创 回顾Vue2---①
一晃眼三个月没写过博客了（感觉是开学比暑假在家还更懒了…）开学到现在主要学了一下Vue2（b站黑马看了两百多集）简单写一下知识总结吧一、开篇开头上来就教你配置webpack（前端工程化具体解决内容）早就忘光了 后来发现其实可以先不用深究 直接用命令部署就可以了然后就是vue的两个特性：数据驱动视图 and 双向数据绑定 （MVVM）二、Vue的基本使用一开始没有直接教用Vue.js 写 而是先通过html css js原生来写1.导入Vue库文件2.创建Vue实例对象：const
2021-11-23 22:08:58
316
原创 js数组元素被覆盖
今天在做一道求子集的题目，可谓是踩了不少坑我用了递归的方法（回溯的看不懂555）就是遍历数组 然后将前面的元素复制一份以后 再加入新的元素就可以了比如说 要求[1,2,3]的子集首先就是**[ [] ]** 然后将**[]** 复制一份 将1放入到复制的元素中 那么现在我们就得到了 [ [],[1] ] 然后再把 [],[1] 复制一份 将2放入到复制的元素 得到 [ [],[1],[2],[1,2] ]以此类推 直到数组中的元素都遍历一次那么这个时候就遇到了下面的问题//examplenu
2021-08-19 22:04:36
645
原创 JS原型和原型链
原型function Frozen(){}Frozen.age = 123frozen = new Frozen()console.log(frozen.age)//undefined可以看到直接给构造函数属性赋值是不会"继承"给实例对象的function Frozen(){}Frozen.prototype.age = 123frozen = new Frozen()console.log(frozen.age)//123只有使用构造函数的prototype属性才能够"继
2021-08-08 13:20:15
94
原创 js简单验证码
js完成一个简单的验证码倒计时功能html<input type="text"placeholder="请输入验证码"> <button>获取验证码</button>jsvar second = 3; var button = document.querySelector('button'); button.addEventListener('click',function(){ this.disabled = true;
2021-08-03 21:11:26
90
原创 js 图片跟随鼠标移动
叒叒叒是pink老师的课里讲了一个非常有意思的案例图片可以跟着鼠标移动主要是添加一个mousemove的监听事件 实时获取鼠标的坐标 同时改变图片的坐标html<img src="gif.gif" alt="" style="position: absolute;">//位置要为绝对 才能不占用位置js<script>var pic = document.querySelector('img') document.addEventListener('mou
2021-08-01 22:05:27
259
原创 js简易留言与克隆
昨晚看着pink老师的js教程视频 跟着敲了一个简易的留言留言可以删除 也可以克隆一份（虽然没啥卵用 主要是练手）期间也踩了不少坑 主要学习了creatElement appendChild insertBefore cloneNode几个方法的使用html<div class="message"> <textarea cols="30" rows="3"></textarea> <button>留言</butto
2021-08-01 13:53:11
86
原创 js删除数组元素
js中我们可以对数组进行增删改但是在进行删除时 如果只是使用delete来删除的话数组长度不会改变 只是把要删除的元素改为了undefined要彻底删掉 需要用到splice()方法splice(起点，个数)splice还可以用来添加数组元素splice(起点，个数，添加的元素1，添加的元素2…)如果起点位置本来有元素的话就会被替换掉examplevar array = [{first:1},{second:2},{third:3}]console.log(array.length)de
2021-07-31 13:30:26
140
原创 h5自定义属性
一般来说，js获取标签属性的方法都是用getattribute()为了区分内置属性和自定义属性一般来说规定自定属性命名为data-属性名自定义属性可以通过dataset.属性名来获取dataset是自定义属性的一个集合//一般写法 内置和自定义都可以用 如果是自定义的话要写上data-属性名getAttribute("属性名")//自定义属性专用 前面不用加data-dataset.属性名...
2021-07-30 22:59:02
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人