自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

IIIIIAN

米开朗基罗的自我雕刻

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

原创 Vue3+Vite 调用高德JS API快速生成带有地图控件的页面

代码如下,需要添加自己的高德key和安全密钥。

2024-07-17 21:16:54 135

原创 Vscode中Github copilot插件无法使用(出现感叹号)解决方案

4、跳转至github登录页,输入令牌完成登陆后返回VScode。2、搜索查询或翻找到Github compilot。1、击扩展或ctrl + shift +x。3、点击插件并再左侧点击登录github。点击Sign up for a ...5、插件可以正常使用。

2024-07-14 20:56:58 259

原创 Vue3-组件通信-尚硅谷

子 => 父。注意区分好:原生事件、自定义事件。原生事件:事件名是特定的(clickmosueenter等等)事件对象$event: 是包含事件相关信息的对象(pageXpageYtargetkeyCode自定义事件:事件名是任意名称事件对象$event: 是调用emit时所提供的数据,可以是任意类型!!!--在父组件中,给子组件绑定自定义事件:--> < Child @send-toy = " toy = $event " /> <!

2024-06-07 21:15:34 562

原创 Vue3-readonly 与 shallowReadonly

只将对象的顶层属性设置为只读,对象内部的嵌套属性仍然是可变的。作用:用于创建一个对象的深只读副本。类似,但只作用于对象的顶层属性。适用于只需保护对象顶层属性的场景。

2024-06-07 00:30:00 192

原创 Vue3-customRef

并对其依赖项跟踪和更新触发进行逻辑控制。作用:创建一个自定义的。

2024-06-05 06:30:00 105

原创 Vue3-toRaw 与 markRaw

官网描述:这是一个可以用于临时读取而不引起代理访问/跟踪开销,或是写入而不触发更改的特殊方法。不建议保存对原始对象的持久引用,请谨慎使用。返回的对象不再是响应式的,不会触发视图更新。—— 在需要将响应式对象传递给非。作用:用于获取一个响应式对象的原始对象,可以确保它们收到的是普通对象。的库或外部系统时,使用。变为响应式对象,可以使用。作用:标记一个对象,使其。

2024-06-05 01:00:00 172

原创 Vue3-Pinia状态管理器

Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话,你可能会认为可以通过一行简单的来共享一个全局状态。对于单页应用来说确实可以,但如果应用在服务器端渲染,这可能会使你的应用暴露出一些。

2024-06-04 07:00:00 857

原创 Vue3-shallowRef与shallowReactive

通过使用 shallowRef()和 shallowReactive()来绕开深度响应。浅层式API创建的状态只在其顶层是响应式的,对所有深层的对象不会做任何处理,避免了对每一个内部属性做响应式所带来的性能成本,这使得属性的访问变得更快,可提升性能。

2024-06-04 01:00:00 278

原创 Vue3新组件

指令在组件上的使用已经被重新设计,替换掉了。在同一个元素身上使用时的优先级发生了变化。

2024-06-03 17:19:57 249

原创 Vue3-VueRouter

query 传参配置的是 path,而 params 传参配置的是name,且在 params中配置 path 无效query 传递的参数会显示在地址栏中,而 params传参不会query 传参刷新页面数据不会消失,而 params传参刷新页面数据回消失params 可以使用动态传参,动态传参的数据会显示在地址栏中,且刷新页面不会消失,因此可以使用动态 params传参,根据动态传递参数在传递页面获取数据,以防页面刷新数据消失。

2024-06-03 17:01:08 1090

原创 Vue3-生命周期

会在合适的时机,调用特定的函数,从而让开发者有机会在特定阶段运行自己的代码,这些特定的函数统称为:生命周期钩子。组件实例在创建时要经历一系列的初始化步骤,在此过程中。,每个阶段都有两个钩子,一前一后。

2024-06-03 09:00:00 360

原创 Vue3-Props

props也常用于表单校验,注意属性名一定要绑定到待校验的输入框或者选项框中prop=""

2024-06-03 06:00:00 151

原创 Vue3-watch监听ref和reactive数据的五种情况及watchEffect

用于声明在数据更改时调用的侦听回调。watch选项期望接受一个对象,其中键是需要侦听的响应式组件实例属性 (例如,通过data或computed声明的属性)——值是相应的回调函数。该回调函数接受被侦听源的新值和旧值。除了一个根级属性,键名也可以是一个简单的由点分隔的路径,例如a.b.c。注意,这种用法不支持复杂表达式——仅支持由点分隔的路径。如果你需要侦听复杂的数据源,可以使用命令式的$watch()API。值也可以是一个方法名称的字符串 (通过methods声明),或包含额外选项的对象。

2024-06-02 09:41:29 1749 1

原创 Vue3 -Computed计算属性

Computed属性属于Vue3中的响应式核心(与之共同说明的还有ref,reactive,watch...)接受一个getter 函数,返回一个只读的响应式ref对象。该 ref 通过.value暴露 getter 函数的返回值。它也可以接受一个带有get和set函数的对象来创建一个可写的 ref 对象。像构造函数一样存在只读、只写属性。

2024-06-02 09:21:16 265 1

原创 Vue3-Ref Reactive toRef toRefs对比学习、标签ref与组件ref

基本类型数据。

2024-06-01 10:04:17 513

原创 Vue3-Setup-“集大成者”

组件中所用到的:数据、方法、计算属性、钩子、自定义方法、自定义插槽、自定义Ref、监视......等等,均配置在。:则对象中的:属性、方法等,在模板中均可以直接使用。函数返回的对象中的内容,可直接在模板中使用。标签,去指定组件名字,比较麻烦,我们可以借助。中一个新的配置项,值是一个函数,它是。之前调用,它是“领先”所有钩子执行的。直接将setup写在script标签中。上述代码,还需要编写一个不写。

2024-06-01 09:43:39 269

原创 尚硅谷Vue3入门到实战vue3+TypeScript笔记(自主复习)

修改名字

2024-05-28 16:38:18 722

原创 postgis导入shp数据时“dbf file (.dbf) can not be opened.“

作者进行矢量数据导入数据库中出现上述报错。

2024-04-14 13:00:29 413

原创 JS详解-手写防抖工具debounce

防抖-防止js高频渲染页面时出现抖动(卡顿),适用触发频率高,耗费性能的事件。

2024-04-07 07:30:00 410

原创 JS详解-手写节流

【代码】JS详解-手写节流。

2024-04-07 06:30:00 112

原创 Cesium入门路上的问题解决和知识点集合

练习时这个方法无效主要是setInputAction方法的括号位置错误应该将cesium.XX一起包含在内。4、cesium无时无刻都在更新场景。

2024-04-06 15:40:48 187

原创 JS详解-手写节流工具throttle

注意:_this=this中的this指向video。

2024-04-06 07:30:00 116

原创 JS详解-迭代器模式详解两种方法实现

/ 迭代协议可以定制对象的迭代行为-分为两个协议:可迭代协议、迭代器协议// 可迭代协议:增加方法[Symbol,=.iterator](){}(属性名表达式)返回符合协议器的对象// 迭代器协议:有next方法的对象,next方法返回:// 已结束:{done:true}// 继续迭代:{done:false,value:'x'}// 可以使用Generator或自己实现对象,next。

2024-04-05 11:16:52 474

原创 JS详解-设计模式

如图所示,使用缓存代理,只需要调用一次接口获取到数据,之后的接口数据都可以直接从缓存中获取,减小服务器压力。

2024-04-05 11:10:13 633

原创 JS详解-函数柯里化

柯里化(Currying)是一种关于函数的高阶技术。柯里化是一种函数的转换,它是指将一个函数从可调用的f(a, b, c)转换为可调用的f(a)(b)(c)。柯里化不会调用函数。它只是对函数进行转换。// 保存不定长参数// 往数组中插入不定长参数// 判断参数的个数// 长度大于等于5时,返回累加结果// 注意:就算大于五个参数,也只会返回前五个参数的累加结果// 这里使用了reduce方法,对数组中的每个元素进行累加// slice方法用于截取数组中的前五个元素// 清空数组。

2024-04-04 20:52:19 638

原创 JS详解-手写Promise!!!

针对js的深入理解,作者学习并撰写以下文章,由于理解认知有限难免存在偏差,请大家指正!所有定义来自mdn。对象表示异步操作最终的完成(或失败)以及其结果值.描述:一个 Promise是一个代理,它代表一个在创建 promise 时不一定已知的值。它允许你将处理程序与异步操作的最终成功值或失败原因关联起来。这使得异步方法可以像同步方法一样返回值:异步方法不会立即返回最终值,而是返回一个promise,以便在将来的某个时间点提供该值。

2024-04-04 15:48:33 1475

原创 JS详解-Generator核心语法

Generator对象是由生成器函数返回并且符合可迭代协议和迭代器协议(生成器函数在执行时能暂停,后面又能从暂停处继续执行)。Iterator对象是一个符合迭代器协议的对象,其提供了next()方法用以返回迭代器结果对象。所有内置迭代器都继承自Iterator类。Iterator类提供了@@iterator方法,该方法返回迭代器对象本身,使迭代器也可迭代。它还提供了一些使用迭代器的辅助方法。

2024-04-02 17:29:49 499

原创 JS详解-fetch核心语法

【代码】JS详解-fetch核心语法。

2024-04-02 16:59:27 451

原创 JS详解-class-类的核心语法关于ES6与ES5

注意:外部不可以直接调用私有属性,但可以通过类中的方法调用私有属性或私有方法,在外部实例化该类后调用方法,间接使用私有属性(浏览器调试工具可以直接调用)何为Object.create()?是一种静态方法,第一个参数是源对象,第二个参数是覆盖对象中的特定属性和方法。私有属性:定义:#开头;使用:带上#且只能在声明该静态属性内部使用。静态属性:定义:使用static关键字;使用:直接用类来调用。1、组合式继承用到构造函数和原型链。2、在父类原型中有子类构造函数。

2024-04-01 21:17:24 569

原创 Javascript详解-明确this

较为详细介绍JavaScript中的this指向和实际应用

2024-04-01 19:45:32 819

转载 Cookie、Session 、 Token

在传统的基于会话的认证方式中,服务器需要在后端保存用户的会话状态,通过 Session ID 进行会话的管理。而 Token 机制不需要在服务器上保存任何关于用户的状态信息,只需要在登录成功时,服务器端通过某种算法生成一个唯一的 Token 值,之后再将此 Token 发送给客户端存储(存储在 localStorage 或 sessionStorage 中),注意此时服务端是不存储这个 Token 值的,服务器端只进行效验而不保存此 Token,这就叫“状态无关性”。作者:Java中文社群。

2024-03-25 17:45:53 34

原创 uni-app小程序函数部分汇总

【代码】uni-app小程序函数部分汇总。

2024-03-25 17:45:31 109

原创 基于VS code 实现Java前后端打通—基础—使用Springboot+postgreSql+mybatis+Navicat

作者学习webjava后的而总结,总的流程概括就是先使用springboot创建项目,在application.properties中完成相应的postgreSql和mybaits的环境配置和.xml文件中dependecy依赖配置,entities实现数据表的类型模板,分别创建controller用于控制书写相应的路由和方法(其中含参函数使用@PathVariable eg:@PathVariable String name),dao接口定义把访问数据库的代码封装起来,dao在数据库与业务逻辑(Servi

2024-03-24 20:30:28 1107

原创 apifox创建接口含中文字符报错的两种解决方案

针对apifox的含中文报错解决方法:方法一:创建相应接口后,在设置中URL自动编码为WHATING。方法二:直接将浏览器的url复制到apigox中,浏览器会自动解析配置中文转换路径。

2024-03-24 20:04:47 513

原创 解决vscode报错,在赋值前使用了变量“XXX“

补全函数使其完整使用断言。

2024-02-16 22:42:01 313

原创 解决报错npm i -g ts-node

npm ERR!code EPERMnpm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!

2024-02-16 08:00:00 543

原创 java与javascript异同

而JavaScript也有丰富的库和框架可供选择,如React、Angular、Vue等,这些库和框架在前端开发中发挥着重要作用。截至2012年,所有浏览器都完整的支持ECMAScript 5.1,旧版本的浏览器至少支持ECMAScript 3标准。而JavaScript也具有类似的内存管理机制,但由于其运行环境(浏览器)的限制,其内存管理可能不如Java高效。:由于Java和JavaScript都是非常流行的编程语言,它们都拥有庞大的开发者社区和丰富的在线资源。,因此取名为JavaScript。

2024-02-15 11:24:53 649

原创 Write operation failed: computed value is readonly问题解决

属性是只读的,不能直接给它赋值。修复这个问题,需要通过修改底层响应式数据来影响。在 Vue 3 中,引用的值,而不是尝试修改。是因为尝试直接修改一个。

2024-02-15 11:14:49 4286

原创 对于vue中<template #default=“{row}“> 的解释

是一个在 Vue.js 的模板中使用的语法,特别是在 Vue 的表格组件(如 Element UI 的。简单来说,当你有一个表格组件,并希望自定义如何渲染每一行数据时,你可以使用这种语法来达到这个目的。是一个具名插槽(named slot),通常用于定义如何渲染表格的默认行。这个语法是用于定义如何渲染表格的每一行数据。参数来访问当前行的数据。在上面的例子中,我们定义了一个具名插槽。是一个参数,代表当前行的数据对象。组件来定义如何渲染每一列的数据。

2024-02-02 11:18:08 1978

原创 Vue3嵌套ref小细节,自我解惑

对于ref方法中对对象中count的理解存在偏差。

2024-02-01 21:20:23 500

微信小程序通过接口渲染景点,并依据用户两公里做缓冲区查询,已配置好路由和接口

微信小程序通过接口渲染景点,并依据用户两公里做缓冲区查询,已配置好路由和接口

2024-06-30

高德API路口延误图(内置mock数据)

高德API路口延误图(内置mock数据)

2024-06-30

高德API贴地图(内置mock数据)

高德API贴地图(内置mock数据)

2024-06-30

高德API标注图(内置mock数据)

高德API标注图(内置mock数据)

2024-06-30

高德热力图(内置mock数据)

高德热力图(内置mock数据)

2024-06-30

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

TA关注的人

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