自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

蓝斑.json的博客

@腾讯科技,JavaScript高级程序

  • 博客(125)
  • 收藏
  • 关注

原创 uniApp应用软件在运行时,不符合华为应用市场审核标准。解决方案合集!

最新更改时间:20023-12-10第一次做App应用开发相信大家一定都遇到过华为应用市场审核的“驳回”!有些问题一看就明白可以立马修改,而有一些问题修改意见比较笼统,导致我们反反复复修改提交反反复复被驳回,哈哈真的挺搞心态的。今天我做了一些针对难搞的不符合华为应用市场审核标准问题,做了一个解决方案合集,希望大家看完能够早日上架app!

2023-12-10 11:15:21 2562 3

原创 TinyMce富文本处理器 在Vue3 vue-vite中使用(小白避坑 必看)

这里先声明一下:TinyMce在4.0以后就不支持Vue2.0了, 所以我们需要固定版本,或者降低版本!我是觉得吧 tinymce这个富文本编辑器是最好用用起来可以说是非常丝滑、简单易懂。以上都是一些原始的功能 接下来我们再导入一些文件 即可满我们大部分需求啦。我们下一步 把下载的 zh_CN.js 文件放到 public 目录下。编辑器本身是英文编辑器,所以还需要下载本地化文件(下载这个)再在components 注册。然后我们再使用这个方法。vue3的下载命令如下。vue2的下载命令如下。

2023-03-06 14:57:57 10474 36

原创 全面解析“通义千问”:功能、优势与使用指南

无论是专业领域的知识查询、日常生活的疑问解答,还是新闻时事的解读分析,“通义千问”都能以接近真人对话的方式,实时为用户提供高质量的信息反馈。“通义千问”是由阿里云研发的一款先进的人工智能语言模型,以其强大的自然语言处理能力与广泛的知识覆盖面,在教育、咨询、信息检索等领域发挥着重要作用。知识广度和深度:“通义千问”基于海量的数据训练而成,具备深厚的知识储备,可以涵盖科技、文化、历史、生活等各类主题,无论问题多么复杂或独特,它都有可能给出准确的答案。三、“通义千问”的使用方法。二、“通义千问”的优势。

2024-03-26 15:05:11 1247

原创 如何拥有自己的服务器域名

综上所述,拥有一台带有域名的服务器,你需要完成域名购买、域名解析配置、服务器准备与环境搭建等一系列操作。确保每个环节的正确设置,最终使得用户可以通过域名访问到你的服务器所提供的服务。

2024-03-26 14:57:03 398

原创 webpack创建vue3+ts框架运行时报错:‘./App.vue‘ or its corresponding type declaration 的问题

这段代码段就是官方的哈,小伙伴赶紧试试吧。后缀的声明文件中添加下面的代码。解决方法:项目的根 shim.

2024-03-17 21:09:22 130

原创 webpack创建vue3+ts框架运行时报错: You may need an additional loader to handle the result of these loaders.

安装完成后再到webpack.config.js文件配置一下module即可。

2024-03-17 20:26:51 676

原创 程序员的15年:从初入行到技术大师的成长之路

作为一名程序员,我沿着技术的道路走过了15年的风雨兼程,这段旅程充满了挑战、收获和成长。回顾这段时间,我不禁感慨万千,思绪仿佛穿越时光隧道,重温着那些曾经的起起伏伏。

2024-03-07 14:04:43 282

原创 Vue2 vue3页面等待加载组件动画,纯代码

float{整数} 作用:调整加载动画大小。

2024-03-07 14:02:35 219

原创 JavaScript中数组相关

18. Array.prototype.every(): 检测数组中的所有元素是否都满足指定条件,如果都满足返回true,否则返回false。21. Array.prototype.findIndex(): 返回数组中满足指定条件的第一个元素的索引,如果找不到则返回-1。7. Array.prototype.splice(): 删除、替换或插入数组中的元素,并返回被删除的元素组成的新数组。15. Array.prototype.map(): 创建一个新数组,其结果是对原数组中的每个元素进行指定操作后的值。

2024-03-04 16:51:29 254

原创 ES6对象新增了哪些扩展?

ES6允许在对象字面量中更简洁地定义属性和方法。您可以省略属性名称和冒号,如果属性名和变量名相同,可以直接使用变量名作为属性名。ES6(ECMAScript 2015)为JavaScript中的对象引入了一些新的扩展功能。: ES6引入了Symbol数据类型,它是一种唯一且不可改变的数据类型,可以用作对象属性的键。这些是ES6中引入的一些主要对象扩展功能。方法用于将一个或多个源对象的属性复制到目标对象。: 您可以在对象字面量中使用表达式作为属性名,这使得属性名更灵活。方法用于设置对象的原型。

2024-01-25 09:08:24 652

原创 ES6中数组新增了哪些扩展?

ES6(ECMAScript 2015)为JavaScript中的数组引入了许多新的扩展功能。方法允许您将类似数组的对象或可迭代对象转换为真正的数组。) 允许您在数组字面量、函数调用或其他表达式中展开数组,以便将数组的元素合并到新的数组中。: 模板字符串允许您插入变量和表达式到字符串字面量中,这对于创建动态的数组内容非常有用。属性,您可以更容易地自定义数组方法的行为,以便它们返回与原始数组相同类型的新数组。方法允许您将数组的一部分复制到另一部分,同时保留原始数组的长度。方法用于创建具有给定参数的新数组。

2024-01-25 09:01:38 506

原创 JavaScript中的面向对象

通过对象、构造函数、原型链和继承,你可以更有效地组织和管理你的代码,并实现复杂的程序结构。JavaScript 中的面向对象编程(OOP)是一种编程范式,它允许你使用对象来组织和管理代码。:JavaScript 中的对象是属性的集合,每个属性都有一个键和一个值。对象可以用来表示现实世界中的事物,如人、汽车、书等。:JavaScript 中的对象可以继承其他对象的属性和方法。:JavaScript 支持原型继承,你可以创建子类并继承父类的属性和方法。通过构造函数,你可以定义对象的属性和方法,然后使用。

2024-01-24 08:36:41 358

原创 面向对象与面向过程有什么区别?

*比如你做一个计算器程序,你的函数就要确保处理的是合理的数据,这样最起码加减乘除四个函数里,你就都要写对参数进行检测的代码,写四遍或者复制粘贴四遍不会很烦,但多了你就痛苦了,而且因为这些检测代码是跟你的加减乘除函数的本意是无关的,却一定要写在那里,使代码变得臃肿不堪、意图模糊,不能直观地看出其用意。面向过程的设计思路就是首先分析问题的步骤:1、开始游戏,2、黑子先走,3、绘制画面,4、判断输赢,5、轮到白子,6、绘制画面,7、判断输赢,8、返回步骤2,9、输出最后结果。,函数们的行为是固定的。

2024-01-24 08:30:35 985

原创 在vue中如何使用: new Notification

注意:由于通知相关的API设计有限制,通常只能在用户主动交互(例如点击按钮)的事件处理程序中请求授权和创建通知。在非用户主动交互的情况下尝试创建通知(例如在组件的生命周期钩子中)可能会被浏览器阻止。用户授权:为了向用户显示通知,需要获得用户的授权。API在现代浏览器中是可用的,但部分浏览器可能存在兼容性问题。来创建通知,传递通知的标题和选项。根据用户的授权情况,将决定是否创建通知。请参考浏览器的相关文档以及适当处理和尊重给用户的通知权限和体验。在Vue中,你可以在组件的方法中调用。在Vue中,你可以使用。

2024-01-23 08:16:12 684

原创 typescript实现代码雨(课堂笔记)

【代码】typescript实现代码雨(课堂笔记)

2024-01-23 08:08:55 420 4

原创 Javascript本地存储的方式有哪些?区别及应用场景?

javaScript。Cookie,类型为「小型文本文件」,指某些网站为了辨别用户身份而储存在用户本地终端上的数据。是为了解决HTTP无状态导致的问题

2024-01-22 08:33:53 1010

原创 JavaScript 中内存泄漏的几种情况

引用未被释放的对象是一种常见的内存泄漏情况。在JavaScript中,如果有对某个对象的引用,而后没有显式地释放这个引用,该对象就无法被垃圾回收机制回收。

2024-01-22 08:32:10 1536

原创 深拷贝浅拷贝的区别?如何实现一个深拷贝?

因为它将字符串类型的 "1" 转换为数字类型的 1 后再进行比较。但是在某些情况下,它的行为可能会导致意外的结果,因为类型转换可能会引入一些不符合预期的比较结果。"===" 是一种严格的相等比较,用于比较两个值是否不仅在值上相等,而且在类型上也相等。"==" 是一种宽松的相等比较,用于比较两个值是否相等。它会进行类型转换,将两个不同类型的值转换为相同类型后再比较。总结起来,"==" 比较宽松,进行类型转换后再比较;而 "===" 则更加严格,要求类型和值都相等才返回。,因为它们的类型不同。

2024-01-21 10:29:55 561

原创 探索深拷贝:数据复制的细节与应用

第二部分:深拷贝的实现方法 深拷贝的实现方式有多种,其中常见的包括手动递归复制、使用序列化与反序列化、使用第三方库等。第一部分:深拷贝的概念与原理 深拷贝是指在进行数据复制时,不仅复制了数据本身,还复制了数据所引用的所有对象和子对象。深拷贝保证了每个对象都有独立的内存空间,互不影响。在理解深拷贝的概念和原理的基础上,合理选择实现方式,并结合具体的应用场景,可以充分发挥深拷贝的优势,提高程序的稳定性和性能。导语:在程序开发中,数据的复制是一个常见的操作,而深拷贝作为一种特殊的复制方式,具有着重要的意义。

2024-01-21 10:18:48 577

原创 高级编程。JavaScript中有哪些类型转换机制?

前面我们讲到,JSundefinednullbooleanstringnumbersymbolobject但是我们在声明的时候只有一种数据类型,只有到运行期间才会确定当前类型let x = y?1 : a;上面代码中,x的值在编译阶段是无法获取的,只有等到程序运行时才能知道虽然变量的数据类型是不确定的,但是各种运算符对数据类型是有要求的,如果运算子的类型与预期不符合,就会触发类型转换机制强制转换(显示转换)自动转换(隐式转换)

2024-01-20 08:46:03 1033

原创 高级编程,JavaScript笔记-字符串的常用方法

我们也可将字符串常用的操作方法归纳为增、删、改、查,需要知道字符串的特点是一旦创建了,就不可变。这里的删的意思并不是说删除原字符串的内容,而是创建字符串的一个副本,再进行操作。这三个方法都返回调用它们的字符串的一个子字符串,而且都接收一或两个参数。从字符串开头去搜索传入的字符串,并返回位置(如果没找到,则返回 -1 )这里增的意思并不是说直接增添内容,而是创建字符串的一个副本,再进行操作。这里改的意思也不是改变原字符串,而是创建字符串的一个副本,再进行操作。把字符串按照指定的分割符,拆分成数组中的每一项。

2024-01-20 08:43:46 416

原创 记录一下JavaScript数组的常用方法,及代送

传入三个参数,分别是开始位置,要删除元素的数量,要插入的任意多个元素,返回删除元素的数组,对原数组产生影响。首先会创建一个当前数组的副本,然后再把它的参数添加到副本末尾,最后返回这个新构建的数组,不会影响原始数组。传入三个参数,分别是开始位置、0(要删除的元素数量)、插入的元素,返回空数组。传入两个参数,分别是开始位置,删除元素的数量,返回包含删除元素的数组。方法接收任意数量的参数,并将它们添加到数组末尾,返回数组的最新长度。对数组每一项都运行传入的函数,返回由每次函数调用的结果构成的数组。

2024-01-19 10:05:14 368

原创 高级编程JavaScript中的数据类型?存储上能有什么差别?

在JavaScript两种类型的区别是:存储位置不同。

2024-01-19 10:02:04 1019

原创 vue3有了解过吗?能说说跟vue2的区别吗?

关于vue3的重构背景,尤大是这样说的:「Vue 新版本的理念成型于 2018 年末,当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久,但在这段时期,前端世界已经今昔非比了在我们更新(和重写)Vue 的主要版本时,主要考虑两点因素:首先是新的 JavaScript 语言特性在主流浏览器中的受支持水平;其次是当前代码库中随时间推移而逐渐暴露出来的一些设计和架构问题」利用新的语言特性(es6)解决架构问题。

2024-01-18 08:07:26 1081

原创 你是怎么处理vue项目中的错误的?

另外,如果任何被覆盖的钩子或处理函数返回一个 Promise 链 (例如 async 函数),则来自其 Promise 链的错误也会被处理。中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理。此钩子会收到三个参数:错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。从 2.2.0 起,这个钩子也会捕获组件生命周期钩子里的错误。是 2.5.0 新增的一个生命钩子函数,当捕获到一个来自子孙组件的错误时被调用。时,被捕获的错误会通过。

2024-01-18 08:04:48 524

原创 高级编程JavaScript。js实现 Notifications 浏览器消息通知

Notifications 用户授权显示通知是通过浏览器内部的一个对话框完成的。向用户请求通知权限。这个对象有一个 requestPemission() 方法,该方法返回一个期约,用户在授权对话框上执行操作后这个期约会解决。"granted"值意味着用户明确授权了显示通知的权限。JavaScript API 触发页面外部的浏览器行为,而且都允许页面处理用户与对话框或通知弹层的交 互。Progressive Web Application) 通过触发通知可以在页面不活跃时向用户显示消息,看起来就像原生应用。

2024-01-15 20:05:27 1326 1

原创 web worker 在开发环境不能调用本地workjs吗?

Web Worker在开发环境中不能直接调用本地的Worker脚本(.js文件),因为Worker线程无法读取本地文件(file://)。这是由于浏览器的安全策略所限制的。安全错误:位于 file:///D:/Vue_vue/TsDemo/index.html 的内容不可以加载来自 file:///D:/Vue_vue/TsDemo/worker.js 的数据。Worker脚本(worker.js)必须通过网络地址(例如http://example.com/worker.js)来加载,而不是本地文件路径。

2024-01-15 20:02:28 588

原创 从JavaScript的角度上讲解一下xml

它与HTML相似,但XML并没有预定义的标签,可以自定义标签及其属性。从JavaScript的角度来看,XML可以通过不同的API以及浏览器内置的解析器来处理和操作。从JavaScript角度上讲,XML可以通过XMLHttpRequest请求XML文件,并使用DOM解析器或XPath对XML数据进行解析、操作和修改。使用DOM解析器: 使用DOM解析器可以通过JavaScript操作整个XML文档的树状结构,可以查找、添加、删除和修改XML元素。对象来创建一个新的XML对象,并进行与服务器的交互。

2024-01-14 08:31:53 565

原创 html+JavaScript的媒体元素

属性- 属性每个元素至少要求有一个 src 属性,以表示要加载的媒体文件。我们也可以指定表示视频播放器大 小的width和height属性,以及在视频加载期间显示图片URI的poster属性。另外,ontrols 属性如果存在,则表示浏览器应该显示播放界面,让用户可以直接控制媒体。开始和结束标签之间的内 容是在媒体播放器不可用时显示的替代内容。由于浏览器支持的媒体格式不同,因此可以指定多个不同的媒体源。为此,需要从元素中删除 src属性,使用一个或多个

2024-01-14 08:31:39 575

原创 高级JavaScript。同步和异步,阻塞和非阻塞

同步+阻塞同步+非阻塞异步+阻塞异步+非阻塞在当什么是同步和异步,阻塞与非阻塞的概念还没弄清楚之前,更别提上面这些组合术语了,只会让你更加困惑。

2024-01-13 10:53:05 463

原创 高级JavaScript。如何用JavaScript手撸一个富文本编辑器?

使用- 富文本编辑基本的技术就是在空白HTML文件中嵌入一个iframe。通过designMode属性,可以将这个空白文档变成可以编辑的,实际编辑的则是元素的HTML。designMode属性有两个可能的值:"off"(默认值)和"on"。设置为"on"时,整个文档都会变成可以编辑的(显示插入光标),从而可以像使用文字处理程序一样编辑文本,通过键盘将文本标记为粗体、斜体,等等。作为iframe源的是一个非常简单的空白HTML页面。

2024-01-13 10:48:37 1124

原创 使用 JavaScript 实现的进度条更新的函数。

【代码】使用 JavaScript 实现的进度条更新的函数。

2024-01-12 17:31:43 385

原创 什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路

虚拟 DOM ()这个概念相信大家都不陌生,从React到Vue,虚拟DOM为这两个框架都带来了跨平台的能力(和Weex实际上它只是一层对真实DOM的抽象,以JavaScript对象 (VNode节点) 作为基础的树,用对象的属性来描述节点,最终可以通过一系列操作使这棵树映射到真实环境上在Javascript对象中,虚拟DOM表现为一个Object对象。并且最少包含标签名 (tag)、属性 (attrs) 和子元素对象 (children) 三个属性,不同框架对这三个属性的名命可能会有差别创建虚拟。

2024-01-12 11:44:49 1079

原创 JavaScript中这些事件(event)类型你都知道吗?

JavaScript中有许多不同类型的事件,用于监听和响应Web页面上的各种交互和用户动作。以下是一些常见的JavaScript事件类型:clickmouseovermouseoutmousedownmouseupkeydownkeyupkeypresssubmitchangefocusblurloadresizescrollplaypauseendedcanplayerrorofflineonline要使用这些事件,您可以使用JavaScript为元素添加事件监听器,然后定义要执行的函数。

2024-01-12 11:32:28 1016

原创 JavaScript中最重要的一环之一,ajax发送请求!!

同步的 XMLHttpRequest (async = false),因为 JavaScript 将停止执行直到服务器响应就绪。如果服务器繁忙或缓慢,应用程序将挂起或停止。在 AJAX 之前,此操作可能会导致应用程序挂起或停止。你也会在更老的 JavaScript 代码中看到同步请求。在上面的例子中,您可能会获得一个缓存的结果。通过 XMLHttpRequest 对象,您可以定义当请求接收到应答时所执行的函数。如需向服务器发送请求,我们使用 XMLHttpRequest 对象的。如需执行同步的请求,请把。

2024-01-11 08:58:43 639

原创 css滚动条样式实验室

【代码】css滚动条样式实验室。

2024-01-10 09:43:08 363

原创 高级JavaScript中的闭包、防抖和节流,到底是怎么样的?

从语法结构来说 闭包是一种JS特有的函数嵌套结构1. 函数嵌套(至少有两个函数)2. 内层函数中使用了外层函数的变量或参数3. 内层函数被返回到外部在外部使用1. 保护具有共享意义的变量2. 隔离作用域 避免作用域污染3. 为变量提供对外访问接口1. 概念复杂 不易理解2. 占用过多资源(内存) 大量使用不利于代码优化闭包作用域中的值 不会随垃圾回收机制销毁;销毁闭包的方式是将闭包的函数赋值为null。

2024-01-10 09:19:57 558 1

原创 高级JavaScript中最有趣的原型、原型链?

每个对象都拥有一个指针(__proto__),固定指向该对象构造函数的原型对象;封装:通俗的来说就是封装函数,通过私有化的变量和私有化的方法,不让外部访问到。多态: 多态就是通过对传递的参数判断来执行逻辑,即可实现一种多态处理机制。1).通过原型prototype对象实例化实现此类的继承;2).直接实例化对象复制,完全复制父类对象。公有属性,指向同一个内存地址;对象优先查找自身私有属性;可以被所以实例对象访问;

2024-01-10 09:11:03 791 1

原创 浏览器web/js/javaScript视图滚动

【代码】浏览器web/js/javaScript视图滚动。

2024-01-05 19:27:48 386

原创 vue3中如何解决跨域问题(真正意义上的一行代码解决跨域)

在使用 Vue 3 时,解决跨域问题通常涉及对开发服务器的配置和可能的后端更改。

2024-01-05 17:33:58 929 2

uni-app uniApp蓝牙打印机安卓通用型

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,能够编译到iOS、Android、以及各种小程序和Web平台。它允许开发者使用同一套代码开发多平台应用,极大地提高了开发效率。 关于 uni-app 配合安卓通用型打印机的使用,主要涉及到如何在 uni-app 项目中集成安卓设备的打印功能。这通常需要通过调用安卓系统的打印服务API或者通过第三方库来实现。步骤大致如下: 集成SDK:首先,如果打印机供应商提供了SDK,需要将其集成到uni-app项目中。这通常涉及到修改原生安卓项目的部分,比如添加依赖库等。 权限请求:确保应用有访问打印服务的权限。这可能需要在应用的AndroidManifest.xml中添加特定的权限声明。 实现打印逻辑:通过编写Java代码调用打印服务API或者使用供应商提供的SDK来实现打印逻辑。这部分代码通常需要放在App平台的原生代码部分。 JS与原生代码通信:在uni-app的Vue.js代码中,使用uni-app提供的API与原生代码进行通信,发送打印任务。这可能涉及到使用plus.android等

2024-03-03

空空如也

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

TA关注的人

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