- 博客(144)
- 收藏
- 关注
RSS订阅原创 vue常用指令及其作用
作用：控制元素是否显示与隐藏（v-else , v-else-if辅助v-if进行判断渲染，要紧挨着v-if使用）v-if :是通过js动态创建dom元素或删除元素，v-if可以与v-else , v-else-if搭配使用哦的。下拉列表 : selected="数据"+@change="数据=$event.target.selected"复选框 : checked="数据"+@change="数据=$event.target.checked"其中：v-if ，v-show 都可以控制元素的显示与隐藏。
2023-12-19 13:29:39
631
原创 vue2组件通信之兄弟通信、祖先后代通信
通过事件总线eventBus实现兄弟组件通信。utils新建一个index.js。在src下新建一个文件utils。祖先通过provide提供数据。孙子组件inject接收数据。使用数据方通过$on订阅。使用vm.$emit。导入 注册 孙子组件。
2023-12-18 08:57:18
566
原创 vue组件中的通信父传子，子传父
在子组件内的某个标签内容用{{属性名}}接受，相当于data中的数据，props接收用数组，属性名不止一个，逗号隔开。子组件中的方法通过$emit( ‘ 父组件自定义的事件名’，子组件中data中的数据（根据需求）)父组件：在其引入的子组件标签内，设置自定义属性，自定义事件=‘methods中的方法。子组件里的某个元素，设置事件，调用子组件里的函数，来触发父组件中的方法。父组件：在其引入的子组件标签内，设置自定义属性。在子组件绑定自定义事件（绑定的是父亲的函数）子组件标签绑定单击事件触发父组件的方法。
2023-12-16 16:12:40
523
原创 Vue组件的生命周期
vue给组件的某个阶段提供了特定的函数（钩子函数）来执行特定的逻辑，当到了某个节点会自动调用。组件中的data必须是一个函数，函数每次执行时候得到新对象。组件是可以复用，用对象形式导致组件的数据相互影响。业务组件--------->components。组件生命周期--------组件从创建到销毁。beforeDestory 数据清理。视图组件（配合路由使用）和业务组件。视图组件------->views。mounted 拿到dom元素。return 的是数据的对象。created 拿到数据。
2023-12-15 16:02:31
696
原创 Vue的相关指令
概念：Vue 是一个用于 构建用户界面 的 渐进式 框架Vue 是一个用于 构建用户界面 的 渐进式 框架，（vue是js的一个渐进式框架）具有响应式，数据驱动视图的思想，不推荐直接操作dom，底层封装了dom，组件开发思想，提供了一些指令，能够提高开发效率，构建单一页面应用1.准备容器2.引包(官网) –开发版本/生产版本3.创建Vue实例 new Vue()4.指定配置项 el data =>渲染数据el指定挂载点，选择器指定控制的是哪个盒子data提供数据。
2023-12-15 15:56:02
1641
原创 es6中常见问题
var:可以重复定义，var 有预解析， var 没有块级作用域let：不可以重复定义 、 没有预解析、 有块级作用域、 暂时性死区const：不可以重复定义 、声明后不可以赋值、更新 、 没有预解析 、有块级作用域 、暂时性死区。
2023-12-12 18:27:40
521
原创 js常见问题1
不同点： call和apply对函数都是立即调用的，而bind不会立即调用函数，bind返回的是改变this指向之后的函数 call的参数是用逗号隔开的，apply是接收数组作为参数。去与对象关联的原型上查找，如果还查找不到，就去找原型的原型，直至查到最顶层，这也就是原型链的概念。4、构造函数的this -------->创建出来的对象（new出来的实例化对象）3、事件的回调函数中 this------>事件源。5、定时器 this------->window。
2023-12-11 13:40:23
448
原创 数组常用的21个方法
every() every对数组进行循环，所有元素都满足返回true,假如遇到第一个不满足的元素结束返false，some() 数组进行循环，发现满足条件的第一个元素则循环结束 返回true,假如所有元素不满足 返回false。findindex() 查找满足条件的第一个元素的索引 找到就返回该元素的索引，找不到是-1。lastIndexOf() 返回数组中最后一次出现的给定元素的索引。shift() 删除第一个元素，返回的是被删除的元素。pop() 删除最后一个元素，返回的是被删除的元素。
2023-12-11 13:40:03
509
原创 js写旋转的时钟动态
创建日期对象，获取当前时间，计算秒针，时针，分针转一圈的度数，来设置每秒的旋转度数。小时角度公式：小时 * 30 + 分钟 / 60 * 30。分钟角度公式：分钟* 6 + 秒 / 60 * 6。秒角度公式： 当前秒数 * 6。多次调用定时器，重复获取时间，让指针动起来。
2023-12-08 18:53:08
981
1原创 手写深拷贝
for in 可以遍历数组和对象，当值是引用类型是需要再拷贝一份，而这个函数本身就是克隆，就用递归。再判断参数的实例的构造函数是否是日期对象，是的话，返回的是Date的实例。首先判断参数的类型是否为null或undefined，若是，返回自己。再判断其数据类型是否是基本数据类型，是的话，返回自己。最后就只剩引用类型数组或对象了，用其构造函数来判断。思路：封装一个函数，函数有一个参数，上面的深拷贝不能解决循环引用问题。WeakMap()解决循环引用。
2023-12-05 18:52:00
764
原创 js进阶笔记之Promise
promise 6个静态方法：all( ) ， any( )， race( ) ， allSettled( ) ，reject( ), resolve( )异步 遇到耗时任务不必等待其完成，继续执行后面的任务，如定时器，事件回调，ajax请求(axios) js是单线程的,先执行同步代码，后执行异步代码。静态方法Promise.all( [promise1, promise2，promise3])返回是一个promise。Promise.resolve()得到一个成功的promise。
2023-12-03 10:43:52
1134
原创 js中的class类
使用class这个关键词定义一个类,基于这个类创建实例以后会自动执行constructor方法,此方法可以用来初始化。另一种是：在类里面添加静态的方法可以使用static这个关键词，静态方法就是不需要实例化类就能使用的方法。new 类（） ---->默认会执行类中的constructor方法。子类定义方法想要父类的方法通过 super.父类的方法（）new出来的实例对象，调用父类的实例方法是不相等的。super（）相当于父类的实例，原型上的方法。父类用箭头函数另写的方法是实例方法。class 类名{ }
2023-12-03 10:43:10
964
原创 Symbol()和迭代器生成器
Generator是一个特殊的函数，执行它会返回一个lterator对象。通过遍历迭代器, Generator函数运行后会返回一个遍历器对象，而不是普通函数的返回值。生成器函数(generator)----生成迭代器(Iterator)的函数,配合yield关键字来控制代码执行流程。yield *可以在Generator函数内部调用一个Generator函数。yield后面的表达式作为本次next返回值的value属性值。普通函数一旦执行 函数体从上往下依次执行。应用场景-产生独一无二的值。
2023-12-02 08:11:39
545
原创 js实现评论并按时间排序
需求：1.点击输入框时，下方显示输入框文本长度2.失去焦点时，输入框文本长度消失3.发布每条评论时按时间顺序排序4.可以实时删除评论。
2023-12-01 08:13:34
612
原创 数组扁平化的方法
不论数组中嵌套多少级，调用一次函数就实现数组扁平化。数组中多级嵌套，就要多调用几次flat()方法。实现方式一： 数组的flat方法。
2023-12-01 08:12:33
397
原创 Set()和Map()
一个set是一堆东西的集合, set有点像数组,不过跟数组不一样的是，set里面不能有重复的内容。删除元素：set.delete('元素') 删除所有元素：set.clear() 全部清空。判断集合是否含有某个元素：set.has(' 元素 ')集合：const set = new Set()往集合添加元素： set.add('元素' )把集合转成数组：Array.from(set)把集合转成数组：[ . . . set ]map.has()判断集合是否含有某个元素。集合遍历：set.forEach( )
2023-11-30 09:19:59
462
原创 js实现动态添加删除表格数据的两种方式
思路：先把整体的html结构写出来，table表格分为3部分，其中tbody中的内容通过节点创建出来，删除时，找到其祖先元素的节点进行remove（），表单内的各个框的值对应表格的内容。思路：先把整体的效果图写出来，再通过js渲染到页面上，每次添加一组数据就相当于给数组添加数据，删除事件用事件委托，给祖先元素绑定事件，子元素触发事件会冒泡到祖先元素。
2023-11-30 09:18:07
1909
原创 js实现鼠标拖拽
需求：鼠标在图片内按下时 图片可以跟随盒子动鼠标弹起图片停下来如果图片在box的盒子里面时鼠标弹起了 就把图片展示在box里面 并且让图片回到起始位置。
2023-11-29 08:13:00
1063
原创 Es6笔记之箭头函数与解构赋值
解构意思就是分解一个东西的结构,可以用一种类似数组的方式定义N个变量，可以将一个数组中的值按照规则赋值过去。解构赋值是一种快速为变量赋值的简洁语法，本质上仍然是为变量赋值，分为数组解构、对象解构两大类型。箭头函数是一种声明函数的简洁语法，它与普通函数并无本质的区别，差异性更多体现在语法格式上。1．赋值运算符日左侧的[]用于批量声明变量，右侧数组的单元值将被赋值给左侧的变量。3．变量的数量大于单元值数量时，多余的变量将被赋值为undefined。2．变量的顺序对应数组单元值的位置依次进行赋值操作。
2023-11-28 11:25:03
836
原创 js手写数组push(),unshift(),pop(),shift(),map()方法
【代码】js手写数组push(),unshift(),pop(),shift(),map()方法。
2023-11-27 16:20:05
1031
基于Vue2的后台管理系统
2024-01-25
js进阶阶段的一些常见面试题
2023-12-26
仿pc端淘宝首页及登录页
2023-12-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人