- 博客(13)
- 收藏
- 关注
原创 解决 [intlify] Not found ‘xx‘ key in ‘x‘ locale messages 的警告【vue-i18n】
在vue项目中使用国际化插件 vue-i18n。
2024-09-23 10:55:01 392
原创 前端Electron桌面开发
是一个用于构建跨平台桌面应用程序的开源框架,它使用Web技术(HTML、CSS和JavaScript)来构建桌面应用程序。Electron允许开发者使用熟悉的技术栈来开发桌面应用程序,同时可以将应用程序分发到不同的操作系统,如Windows、Mac和Linux。在Electron中,窗口是应用程序的主要界面元素。可以使用Electron的API创建和管理窗口,控制窗口的大小、位置、样式和行为。这只是Electron桌面开发的一小部分功能,还有很多其他的特性和功能可以探索。
2024-08-29 14:38:55 230
原创 前端对接AI模型接口 实现ChatGPT流式数据并【实现打字效果】和【终止会话】
前端对接AI模型接口 实现ChatGPT流式数据并实现打字效果和终止会话
2024-08-29 11:17:36 814
原创 省市区联动数据处理
mapData(data,id,list){ //data :根数据;id 插入指定目录的id;list 接口返回的数据。const list= this.formatTree(res) //返回的数据。="1"){ //第一级处理。//递归查询子级列表。
2023-03-27 19:55:20 140
原创 手把手教你使用patch-package给npm包打补丁
属性限制不符合预期,当输入中文字符时,该属性会将与中文对应的预输入拼音字数一同限制,导致汉字输入长度受阻。事情往往不是预期的那么顺利,本以为一波愉快升级已经完美的解决了问题,不料好景不长一周后小A同学发来问候:“我发现antd。为了避免 v4.15.3 版本之前的其他组件存在未知bug,本次补丁我们基于 4.15.3 版本给 upload 组件打补丁。遇到这种问题和大多数人一样,我首先想到的就是升级antd到最新版本,于是二话不说一顿操作,升级完后果然问题迎刃而解~组件存在一个bug,该bug表现为。
2022-10-09 15:18:37 5260
原创 tailwindcss
举例来说,flex 表示为CSS display:flex;justify-center表示为CSS justify-content:center;z-10 表示为CSS z-index: 10;新建 index.html 文件,将tailwind.css文件引入,然后可以使用Live Server启动index.html即可,可以先在vs code中安装Tailwind CSS IntelliSense插件,这样在写代码时就会有代码提示,初始化,生成 tailwind.config.js 文件,
2022-10-09 14:59:44 366
原创 Windi Css
对于我来说Windi Css是一个可以让我们快速上手开发的一个组件库,他里面包含了几乎所有的css样式,可以让我们不需要再去繁琐的写css样式,原来几行的css现在只需要短短的几个字符。他的许多新特性给我们带来了极大的方便,并且他给我们带来了更快的加载体验。一、Windi Css是什么?我在这里只记录一个片段。
2022-10-09 14:55:47 2303 1
原创 深浅拷贝详解
当我们想要访问引用类型的值的时候,需要先从栈中获得对象的地址指针,然后,在通过地址指针找到堆中的所需要的数据。上面的对象1中的每一项属性赋值操作的值是通过遍历对象2产生的,所以对象2的值产生变化时,对象1也会产生变化。简单来说,就是Object.assign()是对象的静态方法,可以用来复制对象的可枚举属性到目标对象,利用这个特性可以实现对象属性的合并。深拷贝:主要是将另一个对象的属性值拷贝过来之后,另一个对象的属性值并不受到影响,因为此时它自己在堆中开辟了自己的内存区域,不受外界干扰。
2022-10-09 09:47:05 430
原创 前端面经---(js高级)一文让你搞懂闭包
在上方代码中我们定义了一个外部函数outer(),在外部函数内部返回了一个函数(内部函数),随后在外界中将外部函数赋给了func,这个func就是内部函数,然后执行func(),打印出来了相应的结果,在这里,我们使用了外部函数内定义的属性name和内部函数,所以name和内部函数不会被js回收机制所处理,但是属性age我们并没有使用,所以age被js垃圾回收机制所回收!在代码解析中,我们知道了 我们所创建的临时变量name将不会被回收,所以闭包的优点就是:让临时变量可以永驻内存。
2022-10-08 15:14:59 70
原创 根据id和parentId将数据组织成树状结构
{ id: 99, name: "移动组下面的组", parentId: 25, children: [] },{ id: 98, name: "移动组下面的组", parentId: 25, children: [] },{ id: 6, name: "行政人事部下面的行政", parentId: 4, children: [] },{ id: 20, name: "研发下面的产品组", parentId: 2, children: [] },name: "行政人事部下面的人力资源",
2022-09-26 14:19:48 970
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人