- 博客(21)
- 收藏
- 关注
原创 封装了Android、iOS的应用权限判断、打开应用权限设置界面、以及位置系统服务是否开启
【代码】封装了Android、iOS的应用权限判断、打开应用权限设置界面、以及位置系统服务是否开启。
2023-10-17 13:54:48 333
原创 高德地图vue-amap
地址:https://elemefe.github.io/vue-amap/?高德地图文档地址:https://lbs.amap.com/demo/javascript-api/example/map-lifecycle/map-show。gitHub地址:https://github.com/ElemeFE/vue-amap/Vue-amap 地图。
2023-10-16 11:31:04 131
原创 003-前端面试-vue之v-show和v-if的区别
1、什么是v-if和v-show。2、v-if和v-show的区别。3、v-if和v-show的使用场景。
2023-02-24 13:19:28 241
原创 说一说es6中箭头函数?
箭头函数相当于匿名函数,简化了函数定义。箭头函数有两种写法,当函数体是单条语句的时候可以省略{}和return。另一种是包含多条语句,不可以省略{}和return。箭头函数最大的特点就是没有this,所以this是从外部获取,就是继承外部的执行上下文中的this,由于没有this关键字所以箭头函数也不能作为构造函数, 同时通过 call() 或 apply() 方法调用一个函数时,只能传递参数(不能绑定this),第一个参数会被忽略。箭头函数也没有原型和super。不能使用yield关键字,因此箭头函数不
2021-10-28 21:52:21 280
原创 vite搭建vue3+ts项目(包含sass,vue-router)
相关资料网址vue3.0官网:https://cn.vuejs.org/vite官网: https://vitejs.cn/通过vite进行创建的步骤npm i vite -gvite -v //根据是否返回版本号判断是否下载成功npm init vite-app 项目名 创建项目cd 文件夹名npm inpm run dev //看到网址打开前五步为vite的使用搭建npm i -S typescript vue-router@next //安装ts和router配置
2021-10-19 18:11:37 999
原创 javaScript闭包详解
一. 闭包的概念闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护私有变量不受外界干扰,直观的说就是形成不销毁的栈环境闭包用一句话概括就是有权使用另一个函数作用域下的变量的函数个人见解:1.闭包就是函数间的跨作用域访问2.闭包可以让外部函数访问到内部函数声明的变量3.由于浏览器的机制它会将不使用的变量进行回收,然而闭包会一直使用函数内部的变量,所以浏览器不会对其进行回收,要想对其进行回收,只需将调用函数的值赋值为null就好了二. 闭包的形式分配给全局变量let baz;
2021-10-14 19:30:41 174
原创 vue3中echarts所属组件切换后不展示
现象: 刷新页面的时候,echarts正常显示,但切换组件的时候,echarts图表就看不见了原因: 在离开当前页面的时候,echarts事例并没有被销毁,再次进入该页面的时候,就不会触发更新解决: 在onBeforeUnmount生命周期中销毁echarts实例onBeforeUnmount(() => { myChart.dispose(); ticketsChart.dispose();});...
2021-09-09 17:19:05 1367
原创 日历插件---FullCalendar (vue3中实现,常用详细的功能以及样式、有源码)
FullCalendar官网在vue3中的使用方式FullCalendar的使用步骤安装FullCalendar相关插件 "@fullcalendar/core": "^5.9.0", "@fullcalendar/daygrid": "^5.9.0", "@fullcalendar/interaction": "^5.9.0", "@fullcalendar/timegrid": "^5.9.0", "@fullcalendar/vue3": "^5.9.
2021-09-08 13:53:56 17714 14
原创 echarts在vue3中的使用(全局使用和按需使用)
echarts官方链接全局使用main.ts的代码中:import { createApp } from 'vue';import App from './App.vue';import * as echarts from 'echarts';//引入echartsconst app = createApp(App);app.config.globalProperties.$echarts = echarts;//全局使用router.isReady().then(() => {
2021-09-08 12:24:13 7215 1
原创 input修改自动填充背景色
填充前的图填充后的图解决方法通过控制台查找原因,发现一些原因,修改后只修改了部分样式,通过度娘成功实现:deep(.ant-input:-internal-autofill-previewed) { -webkit-text-fill-color: #ffffff !important; transition: background-color 5000s ease-in-out 0s !important;}:deep(.ant-input:-internal-autofill-
2021-09-03 16:37:40 1211
原创 let和const命令
let命令let声明的变量仅在块级作用域内有效不存在变量提升,如果在声明变量前引用该变量会导致暂时性死区不允许重复声明只要块级作用域内存在let命令,它所声明的变量就绑定这个区域,不会收到外界的影响,总之,在代码块内,使用let命令声明之前就使用这些变量,就会报错const命令const声明一个只读的常量。一旦声明,常量的值就不能改变,这也就意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值const命令声明的变量也是不提升,同样存在暂时性死区,只能在声明的位置后面使
2021-09-01 16:55:07 79
原创 vue-i18n前端国际化---vue3
介绍vue-i18nvuei18n的安装在上面的官方文档里都有详细介绍vue-i18n的使用步骤首先在项目里创建一个文件夹为languages,里面再创建一个langs文件夹和i18n.ts,如下图index.ts的代码内容:import en from './enUs';import cn from './cn';export default { 'zh-cn': cn, English: en,};i18n.ts的代码内容:在这里插入代码片List ite
2021-08-25 15:12:08 590 1
原创 数组中的元素转成Number或者String---数组map方法
数组中的元素转成Number类型let num: any = ["1", "2", "3"];num = num.map(Number);console.log(num); //[1, 2, 3]数组中的元素转成String类型let str: any = [1, 2, 3];str = str.map(String);console.log(str); //["1", "2", "3"]延伸map方法定义:map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的
2021-08-25 11:56:23 2053
原创 nextTick的用法(scrollTop/echarts)
文章目录前言一. scrollTop一直为0二. nextTick总结前言提示:文章可能有错误的地方,希望各位大佬能够指出,谢谢一. scrollTop一直为0Why scrollTop==0?那是因为你给一个没有滚动条的元素设置滚动条的位置。documentElement.scrollTop或者document.body.scrollTop 一直为0的情况产生根本原因是因为没有给scrollTop的元素设定值,直接原因还是因为浏览器兼容问题。document.documentEleme
2021-08-18 14:06:09 493
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人