自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 Vue3.X中 ref属性剖析(一看就懂)

Vue3中的setup有什么优缺点?诱因首先 setup 函数有冗长返回语句的问题已经在 至于我们为什么要用 setup,我想既然同学们要了解 Vue 3,应该对这个大版本要做和已经的事情有一个更全面的认知:Vue 3 的任务是:补短板 + 提上限短板何在?在今天我们看到的大部分较大的国内互联网公司所提供的 Web 产品中,使用的构建框架都是 React,我自己是字节,而我惊奇的发现 VueConf 2021 上这么多位分享的大佬竟是出自我们这个用 React 更多的公司,有同学玩笑戏称“ 字节把

2021-11-28 22:01:59 2630 1

原创 VUE2常见的知识点(冲)

常规篇computed 和 watch 的区别和运用的场景?computed:是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值;watch:没有缓存性,更多的是「观察」的作用,类似于某些数据的监听回调 ,每当监听的数据变化时都会执行回调进行后续操作;当我们需要深度监听对象中的属性时,可以打开deep:true选项,这样便会对对象中的每一项进行监听运用场景:当我们需要

2021-11-28 21:24:59 242

原创 常用的js方法封装(27个)

1.输入一个值,返回其数据类型function type (para) { return Object.prototype.toString.call(para)}2. 数组去重// 方法一function unique1(arr) { return [...new Set(arr)]}// 方法二function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj

2021-11-28 21:09:11 597

原创 用promise手写一个ajax

function getJson(url){ return new Promise((resolve, reject) =>{ var xhr = new XMLHttpRequest(); xhr.open('open', url, true); xhr.onreadystatechange = function(){ if(this.readyState == 4){ if(this.s

2021-09-12 19:59:13 195

原创 Vue 将扁平化数据转为树形图- filter方法

扁平化数据转为树形图 ElementUI 配合使用export function transTree(list) { // 定义储存树形图的空数组 const TreeList = [] // 传入对应的数组进行遍历 list.forEach(item => { // 将每一项都添加一个 children 进行遍历 item.children = [] // 判断是否有pid值 if (!item.pid) { // 没有pid值, pu

2021-09-01 15:55:35 508

原创 excel-导出

// 这种写法实际就是按需导入插件 this.downloadLoading = true // 这个插件默认不会在项目中导入, 只有点击按钮才开始去导入使用这个插件 // 返回的是 excel 里面的方法 import('@/vendor/Export2Excel').then(excel => { // 表头 const tHeader = ['Id', 'Title', 'Author', 'Readings...

2021-08-22 10:00:23 63

原创 Vue-前置守卫-包含白名单

import router from '@/router'import store from '@/store'// 创建白名单const widthList = ['/login', '/404']// 创建前置守卫router.beforeEach((to, from, next) => { // 获取token const token = store.state.user.token // 如果有Token if (token) { // 如果去的是登录页

2021-08-05 15:02:56 223

原创 学习笔记-Vue3基础

vue3的 优点最火框架 \ 性能提升 \ 体积更小 \ 类型推断 \ 高级给予 \ 组合API: 能够以更好的组织逻辑, 封装逻辑, 复用逻辑项目出口文件vue2导入app组件,导入构造函数,使用Vue舒适化vue实例,使用render使用App组件,挂载#app容器下基于Vue构造函数可以扩展vue功能vue3导入App组件,按需从vue导入createApp的函数,使用这个函数创建实例,挂载到#app容器中基于创建好的App实例扩展功能import { createApp }

2021-08-05 14:30:27 160

原创 Vue3api组件(1)

vue3的 优点最火框架 \ 性能提升 \ 体积更小 \ 类型推断 \ 高级给予 \ 组合API: 能够以更好的组织逻辑, 封装逻辑, 复用逻辑项目出口文件vue2导入app组件,导入构造函数,使用Vue舒适化vue实例,使用render使用App组件,挂载#app容器下基于Vue构造函数可以扩展vue功能vue3导入App组件,按需从vue导入createApp的函数,使用这个函数创建实例,挂载到#app容器中基于创建好的App实例扩展功能import { createApp }

2021-07-29 18:30:21 186

原创 Vuex-事件总线

事件总线​1. 非父子组件至之间的通讯2. 组件的自定义书见,只能由自己来触发在A组件触发一个自定义事件(myEvent), 触发的时候可以传值, 参数是A组件数据在B组件出发绑定自定义事件(myEvent),事件的函数接受传参,参数=其A组件数据触发事件和绑定事件由另一个组件负责,A导入触发事件,B导入绑定事件, 满足自定义书见触发绑定条件我们称为`事件总结`或者 `eventBus`导出Vue实例, 专门绑定事件和触发事件,完成组件之间的数据通讯// 1. 导入一个Vue

2021-07-17 17:12:41 305 3

原创 Webpack安装及配置

webpack安装-D: --save-dev的简写,安装到开发依赖,不会被打包-S: --save的简写,安装到生产依赖,会被打包介绍webpack本质是 一个Node.js 第三方模块包, 用于分析, 并打包代码好处减少文件数量,体积,提高(网站)加载速度准备环境npm init // 初使话环境 npm i webpack webpack-cli -D // 安装包依赖 在package.JSON 中 配置scripts(自定义打包命令) "自定义命令":

2021-07-05 14:29:27 165 4

原创 ES6数组的使用方法

使用方法**箭头函数**扩展运算符**Promise****async&await****数组的常用方法****sort: 排序****Join****includes****forEach****filter****map****find****findIndex****some****every****reduce**箭头函数简写// 当参数只有一个,可以省略小括号// 当函数体只有一句代码,可以省略大括号,此时自带return功能let fn = str =>{ c

2021-07-05 11:25:26 150 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除