- 博客(24)
- 收藏
- 关注
RSS订阅原创 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
810
原创 时间格式化
时间格式化在开发中经常会遇到格式化时间的问题，可以使用插件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
188
原创 ant design vue MonthPicker使用问题
ant design vue MonthPicker使用问题在使用MonthPicker时间框时会报warning.js?2149:7 Warning: [antdv: DatePicker] value provides invalidate m的错误，原因是MonthPicker需要的数据是moment格式的方法如下a-month-picker :disabled-date="disabledDate" :default-value="searchForm.op" v-model="s
2020-07-22 16:39:22
2611
原创 vue动态组件component（keep-alive）
vue动态组件component在vue开发中遇到复杂的页面时我们会使用很多组件来减轻整个页面的压力，这是我们需要引入所需要的全部组建，并在页面中一个个的写入，有时还要根据不同的情况显示不同的组件，当数量多起来就相当麻烦，这是我们使用动态组件就能很好的解决问题。<template> <div class="preview-tabs"> <component :is="tab"></component> <button @click="
2020-07-13 13:12:54
1303
原创 数组去重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
783
原创 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
2455
原创 vue父子组件操作子组件
vue父组件操作子组件在vue开发时通常会遇到子父组件传值，父子组件相互操作的情况。父传子父组件引入子组件HeaderTop并定义需要传的值为userInfo，内容为infoData<HeaderTop :userInfo="infoData"></HeaderTop>在子组件中我们用props接收export default Vue.extend({ props: ['userInfo'], data() { return {}}这时thi
2020-05-15 10:55:12
354
原创 every()和some()的用法
every()和some()的用法every() 、some()every()是对数组中每一项运行给定函数，如果该函数对每一项返回true,则返回truesome()是对数组中每一项运行给定函数，如果该函数对有一项返回true，则返回trueevery() 如果第一项就为false 则停止运行some() 一直运行，知道找到为true的项时停止运行...
2020-03-16 15:41:27
246
原创 vue模块化刷新以及this.$nextTick的使用
vue模块化刷新以及this.$nextTick的使用vue模块化刷新this.$nextTick的使用
2020-03-16 13:25:24
752
转载 vue移动端适配
vue移动端开发总结移动端适配本文来自于掘金大神分享，用于移动端学习使用相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。在移动端我们经常可以在head标签中看到这段代码：<meta name='viewport' content='width=device-width,initial-scale=1,u...
2020-01-13 17:36:25
1048
原创 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
707
原创 元素的移入移出事件mouseenter，mouseleave，mouseover，mouseout
元素的移入移出事件（解决子元素影响）mouseenter 指定元素内移入，不会多层嵌套的子元素影响，只触发指定的元素mouseleave 指定元素内移出，不会多层嵌套的子元素影响，只触发指定的元素mouseover 指定元素内移入，但是会受指定元素的子元素影响（滑到子元素上时就会触发移出事件）mouseout 指定元素内移出，但是会受指定元素的子元素影响使用mouseenter来代替...
2019-12-12 14:48:56
563
原创 异步加载async，await
异步加载async，await开发时时不时会遇到逻辑先后加载的顺序，我们使用promise，当逻辑层太多的时候代码会显得太臃肿，一个相对简便的用法async，awaitasync：定义的函数的返回值都是promise，就是声明以下逻辑使用异步核心也是封装的promise。await：可以取得的值是Promise注入的值，而不是Promise。async后面可以是同步逻辑，也可以不跟awa...
2019-11-19 20:13:27
386
原创 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
6737
1
原创 vuex-persistedstate
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题这篇文章主要介绍了Vuex持久化插件(vuex-persistedstate)-解决刷新数据消失的问题页面刷新后，想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后，vuex便可以被应用了。vuex优势：相比sessionStorage，...
2019-08-30 11:17:45
15622
原创 window.print()使用
window.print()的简单使用打印想要的dom元素：如我只想打印下面的表格 printBtn() { let printHtml = this.$refs.printFrom.innerHTML //获取要打印的dom内容 let bodyHtml = document.body.innerHTML //获取整个页面内容 document.bod...
2019-08-15 19:05:16
1876
原创 html标iframe详解
html标详解我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。src可以是网址，图片，HTML，但是使用时请注意跨域问题。<iframe src="https://www.baidu.com/" name="baidu" frameborder="0"></iframe>常用属性1.frameborder:是否显示边框，1(yes),0(...
2019-07-16 16:04:58
512
原创 vue多入口项目，模块开发
多入口多模块项目一般的webpack项目都是单页面项目，入口在main.js，我们也是可以配置webpack为多入口项目的。如果一个项目很大，有很多小的分项目，这种情况就比较适合多页面程序了，通过不同的入口加载不同的模块，这样可以让前端分模块开发，解决了一个入口多人开发时各种各样问题的冲突。优点进行全局的掌控开发一个子系统时，不需要启动另外一个系统根据需求加载一个或多个系统模块想不出...
2019-07-15 14:38:24
1369
转载 mongodb语句VSsql语句（转载）
左边是mongodb查询语句，右边是sql语句。对照着用，挺方便。db.users.find() select * from usersdb.users.find({"age" : 27}) select * from users where age = 27db.users.find({"username" : "joe", "age" : 27}) select * from us...
2019-06-11 10:12:19
119
原创 angular.forEach，Object.keys().forEach
angular.forEachangular.forEach(arr, function (ele, index) { function()});arr为要循环的数组，ele为元素，index为下标，function为执行的逻辑Object.keys(data).forEach()Object.keys(data).forEach(i => { data[i] = 0})...
2019-05-24 13:28:42
1322
原创 Typescript基础知识点
Typescript知识点总结简介基础类型Typescript中文网简介TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。增加代码可读性和可维护性拥有活跃的社区TypeScr...
2019-04-28 15:54:00
309
原创 vue知识点生命周期数据绑定指令事件修饰符路由组件传值vuex
vue知识点总结生命周期生命周期指令事件修饰符路由组件传值vuex生命周期beforeCreate:function(){ ... }, //实例创建前调用该函数，此时el和data均为undefined created:function(){ ... }, //当一个实例被创建完毕执行该函数，此时el还是为undefined，一般在这里做数据的请求 before...
2019-04-24 17:32:41
349
1
原创 初次安装git和ssh
初次安装git配置用户名和邮箱初次安装git需要配置用户名和邮箱，否则git会提示：please tell me who you are.你需要运行命令来配置你的用户名和邮箱：$ git config --global user.name “superGG1990”$ git config --global user.email "superGG1990@163.com"注意：（引号内请...
2019-04-07 22:13:54
171
原创 mpvue简单的使用
mpvue的简单使用，组件传值，UI库使用，插件使用，状态管理mpvue项目的创建 这里使用编辑器VSC页面的构建小程序UI库的使用第三方小程序的引用（以腾讯视频为例）mpvue状态管理的使用（vuex）这几天总结了下小程序的流程，我接触不多，都是一些简单使用，如果发现错误请留言指正。mpvue项目的创建 这里使用编辑器VSC我们对Markdown编辑器进行了一些功能拓展与语法支持，...
2019-03-21 21:21:42
597
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人