- 博客(13)
- 收藏
- 关注
RSS订阅原创 promise和async用法及区别
promise翻译过来的意思是保证,我们在日常生活中听到的最多的保证，保证我以后不会在犯错了，保证的是未来的一个事情，promise也一样只是跟人不同它是真会保证，它会保证在未来的时间中会给你一个结果，但是它也不知道多久给你，它也不知道这个结果是好的结果还是坏的结果，所以你的需要.then和.catch两种方式去接，分别对应了好结果与坏结果。上面的代码有一个不带时间的setTimeout其起到的作用是让事件先注册成功再执行setTimeout中的代码。上面代码打印出来的顺序是什么呢？
2023-05-17 14:37:26
126
原创 element ui中BEM命名规则
让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密.这篇文章主要介绍了CSS BEM 命名规范简介。大家有没有那种取名选择症，每一次给元素取名就是对自己的一次折磨，每一次都要想的绞尽脑汁，BEM就是解决这个问题的解，试项目css可读性提高，避免样式污染，提高项目工程化，这就是BEM的魅力。首先我们先来看一看elementui源码，BEM在packages/theme-chalk/src/mixins/mixins.scss中，下面直接上代码，首先先要了解一些scss语法。
2023-04-18 15:19:47
304
原创 vite.config.ts中的配置与打包
vite打包后发现所有的css，js，png等都在static文件夹内，配置vite.config.js实现分割代码并存于不同的文件中。vite.config.ts中配置build。
2023-04-17 16:47:44
2407
原创 对call深入浅出的李姐
上面这个this就很明显指向的是obj打印出来也应该是obj，但是现在我们有了一个obj1对象(下图）按照上面说的我们obj.lijie()调用this指向的是obj可是，obj里面是王姐我们不想被王姐深入浅出只想被李姐深入浅出怎么办呢？这是call出来了，带着李姐向你们走来了obj.lijie().call(obj1)就能完美解决这个问题投入李姐的怀抱中去。把我们上面说的东西整合一下，函数this指向的是调用它的对象，那想让this指向另外一个对象让另外一个对象调用他不就好了嘛。
2023-04-13 16:13:13
53
原创 vue3+pinia+路由守卫实现用户访问页面权限
3.切换账号时，上一个账号的路由权限没有删除，比如我先登陆一个叫admin的管理员账号，登出后再登陆一个叫test的用户账号，会发现在test账号中可以访问admin的路由，我当时唰一下脸就白了，当时就觉得这个逼不讲武德，细细想来我只添加了路由而没有删除路由，这时的我脑海中想到了两个办法，一个是利用上面提到过的刷新初始化路由的方法，只需要登出后location.reload()一下就能解决问题，就是用户看起来不优雅。在路由守卫中next({ …在路由守卫中判断用户是否登录，是否添加路由，是否处理路由。
2023-04-13 15:10:58
791
原创 vue中父调用子组件的方法
vue中父调用子组件的方法首先父组件中引入子组件import Son from '@/components/son.vue'在components中注册自组件components: { Son},在使用子组件时在子组件元素上加上ref<Son ref ="Son_box"></Son>使用子组件方法this.$refs.map_box.子组件方法名()...
2021-06-25 14:37:00
72
原创 初见高德地图
高德地图初见---vue初始化一个高的地图给我们的高德添加事件点击事件marker初始化一个高的地图//mapDiv是高德地图的一个定高定宽的盒子的idthis.map = new AMap.Map('mapDiv', { zoom: 11,//是缩放级别 center: [104.068444, 30.650597],//地图的中心点坐标 viewMode: '3D'//使用3D视图 });给我们的高德添加事件//当点
2021-06-25 14:30:45
179
原创 vue常用路由配置
vue常用路由配置// 引入import Vue from "vue";import VueRouter from "vue-router";import Home from "../views/home/index.vue";//挂载vue路由Vue.use(VueRouter);const routes = [ { path: "/", name: "Home", component: Home, meta: { title: '首页',
2021-06-09 15:57:35
77
原创 vue中echarts的封装
vue中echarts的封装在html中在js中在html中<template> <div> <!-- 准备一个局别宽和高的容器 --> <div ref="box" style="height: 600px; background-color: #fff"></div> </div></template>在js中<script>//引入echartsconst echar
2021-06-07 10:46:47
197
原创 vue中封装axios
vue中封装axios安装axios封装axios安装axiosnpm install axios --save封装axios
2021-05-26 11:06:47
154
原创 vue app 自动检查更新下载
vue app 自动检查更新下载下面是用element ui 封装的安装进度条组件<template> <div> <el-dialog :title="msg" :visible.sync="dialogVisible" width="80%" :close-on-click-modal="false" :close-on-press-escape="false" :show-clos
2021-05-11 15:47:59
553
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人