自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 问答 (3)
  • 收藏
  • 关注

原创 浏览器渲染原理

浏览器渲染总共有八大步。

2024-07-19 22:26:43 319

原创 Vue3 + ts 中使用 高德地图

点击 个人中心 -> 应用管理 -> 我的应用 -> 添加新应用 -> 添加Key -> 得到key和 jscode(安全密钥)这时候需要我们扩展一下window的对象,创建一个新的 xxx.d.ts 的文件,写以下的代码即可,报错就会解决。随后当你写上这行代码的时候会报一个错误,如下。这两个文档都需要看,才能正常的使用高德地图。

2024-03-21 20:44:22 1048 1

原创 websocket 和 websocket.io-client

网络通信协议,和http一样socket.io是一个基于 WebSocket 的 CS(客户端-服务端)的实时通信库使用它可以在后端提供一个即时通讯服务它也提供一个 js 库,在前端可以去链接后端的socket.io创建的服务它是一套基于 websocket 前后端即时通讯解决方案。

2024-02-21 16:32:49 429

原创 Vue3 + ts 父组件 给 子组件 传递函数方法

自己封装了一个顶部导航栏的方法,但是返回箭头需要根据适合的场景做出判断,一个是回退到上一页,一个是关闭当前窗口。判断父组件是否传递了函数进来,如果传入了函数,则执行函数里面的代码。首先是自己封装的子组件。其次是子组件内部的方法。

2024-02-05 11:55:09 740 1

原创 Vue3 中的 v-model 语法糖(三种写法)

Vue3 中的 v-model 默认解析为 :modelValue 和 @update:modelValue。通过v-model:count 解析成 count @update:count。Vue2 中的 v-model 默认解析为 :value 和 @input。

2024-01-17 22:10:05 2502 1

原创 Vue3 + TS中利用 canvas 创建绘画画板(签名板、画笔、矩形)

/ 画线段ctx.moveTo(startX, startY) // 画线起点ctx.lineTo(endX, endY) // 画线终点ctx.stroke() // 描绘线条// 定义鼠标初始点击的位置// 鼠标按下;painting = true // 将绘画状态改成true// 鼠标移动// 在鼠标移动的期间,获取鼠标的位置// 下面两行代码是更新线条的起点// 鼠标松开// 松开鼠标后 禁止画线条// 画矩形。Vue3 + TS中利用 canvas 创建绘画画板(线条、矩形)

2024-01-15 17:44:40 3825

原创 引入PostCSS插件配置出现的问题(模块化问题)

此文件被视为ES模块,因为它具有“。js”文件扩展名和“C:\Users\na\Desktop\consult-patient\package”。Json '包含"type": "module"。要将其视为CommonJS脚本,请将其重命名为使用`。Cjs文件扩展名。

2024-01-05 17:46:59 503 1

原创 对于Element组件里面的Tree 树形控件获取到的数据进行数据结构的转换

2、所以我们先定义函数,创建新数组,返回新数组(这里的 list 是我们传入的数组、rootValue 是我们选择的父节点的值)3、随后遍历传入的数组,寻找 rootValue 和 parentId 匹配的数据,将其推送给新的数组。但是数据之间会有关联,比如 id 会跟 parentId 相等,所以我们直接调用下面这种方法即可。1、后台获取到的数据肯定相当庞大,首先排除了返回原数组的说法(map方法)而我们从后台获取到的数据结构基本是如下所示的(不带children的)(自己稍加修改即可)

2023-12-29 11:17:55 711 1

原创 vue中利用行内样式动态设置背景图background-image不显示的问题

所以这才导致找不到访问图片的路径,所以不显示,所以在vue中动态设置背景图片的时候,我们需要使用。当我们打开调试工具的时候会发现,第一个和第三个的样式如下图所示。运行之后我们会发现,带有@的路径都没有显示。我们发现在样式表里面设置的 @ 又是可以的。发现浏览器解析出来的路径仍为。

2023-12-28 11:41:33 3552 1

原创 简单的实现点击加载更多按钮,显示更多数据(常用于购物车)

点击加载更多按钮,实现数据展示增加

2023-12-11 18:38:17 723 1

空空如也

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

TA关注的人

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