会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
小小书屋
博客园
首页
新随笔
联系
订阅
管理
随笔 - 73
文章 - 0
评论 - 20
阅读 -
43万
2024年2月29日
vue3 echart组件封装
摘要: 代码记录
阅读全文
posted @ 2024-02-29 14:45 Shapeying
阅读(580)
评论(0)
推荐(0)
2023年11月23日
全屏API及vue3 hook封装
摘要: 最近在一个大屏项目遇到一个需求:用户可以通过一个按钮,触发页面部分模块全屏。通过以下API可以实现: Element.requestFullscreen()方法用于发出异步请求使元素进入全屏模式。 且全屏状态变化会触发以下事件: fullscreenchange 事件会在浏览器进入或退出全屏模式后立
阅读全文
posted @ 2023-11-23 16:57 Shapeying
阅读(403)
评论(0)
推荐(1)
2023年11月21日
ant design vue 1.x 和 3.x 自定义表单示例
摘要: 以下是项目中用到的自定义表单的写法,vue2 vue3 各记录一个。 1.x(For vue2) 自定义表单的示例 实现如下图的控件 代码如下: import { Component, Prop, Vue, Watch } from 'vue-property-decorator' import {
阅读全文
posted @ 2023-11-21 11:14 Shapeying
阅读(400)
评论(0)
推荐(0)
2023年11月20日
一个简易的SubScribe类
摘要: SubScribe即发布订阅模式,在工作中有着广泛的应用,比如跨组件通信,微前端系统中跨子应用通信等等。 以下是一个简易的实现: 订阅 初始化时可限制类型 发布 限制类型是为了让订阅者和发布者知道预制了哪些类型,避免使用了一些对方不知道的类型。 type Subscriber<T> = (param
阅读全文
posted @ 2023-11-20 11:07 Shapeying
阅读(93)
评论(0)
推荐(0)
2023年4月26日
qiankun vue子应用升级webpack5问题记录
摘要: 升级的方式是使用最新版本的 vue-cli 脚手架,重新创建一个新项目,然后复制 @vue/cli-xxx , vue 相关依赖最新版本到子应用项目 -> 核对babel, eslint相关配置的变化 -> 重新安装依赖,处理出现的相各种异常情况 -> 启动项目检查功能是否正常。 本次升级主要是为了
阅读全文
posted @ 2023-04-26 18:22 Shapeying
阅读(523)
评论(0)
推荐(0)
vue-router3.x和vue-router4.x相互影响的问题记录
摘要: 背景 项目中有一个系统使用的微前端,主站使用是vue2实现的,使用的是vue-router3.x。子应用有使用vue3实现的,使用的为vue-router4.x。 该子应用中的页面A有通过操作按钮触发跳转到其他子应用页面B的需求,此时使用的是vue-router4.x的编程式导航API。 当通过点击
阅读全文
posted @ 2023-04-26 18:13 Shapeying
阅读(571)
评论(0)
推荐(0)
类型体操-Tuple to Object
摘要: 刷类型体操时,问题的记录及收获 Tuple to Object const tuple = ['tesla', 'model 3', 'model X', 'model Y'] as const type result = TupleToObject<typeof tuple> // expecte
阅读全文
posted @ 2023-04-26 14:59 Shapeying
阅读(34)
评论(0)
推荐(0)
2022年6月9日
一个简单的websocket hook
摘要: 一个简单的 vue3 的 websocket hook. 有以下基础功能: 创建链接 失败重连 发送心跳包 import { ref } from "vue"; export interface WS_CONFIG { url: string; // ws链接地址 sendData?: Record
阅读全文
posted @ 2022-06-09 17:33 Shapeying
阅读(817)
评论(0)
推荐(0)
2022年2月23日
单元测试 - 测试场景记录
摘要: 记录在进行单元测试中所遇到的特殊场景,使用的依赖版本为 "jest": "26.6.0"。不断补充,积少成多(但愿吧···) 模拟 DOM 事件 这里以模拟touch事件为例。测试中需要模拟左滑和右滑,需要触发 touchstart 和 touchmove 等事件。 使用 dispatchEvent
阅读全文
posted @ 2022-02-23 15:45 Shapeying
阅读(505)
评论(0)
推荐(1)
2021年8月4日
mongoose基础使用
摘要: mongoose与mongodb 首先,要明确mongoose和mongodb是什么? mongodb是一种文档数据库;而mongoose是一种能在node环境中优雅地操作mongodb的对象模型工具库,它提供了类型转换、验证、查询等等各种便捷能力。 其次,要了解mongoose和mongodb的一
阅读全文
posted @ 2021-08-04 21:05 Shapeying
阅读(1463)
评论(0)
推荐(1)
下一页
公告
昵称:
Shapeying
园龄:
8年7个月
粉丝:
29
关注:
10
+加关注
<
2025年7月
>
日
一
二
三
四
五
六
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
我的标签
JavaScript
(26)
vue
(8)
Angular
(8)
CSS
(7)
工具
(7)
backup
(6)
redux
(5)
DOM
(5)
复制
(4)
NodeJs
(2)
更多
合集
(1)
type-challenges(1)
随笔分类
(5)
vue3 hook(2)
工具命令(3)
随笔档案
(73)
2024年2月(1)
2023年11月(3)
2023年4月(3)
2022年6月(1)
2022年2月(1)
2021年8月(2)
2021年7月(2)
2021年4月(3)
2020年3月(1)
2019年11月(1)
2019年7月(1)
2019年6月(1)
2019年4月(7)
2019年3月(1)
2019年2月(2)
2018年12月(6)
2018年9月(1)
2018年7月(2)
2018年6月(5)
2018年5月(4)
2018年4月(2)
2018年3月(3)
2018年1月(1)
2017年12月(1)
2017年11月(6)
2017年10月(9)
2017年9月(3)
更多
阅读排行榜
1. JavaScript 判断对象中是否有某属性(141665)
2. JavaScript遍历对象-总结一(60735)
3. JavaScript 交换数组元素位置的几种方式(45841)
4. formData实现图片上传(29255)
5. 页面加载时触发的事件及顺序(20706)
评论排行榜
1. Angular 和 Vue 使用的对比总结 -- 脚手架(5)
2. 属性设置百分比时的计算参考汇总(2)
3. JavaScript 交换数组元素位置的几种方式(2)
4. JavaScript getter和setter(2)
5. Angular使用总结 --- 以密码确认为例实现模版驱动表单的自定义校验(2)
推荐排行榜
1. JavaScript 判断对象中是否有某属性(6)
2. Date相关(3)
3. JavaScript getter和setter(3)
4. JavaScript 那些不经意间发生的数据类型自动转换(3)
5. JavaScript遍历对象-总结一(3)
点击右上角即可分享