- 博客(21)
- 收藏
- 关注
RSS订阅原创 instanceof、isPrototypeOf()、hasOwnProperty()、in知识点总结
一、instanceof检测对应的数据类型（是否为对应类所产生的实例化对象），如果是简单数据类型（数值，字符，布尔值），必须使用new类来创建才能检测成功,下面举例说明：var obj = { name : "张三"}var r = obj instanceof Object //输出truevar num = 1 //简单模式创建numvar r = num instanceof Number //输出falsevar num = new Number(1) //new实例
2022-02-12 13:04:41
382
原创 Vue插槽笔记
插槽有三类：默认插槽，具名插槽，作用域插槽使用方式：1.默认插槽：父组件中：<template> <div id="app"> <classification title="电影"> <p>这是电影</p> </classification> <classification title="电视剧"> </classification> </div><
2022-01-09 12:01:22
361
原创 全局事件总线：任意组件之间通信笔记
1.在main.js中配置在vue的原型上添加全局事件总线new Vue({ el: '#app', render: h => h(App), beforeCreate() { Vue.prototype.$bus = this }})2.发送数据：methods:{ sendmsg(){ this.$bus.$emit('send',"1111") }}3.接收数据mounted() { this.$bus.$on('send',data=&
2022-01-07 17:33:05
251
原创 Vue中watch数据监听用法笔记
1.当被监视的属性发生变化时，回调函数自动调用，进行相关操作2.监视的属性必须存在才能被监视，如果是不存在的不会报错，输出undefined，watch可以监听vue中的任意data里的数据、方法、计算属性等3.immediate属性默认值为false，当改为true时页面在初始化就会调用一次handler4.watch默认不监测对象内部值的变化，需配置deep:true 才可以需要深度监视对象内部值5.监视的两种写法： a.new Vue时传入watch配置 b.通过vm....
2021-12-31 17:09:35
1097
原创 [Vue warn]: Error in mounted hook: “ReferenceError: regeneratorRuntime is not defined报错解决
在vue中使用了async await 异步操作，最后报了标题所示的错误，百度搜索查看了ReferenceError: regeneratorRuntime is not defined_AdleyTales的技术博客-CSDN博客原因是缺少依赖项cnpm i babel-polyfill -S在main中引入：import 'babel-polyfill'...
2021-12-30 14:12:24
2050
原创 小程序使用createInnerAudioContext实现音乐播放
实现效果：点击图片音乐开始播放，图片旋转，再点击暂停，图片暂停旋转，等音乐全部播放完成，图片暂停旋转wxml:<view class="top"> <view class="center" style="animation-play-state:{{rocate}}"> <image bindtap="play" mode="aspectFit" src="cloud://cloud1-2gjflokc7f174718.636c-cloud1-2gjflo
2021-12-26 12:38:39
1297
原创 微信小程序的注意点笔记
微信小程序的语法和vue类似1.变量都用{{}}包裹2.点击事件：bindtap,传参必须使用data-自定义变量名，获取参数：e.target.dataset.id3.遍历用wx:for={{数组变量}}4.wx:if和vue的v-if一样值为true显示，值为false隐藏5.wx:hidden 值为true隐藏，值为false显示6.小程序中的图片标签是image而不是img哦7.tabBar如果需要设置至少2个，最多5个，设置在底部可以加image，设置在上方无法添加i.
2021-12-26 11:48:25
79
原创 微信小程序chooseMedia应用
用chooseMedia试着做了选择图片上传，最后我运行选择图片不管选第几张上传到存储的图片都是同一张，最后发现自己的代码出现了错误，代码中遍历了res.tempFiles，文件路径错误导致choose(){ const that = this if(that.data.islog){ wx.chooseMedia({ count: 9, mediaType: ['image','video'], sourceType: ['
2021-12-26 09:30:25
6594
原创 Vuex笔记
vuex:实例化数据仓库，公共的数据可以放置在store中，可单独store.js进行配置如下所示store.jsimport Vuex from 'vuex'import Vue from 'vue'Vue.use(Vuex)export default new Vuex.Store({ //state放置数据 this.$store.state.数据名字 state:{ num:"009" }, //mutations放置方法 控制数据的方法 this.$sto
2021-12-22 16:44:47
51
原创 Vue子组件给父组件传数据方法总结
以下两种子组件给父组件传数据的方式共同点是，都必须配置回调函数1.通过父组件给子组件传递函数类型的props实现子给父传递数据在主组件app.vue中<template> <div> <p>这是父组件</p> <!-- 通过父组件给子组件传递函数类型的props实现子给父传递数据 --> <!-- 将getname给my,my.vue中用props声明接收 --> <my :getnam
2021-12-14 18:13:40
2164
原创 view路由传参方法
查看Vue教程(路由Router-传值) - 云+社区 - 腾讯云得到两种方法进行尝试得到可行第一种方式：1.route-link中配置如下段代码所示<template> <ul> <li v-for="item,index in recommendedtypes" @click="change(item.id)" :class=".
2021-12-13 11:46:17
982
原创 router-view未渲染数据的问题
用vite方式创建了vue3.0的项目，过程中出现了router-view未渲染出数据的问题，控制台警告提示：百度了这个问题，都是说的main.js引入router和绑定元素的顺序问题，然后查看自己的顺序，是对的:后面调整如下代码，数据正常渲染到页面上了，大概就是因为createApp(App)两次生成了两个实例对象产生的问题：...
2021-12-12 15:14:45
1195
1
原创 Vue中的计算属性computed笔记
1.定义：要用的属性不存在，要通过已有的计算得来2.原理:底层借助了Object.defineproperty方法提供的getter和setter3.get函数什么时候执行： a.初次读取时执行一次 b.当依赖的数据发生改变时被再次调用4.优势：与method实现相比，内部有缓存机制实现复用效果，效率更高，调试更方便5.备注： a.计算属性最终出现在vm上，直接读取使用即可，不需要添加.get读取 b.如果计算属性要修改，那必须写set函数去响应修改，且set中要引起计算时依...
2021-12-10 12:36:08
210
原创 ES6中数组的扩展笔记
一、数组的结构赋值将目标数组中的对应索引值给变量数组二、三点运算1.作为参数使用，此时要注意的是函数的形参...list必须是最后一个参数2.作为拓展运算符使用（代码转自三点运算符使用方法 - 筑潇 - 博客园）let arr=[1,2,3];console.log(...arr);//1, 2, 3返回数组中的各项let a=[2,3];console.log(1,...a,4);//1,2,3,4扩展运算符可以放在中间let divs=document.qu..
2021-12-09 19:28:42
432
原创 数组API笔记
一、arr.join(“拼接符”),返回拼接后的字符串，不改变原数组，通常用于三种情况：1.将字符数组里的元素按照拼接符拼接let words = [1,2,3,4]let str = words.join(";")console.log(words,"@"+str)运行结果：2.将单词数组里的元素按照拼接符拼接成句子let words = ["Hello","world"]let str = words.join(" ")console.log(words,"@"+s.
2021-12-08 16:25:20
82
原创 Vue自定义指令笔记
1.自定义指令：Vue.directive('指令名字',{钩子函数 提供的一些接口，可以执行一些操作 bind inserted update unbind}})a.bind是指标签插入到页面中b.inserted是指标签插入到页面中，一般书写自己的代码，有两个参数:el:代表的当前标签obj:获取的是当前指令的一些信息,obj.arg获取的是传递的常量参数;obj.value获取的是传递的变量量参数c.updated:数据更新的时候，执行d.unbind:解除绑定的时候，执行
2021-12-08 09:55:00
318
原创 Vue的基本语法、插值表达式、基础指令笔记
一、Vue的基本语法<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 引入vue.js，官网下载开发者版本 --> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </...
2021-12-04 16:28:37
1685
原创 js中一般函数和ES6扩展的箭头函数this指向问题总结
1.一般函数的this一般指向当前对象var student={ name:"marry", age:18, eat:function(){ console.log(this) console.log(this.name+"正在吃饭") setTimeout(function(){ console.log(this) }) }}student.eat()输出结果如下：定时器是异步操作，执行的时候，已经不指向当前的stud
2021-10-21 15:44:33
102
原创 js面向对象的3种继承方式总结
创建一个人类然后继承学生类1.原型继承：People继承Student,将Student对象赋值在People的原型上，代码举例如下：function Student(name,age){ this.name=name this.age=age}Student.prototype.task=function(){ console.log(this.name+"的主要任务是上学")}function People(name,age){ //构造...
2021-09-29 12:04:51
217
原创 js创建对象的4种方法以及优缺点
1.直接创建法 由上段代码可见，直接创建一个对象包含对象的属性以及方法，当另一个对象拥有相同的属性以及方法，再同样方式创建对象，当有10个对象，需要创建10个对象，复用性极差。优点：快速、简单、方便缺点：无法快速量产、无复用性2.工厂模式创建法 为了解决直接创建法无法快速量产、无复用性的问题，运用函数的方法进行处理。优点：快速量产缺点：无法检测对应类型3.构造函数法 为了解决工厂模式无法检测对应类型的问题，对比其他语言用类的方...
2021-09-28 14:42:29
439
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人