自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CDN引入Vue3

注意:我们打开bootcdn网站,发现会有很多版本的,例如vue.global.prod.js、vue.esm-browser.min.js等。注意几个关键词,其中global是指提供一个全局的Vue属性、esm-browser是可以使用。在html的内引入,好似下面这样,我这边使用了。,因为比较顺眼,主要官网中提供的CDN很容易挂。

2024-04-25 08:57:56 422

原创 mui和uniapp跳转外部链接

Hbuilder开发的app,会涉及到跳转H5页面。

2024-04-12 10:14:58 468

原创 ES6中的Set集合

接口,所以可以使用「扩展运算符」和[for…它类似于数组,但成员的值都是唯一的集合实现了 iterator。4)has,检测集合中是否包含某个元素,返回boolean值。3)delete,删除元素,返回 boolean 值。ES6 提供了新的数据结构Set(集合)。2)add,增加一个新元素,返回当前集合。1)size,返回集合的元素个数。5)clear,清空集合。

2024-03-21 15:26:58 537

原创 苹果iOS证书(.p12)、描述文件(.mobileprovision)和推送证书(.p12)申请

下图所示:Bundle ID 选择 “Explicit”,在 Description 中填写描述,然后填写 Bundle ID,Bundle ID 要保持唯一性,建议填写反域名加应用标识的格式 如:“com.xxxx.xxx”, 接下来需要选择应用需要使用的服务(如需要使用到消息推送功能,则选择“Push Notifications”),然后点击 “Continue”。打开“应用程序”–>“实用工具”–>“钥匙串访问”–>“证书助理”中选择“从证书颁发机构请求证书”。如果没有帐号可以打开。

2024-03-20 16:12:39 1286

原创 let和const的特性

2、块级作用域 :if else while for 里面都不能在外面读取。4、对于数组和元素的修改,不算做对常量的修改,不会报错。3、不影响作用域链:向上一级寻找变量。1、变量不能重复声明。2、常量的值不能修改。

2024-03-15 13:26:15 334

原创 Promise.all 静态方法

概念:合并多个 Promise 对象,等待所有同时成功完成(或某一个失败),做后续逻辑。

2024-03-11 18:22:13 347

原创 Vue3调用钉钉api,内嵌H5微应用单点登录对接

钉钉内嵌H5微应用单点登录对接https://open.dingtalk.com/document/isvapp/obtain-the-userid-of-a-user-by-using-the-log-free前端需要的代码1、安装 dingtalk-jsapinpm install dingtalk-jsapi2、在所需页面引入import * as dd from 'dingtalk-jsapi'; // 引入钉钉api3、接收corpIdconst corpId = route

2024-03-11 18:07:23 730

原创 async函数和await

async函数是使用async关键字声明的函数。async函数是AsyncFunction构造函数的实例,并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为,而无需刻意地链式调用promise。

2024-02-27 14:39:33 325

原创 Promise链式调用

概念:依靠then()方法会返回一个新生成的Promise对象特性。继续串联下一环任务,直到结束。细节: then()回调函数中的返回值,会影响新生成的 Promise对象最终状态和结果。好处:通过链式调用,解决回调函数嵌套问题。

2024-02-27 11:11:19 328

原创 JS 节流 throttle

1、lodash 提供的节流函数来处理。单位时间内,频繁触发事件,只执行一次。2、手写一个节流函数来处理。

2024-02-05 11:07:55 364

原创 JS 防抖 debounce

单位时间内频繁触发事件,只执行最后一次。1、lodash提供的防抖来处理。2、手写一个防抖函数来处理。

2024-02-05 10:26:56 339

原创 JS 异常处理

我们可以通过try / catch 捕获错误信息(浏览器提供的错误信息)3.Error对象配合 throw使用,能够设置更详细的错误信息。try:试试 catch:拦住 finally:最后。1.throw抛出异常信息,程序也会终止执行。2.throw后面跟的是错误提示信息。调试界面,按F8停止调试。

2024-02-01 17:48:00 391

原创 JS浅拷贝和深拷贝

如果是简单数据类型拷贝值,引用数据类型拷贝的是地址(简单理解:如果是单层对象,没问题,如果有多层就有问题)如果一个函数在内部可以调用其本身,那么这个函数就是递归函数。3.通过JSON.stringify()文现。拷贝的是对象,不是地址。1.通过递归实现深拷贝。

2024-02-01 16:36:49 490

原创 [Violation] Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider marki

【代码】[Violation] Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider marki。

2024-01-30 14:25:23 769

原创 includes()函数

的搜索,以确定是否可以在一个字符串中找到另一个字符串,并根据情况返回 true 或 false。position:可选,在字符串中开始搜索 searchString 的位置。searchString:要在 str 中搜索的字符串。includes() 方法执行。

2024-01-30 09:27:36 402

原创 startsWith()函数

String 的 startsWith() 方法用来判断当前字符串是否以另外一个给定的子字符串开头,并根据判断结果返回 true 或false。searchString 期望被找到的起始位置(即 searchString 的第一个字符的索引)。searchString:要在该字符串开头搜索的子串。position:可选。

2024-01-30 09:13:46 455

原创 JS filter()模糊查询,过滤

filter() 方法创建给定数组一部分的浅拷贝,其包含通过所提供函数实现的测试的所有元素。

2024-01-29 17:09:32 501

原创 JS Array.from()

Array.from() 静态方法从可迭代或类数组对象创建一个新的浅拷贝的数组实例。简单来说就是把伪数组转换为真数组。

2024-01-29 16:50:15 358

原创 JS every()的应用

every() 方法测试一个数组内的所有元素是否都能通过指定函数的测试。如果每个数组元素都符合条件,则为 true。否则为 false。

2024-01-29 16:17:20 371

原创 Array find的应用

查找某条数据,并返回数组中第一个满足所提供测试函数的元素的值,否则返回undefined。

2024-01-29 16:07:44 336

原创 JS reduce的应用

作用:reduce返回累计处理的结果,经常用于求和等。

2024-01-29 15:40:11 334

原创 JS 构造函数和实例化执行过程

3、执行构造函数代码,修改this,添加新的属性。2、构造函数this指向新对象。

2024-01-26 16:04:42 377 1

原创 JS forEach循环遍历

forEach()方法用于调用数组的每个元素,并将元素传递给回调函数。主要使用场景:遍历数组的每个元素。

2024-01-26 14:22:12 359 1

原创 JS对象解构赋值

对象解构是将对象属性和方法快速批量赋值给一系列变量的简洁语法。

2024-01-26 13:50:05 358 1

原创 JS数组解构赋值

将数组的单元值快速批量的赋值给一系列变量的简洁语法。

2024-01-26 10:53:31 379 1

原创 JS获取对象的key和value值

【代码】JS获取对象的key和value值。

2024-01-26 08:50:17 403 1

原创 VUE2页面刷新解决store数据丢失的问题

监听 beforeunload 这个方法,beforeunload 在页面刷新时触发,监听 beforeunload 让页面在刷新前将数据存到 sessionStorage 中。然后,在页面刷新时,读取 sessionStorage 中的数据到 store 中。刷新页面时,vue实例重新加载,从而,store也被重置了。localStorage: 是永久存储,浏览器关闭后数据不会丢失,除非主动删除数据。系统登录后获取到用户权限存入store中,发现在刷新页面之后,store中的权限数据丢失了。

2024-01-23 13:44:48 584 1

原创 uniapp rich-text去掉img标签内置样式,自定义img样式

【代码】rich-text去掉img标签内置样式,自定义img样式。

2023-12-25 15:56:57 521 1

原创 vue3+element-plus动态路由菜单

icon使用的是阿里巴巴图标库,需要下载在index.html全局引入。2、创建组件 SideMenu.vue。路由先存到store里面。创建routes.ts。

2023-11-24 16:39:59 677 1

原创 Vue3-Vite创建项目

Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。3.选择框架(上下箭头选择,回车键确定)5.项目创建完成,运行项目。

2023-11-17 16:44:42 49

转载 vue3自适应不同百分比缩放,解决按钮等被遮挡的问题

请查看原文。

2023-10-26 09:47:18 111

原创 vue/cli脚手架搭建的vue3项目兼容低版本谷歌浏览器

找到项目中的.browserslistrc文件,增加一行。chrome >48 (版本号可以自行修改)

2023-10-08 09:15:53 653 1

原创 vue3 Uncaught SyntaxError: Unexpected token . 部分老版本浏览器报错

重新运行项目即可解决。

2023-09-20 16:26:28 815 2

原创 vue3(vue2)实现监听切出当前窗口,切回当前窗口调用查询接口

vue3(vue2)实现监听切出当前窗口,切回当前窗口调用查询接口。

2023-09-20 16:15:29 241 1

原创 TypeScript类型缩小

类型缩小的英文是Type Narrowing;我们可以通过类似于typeof padding === "number”的判断语句,来改变TypeScript的执行路径;在给定的执行路径中,我们可以缩小比声明时更小的类型,这个过程称之为缩小;而我们编写的 typeof padding === "number可以称之为类型保护( type guards );

2023-02-23 16:29:13 74

原创 !!运算符和??运算符的作用

它是ES 11增加的新特性;)是一个逻辑操作符,当操作符的左侧是null。将一个其他类型转换成boolean类型;类似于Boolean(变量)的方式;或者undefined时,返回其右侧操作数,否则返回左侧操作数;有时候我们还会看到!操作符,这些都是做什么的呢?

2023-02-23 10:51:34 89

原创 可选链的使用

可选链事实上并不是TypeScript独有的特性,它是ES11 ( ES2020)中增加的特性

2023-02-23 10:27:50 49

原创 认识TypeScript

认识TypeScript

2023-02-14 10:19:44 31

原创 historyApiFallBack的使用

historyApiFallback是开发中一个非常常见的属性,它主要的作用是解决SPA页面在路由跳转之后,进行页面刷新时,返回404的错误。事实上devServer中实现historyApiFallback功能是通过connect-history-api-fallback库的。如果设置为true,那么在刷新时返回404错误时,会自动返回index.html的内容。可以配置from来匹配路径,决定要跳转到哪一个页面。

2023-02-13 15:49:12 516

原创 关于箭头函数中this的指向

关于箭头函数中this的指向普通函数的this:指向他的调用者,如果没有调用者则默认指向window箭头函数的this:指向箭头函数定义时所处的对象,而不是箭头函数使用时所在的对象,默认使用父级的this举个例子:<div id="box></div>const box = document.getElementById('box')综上:箭头函数没有自己的this,它的this是继承而来的,默认指向在定义它时所处的对象(宿主对象)...

2021-07-28 17:26:50 134

空空如也

空空如也

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

TA关注的人

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