js
阡ゼ陌
做真实的自己
展开
-
vue父子组件通信(props、$refs 、 $emit、$parent、$children、$root)
vue父子组件通信(props、$refs 、 $emit、$parent、$children、$root)Vue组件间的通信非常重要下面一起学习吧!props,$emit功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入Vue组件原创 2020-09-18 13:23:42 · 799 阅读 · 0 评论 -
时间格式化
时间格式化在开发中经常会遇到格式化时间的问题,可以使用插件moment.js,也可自己封装适合自己项目的公用方法,下面以vue项目为例新建一个公用方法文件,util.ts 在文件中使用如下代码export function formatDate(date: any, fmt: any) { date = new Date(date) if (/(y+)/.test(fmt)) { fmt = fmt.replace( RegExp.$1, (date.getF原创 2020-07-22 17:08:16 · 172 阅读 · 0 评论 -
数组去重findIndex
数组去重function arrayUnique (arr) { if (!len) { return [] } let tmp = [] for (let i = 0; i < len.length; i++) { if (tmp.findIndex((v) => JSON.stringify(v) === JSON.stringify(arr[i])) === -1) { tmp.push(arr[i]) } } return t原创 2020-05-18 10:25:53 · 775 阅读 · 0 评论 -
Object.keys()获取key值
Object.keys()Object.keys(obj) obj是要返回其枚举自身属性的对象,返回一个表示给定对象的所有可枚举属性的字符串数组。这些属性的顺序与手动遍历该对象属性时的一致。var arr = ['a', 'b', 'c'];console.log(Object.keys(arr)); // console: ['0', '1', '2']// array like objectvar obj = { 0: 'a', 1: 'b', 2: 'c' };console.l原创 2020-05-18 10:14:05 · 2443 阅读 · 0 评论 -
every()和some()的用法
every()和some()的用法every() 、some()every()是对数组中每一项运行给定函数,如果该函数对每一项返回true,则返回truesome()是对数组中每一项运行给定函数,如果该函数对有一项返回true,则返回trueevery() 如果第一项就为false 则停止运行some() 一直运行,知道找到为true的项时停止运行...原创 2020-03-16 15:41:27 · 236 阅读 · 0 评论 -
findIndex数组条件判断
findIndex() 方法findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置 let info = [2,6,7,9] let idx = info.findIndex((ele: any) => { return ele === 2 // 判断条件,返回符合条件第一个元素的下标,后续就不再运行,都不符合将返回-1 }) ...原创 2019-12-12 15:08:34 · 694 阅读 · 0 评论 -
元素的移入移出事件mouseenter,mouseleave,mouseover,mouseout
元素的移入移出事件(解决子元素影响)mouseenter 指定元素内移入,不会多层嵌套的子元素影响,只触发指定的元素mouseleave 指定元素内移出,不会多层嵌套的子元素影响,只触发指定的元素mouseover 指定元素内移入,但是会受指定元素的子元素影响(滑到子元素上时就会触发移出事件)mouseout 指定元素内移出,但是会受指定元素的子元素影响使用mouseenter来代替...原创 2019-12-12 14:48:56 · 543 阅读 · 0 评论 -
mpvue简单的使用
mpvue的简单使用,组件传值,UI库使用,插件使用,状态管理mpvue项目的创建 这里使用编辑器VSC页面的构建小程序UI库的使用第三方小程序的引用(以腾讯视频为例)mpvue状态管理的使用(vuex)这几天总结了下小程序的流程,我接触不多,都是一些简单使用,如果发现错误请留言指正。mpvue项目的创建 这里使用编辑器VSC我们对Markdown编辑器进行了一些功能拓展与语法支持,...原创 2019-03-21 21:21:42 · 587 阅读 · 0 评论 -
异步加载async,await
异步加载async,await开发时时不时会遇到逻辑先后加载的顺序,我们使用promise,当逻辑层太多的时候代码会显得太臃肿,一个相对简便的用法async,awaitasync:定义的函数的返回值都是promise,就是声明以下逻辑使用异步核心也是封装的promise。await:可以取得的值是Promise注入的值,而不是Promise。async后面可以是同步逻辑,也可以不跟awa...原创 2019-11-19 20:13:27 · 374 阅读 · 0 评论 -
vue恢复初始数据this.$data,this.$options.data())
vue恢复初始数据Object.assign(this.data,(this.data, (this.data,(this.options as any).data())在vue开放中我们会遇到一个页面或者一个弹窗让他恢复到原始数据的情况,如果数据不多我们可以重设赋值一下,但数据较多的情况下会比较麻烦,这时候可以用到this.data,this.data,this.data,this.optio...原创 2019-11-14 16:22:48 · 6702 阅读 · 1 评论