- 博客(28)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 fetchEvent流式响应vue3
一个EventSource实例会对服务器开启一个持久化的连接，以text/event-stream格式发送事件，此连接会一直保持开启直到通过调用EventSource.close()关闭。但使用EventSource时只能把参数加到url后面，而且也不能像fetch请求那样设置header等参数。借助fetch-event-source这个库就可以像发起fetch请求一样发起服务器单向通信请求。对接AI的api,返回的数据是流式的，后台不好转，前端项目vue3。接下来直接展示代码吧。
2024-09-30 09:46:41
496
原创 cesium 大量标注点位 Primitives与BillboardCollection结合
项目中的房屋点位有1000多个，使用entity造成渲染卡顿，经过我的网上翻阅，大多优秀的网友推荐了Primitives的写法primitive。是更高级别的数据驱动API，它使用一致性设计的、高级别对象来管理一组相关性的可视化对象，其底层也是使用的primitive。更多的是面向图形开发人员的底层API，暴露最小限度的抽象，更多使用图形学术语，具有更大的灵活性。
2023-01-09 10:24:35
2910
2
原创 详解TypeScript中type与interface的区别
首先认识一下什么是类型别名？类型别名用来给一个类型起个新名字，使用 type 创建类型别名，类型别名不仅可以用来表示基本类型，还可以用来表示对象类型、联合类型、元组和交集。让我们看一些例子：接口 interface接口是命名数据结构（例如对象）的另一种方式；与type 不同，interface仅限于描述对象类型。接口的声明语法也不同于类型别名的声明语法。让我们将上面的类型别名 Person 重写为接口声明：在讨论二者区别之前， 首先看一下二者的相似之处（为何开发中，我们觉得用哪个都一样）两者都可以用来
2022-12-28 10:04:03
2136
原创 前端加密之 aes和rsa使用
RSA是一种公钥密码算法，它的名字是由它的三位开发者，即Ron Rivest、Adi Shamir 和 Leonard Adleman 的姓氏的首字母组成的。RSA可以被用于公钥密码和数字签名。RSA是被研究得最广泛的公钥算法，从提出到现在已近三十年，经历了各种攻击的考验，逐渐为人们接受，普遍认为是目前最优秀的公钥方案之一。现在公司对前后端数据传递的严密性严格要求，原先的md5容易被破解，这次用了aes 加密内容，rsa加密aes的秘钥。以上是加解密的方法，axios请求中的逻辑根据项目的后台需求更改。
2022-11-25 10:29:32
1244
原创 vue3+vite 项目中配置prettier
遵循一致的代码规范能够显著增强代码可读性、可维护性，使得代码结构简洁清晰，还能减少bug的出现。为了防止Prettier和ESLint格式化功能冲突，还需要安装 eslint-config-prettier 来关闭ESLint中的代码格式化功能。在 .prettierignore 和 .eslintignore 文件中可以添加那些不需要格式化的文件或文件夹，在美化代码挑bug时忽略这些文件。美化代码结构的Prettier，检查代码质量的ESLint，强强结合会碰撞出什么样的火花呢？
2022-11-22 16:20:36
3522
1
原创 跟着我一起配置TailWind CSS，安装及使用
生成tailwind.config.js， 并编辑里面的内容，以下是我的配置。使用了TailWind CSS，你会觉得超香，写界面的速度提高了不少的。将上面的放到css文件中，并在main.js引入。安装引入完毕，可以快乐的写样式了。
2022-11-02 14:12:30
1308
原创 node-sass 对应的node版本
公司项目太多，从vue2写到vue3.项目的node环境也是在变化，升级中。你当前的环境node-sass不支持。切换到老的项目运行项目提醒。来一张图 记一下吧🤣。
2022-10-28 10:19:48
709
原创 记录下使用过的linux命令
日常不怎么用linux命令，所以每次用到一点都要网上翻一翻。将源文件【文件夹或文件】复制一份 命名位新文件B。将A.zip压缩包解压 并命名为b。-r 会将原本的属性一同弄过来。还是记录下来好找点 😏👇。
2022-10-27 16:41:56
369
原创 实战 qiankun微应用框架
主应用，又称为基座子应用main 主应用，由vue框架编写在main/main.js中安装qiankunrender : h => h(App) }) . $mount('#app') // 定义loader方法，loading改变时，将变量赋值给App.vue的data中的isLoading function loader(loading) {
2022-10-11 14:07:39
898
原创 package.json可以下载本地依赖！！！
*package.json 中写完之后还需要， npm install common --save **实践出真知，才发现前端项目中的package.json 居然可以依赖本地文件。** 此功能是在npm的2.0.0版本中实现的 **这里的common就是本地的应用。前端的知识真滴是太多了。
2022-10-10 16:28:04
1773
原创 项目中.npmrc 原来这么好用！！
npmrc，可以理解成npm running cnfiguration, 即npm运行时配置文件。简单点说， .npmrc 可以设置 package.json 中依赖包的安装来源，既从哪里下载依赖包。以@test 开头的包从 registry=https://npm.xx.com 这里下载，其余全去淘宝镜像下载。项目下 .npmrc 文件的优先级最高，可以给每个项目配置不同的镜像，项目之间的配置互不影响。在项目的根目录下新建 .npmrc 文件，在里面以 key=value 的格式进行配置。
2022-10-10 14:39:54
693
原创 用vite创建 vue3 ts项目
先看看这都2022年了，你肯定玩过vite + vue3 + ts项目吧原先都是其他同事创建好项目，我直接上手这次我自己来创建一下，在这里做一下记录可以直接跟着官方教程走。
2022-09-22 16:35:57
532
原创 vue3 ts编写echart是tooltip无法展示
tooltip参考网上的写法 改了很多次 页面还是不能展示tooltip片段代码如下echarts社区都可以展示怎么到这里就这样了强大的百度。
2022-09-20 09:56:54
426
原创 vue-router4与vue3的setup使用
在 setup 中访问路由和当前路由因为我们在 setup 里面没有访问 this，所以我们不能再直接访问 this.router或this.router 或 this.router或this.route。使用useRouter和useRoute来代替import{ useRouter， useRoute} from ‘vue-router’export default { setup() { const router = useRouter() const route = u.
2022-05-18 14:52:38
667
原创 vscode 如何新增代码片段
每次新建一个vue文件，从template开始敲，有没有感觉重复且繁琐😢快来试试代码片段 这个好东西吧vscode —> 文件 ----> 用户首选项 ----> 用户片段输入调起片段的字符串，vscode 也将这个名字作为保存本地一个文件名scope: 可写可不写prefix：调起本片段的字符串body： 界面显示内容，按照需求整理一个格式，新建文件的时候少改一点description： 描述文字...
2022-04-25 15:54:55
185
原创 git commit 规范
公司管理git提交规范，在此记录一波，😊格式：type(scope): subjecttype有以下类型type：用于说明commit的类别，规定为如下几种1. feat：新增功能；2. fix：修复bug；3. docs：修改文档；4. refactor：代码重构，未新增任何功能和修复任何bug；5. build：改变构建流程，新增依赖库、工具等（例如webpack修改）；6. style：仅仅修改了空格、缩进等，不改变代码逻辑；7. perf：改善性能和体现的修改；8. cho
2022-04-25 10:53:21
198
原创 欢迎使用Markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2022-04-13 09:15:52
66
原创 css 语法 ：Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`
为了清理终端的错误提醒，发现了以上的提醒原来是gradient的语法过时了旧的background-image: linear-gradient(bottom,#ffb400,#f2f2f2);新的background-image: linear-gradient(to bottom,#ffb400,#f2f2f2);总结：将left, right, top, bottom 替换成 （to left, to right, to bottom, to top)...
2022-04-13 09:08:13
356
原创 echarts 使用geojson数据展示 GeometryCollection出错怎么办？
echarts4和echarts5都存在这个问题对比geojson数据发现，因为数据类型中有GeometryCollection存在。生成的地图里有一个区域为两块不连续的地图块，所以生成的geoJson中此区域的geometry.type===GeometryCollection解决方法修改源码 node_modules\echarts\lib\coord\geo\parseGeoJson.js116行export default function parseGeoJSON(geoJson, n
2022-04-12 14:34:14
2014
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人