- 博客(294)
- 资源 (10)
- 收藏
- 关注
RSS订阅
原创 web worker 前端多线程一、
这样的好处是，一些计算密集型或高延迟的任务，被 Worker 线程负担了，主线程（通常负责 UI 交互）就会很流畅，不会被阻塞或拖慢。这样有利于随时响应主线程的通信。从结果可以看到大概第1.9秒循环2执行完了，紧接着接着大概第2.4秒后循环1也执行完了，当我们把循环1放到线程上执行时并没有阻塞后续的循环2，因为循环2循环时长短所以先打印出来了，因此此时花费总时长为：循环1。建议再创建一个新的谷歌浏览器的快捷方式，与之前的快捷方式区分开，在想使用跨域请求的时候打开新的快捷方式，保证上网安全。
2025-01-15 18:00:47
1340
原创 尝试实现了国外大佬用Web做出来跨窗口渲染动画效果
由于storage里得存多个窗口的圆心位置信息，所以得给不同窗口定义不同key值，规范来说应该弄个方法获取浏览器唯一标识，但是没有现成好用api，就暂时弄成自增index序号机制。// 获取其它窗口的storage keys// 自增最大的key序号，定义自己窗口storage key// 获取圆颜色// 窗口关闭时删除自己窗口storagei++) {!，然后运行两个窗口。效果如下图，可以看到两个窗口都有自己的唯一key，storage里也存了对应position信息。
2023-11-28 11:16:52
421
原创 如何在 Vue 中使用 防抖 和 节流
在 Vue 中，可以很轻松的对 观察者 和 事件处理器 应用 防抖 和 节流。核心逻辑就是，在created()钩子 里，创建 防抖 或 节流 的回调，并赋值在实例上。},// ...// ...watch: {},},// ...B）或在 template 中设定一个事件处理器：在这之后，每次调用，就算执行频率非常高，内部的回调也能缓冲执行。
2023-11-20 15:39:58
1652
原创 用HbuilderX打包react移动端项目生成apk
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。HbuildX打包android的apk安装包时需要新建项目
2023-04-04 17:53:54
1179
2
原创 chatgptApi 文档使用以及 Demo演示
最近chatGpt 很火爆，搞得国内某度都按耐不住了，开始搞‘文心一言’了。体验到了ChatGPT的强大之后，那么我们会想，如果我们想基于ChatGPT开发一个自己的聊天机器人，这个能搞定吗？ChatGPT平台已经为技术提供了一个入口了，很简单的就是实现了。
2023-03-28 17:37:32
9596
原创 vueCli3.0 前端打包项目部署nginx后去除缓存
由于vue脚手架每次打包时，都会将打出的静态资源文件名加个哈希后缀，且index.html中引入时也加了对应的哈希后缀，所以每个版本的静态资源都是全新的，不用担心因升级导致的缓存问题。让静态资源有缓存好办，问题在于怎么只让index.html不缓存。不推荐使用的原因是：升级时缓存问题倒解决了，但直接导致了用户每次访问你的程序时都要重新请求服务器，所有的静态资源都无法用缓存了，浪费流量，网络压力变大。vue项目每次打包上线后，浏览器需要强制刷新浏览器才能去除缓存，更新最新的版本，这样做的话，肯定不是很合理。
2023-02-22 14:36:03
4783
6
翻译 js写一个弹窗消息提醒插件
“弹窗消息提醒”插件。以上是展示的效果。1. 分析当消息被触发的时候，会有一个自上而下的淡入过程。 在持续了一段时间后会自动的消失，或者是需要用户来手动的点击关闭按钮。 在消息消失的时候，会有一个自下而上的淡出过程。 消息是可以叠加弹出的，最新的消息会排在消息列表的最后面。 当前面的消息消失后，后面的消息会有一个向上滑动效果。然后消息本身是有三部分组成消息图标，用来区分不同类型的消息。 消息文本。 关闭按钮，并不是所有消息都需要关闭按钮。2. 实现样式那么，不管我们是
2021-08-30 16:22:54
2190
原创 17个非常炫酷的后台管理系统模板
模板是我们做后台管理系统经常所需要的东西。虽然，我们总可以花很多时间从头开始设计自己的模板，但有现在的模板让我们套，节省我们更多时间用来摸鱼，何乐而不为呢。这些现有出色模板，除了节省时间外，还附带这些好处： 内置常用案例的组件 跨不同视图的一致样式 内置响应式设计 技术支持和文档 1. Vue Black Dashboard Pro线上地址：https://demos.creative-tim.com/vue-black-dashboard-pro/?ref=
2021-05-21 10:04:26
10939
1
原创 vxe-table 使用过程中的bug，实时更新（置顶）
1. 由于vxeTable 使用了font-awesome字体图标， 但是官方文档没有详细告诉你怎么引入使用，所以很多小伙伴都找不到原因。解决办法：第一步安装依赖npm install font-awesome --save第二步引入依赖样式文件 在main.js文件中引入//引入font-awesomeimport 'font-awesome/css/font-awesome.css';使用： <vxe-button size="mini" status="su..
2021-05-17 14:37:31
9894
5
原创 新电脑,安装git,并从远程仓库clone项目配置
教程.多少有点了解的才能看懂.1.安装git 忽略 ，地址：https://git-scm.com/安装git完了之后如果没有配置用户名和邮箱clone会报错2.在命令行模式 输入 cd ~/.ssh/ 进入c:administrator的文件下的.ssh文件夹3.创建一个全局的用户名,不必与git的用户名一样.$ git config --global user.name "feng"$ git config --global user.email "feng@qq.co..
2021-05-13 12:31:25
1476
5
原创 elment ui 组件bug总结
一、.element-ui dialog设置为点击弹窗以外的区域不关闭弹窗第一种:在el-dialog标签中添加:close-on-click-modal="false"即可<el-dialog title="标题" :close-on-click-modal="false" :visible.sync="dialogEnrol" width="30%"> 弹窗内容</el-dialog>第二种:全局设置在mian.js里面：import Elem.
2021-04-04 14:18:17
4600
原创 十二个、非常适合做外包项目的开源后台管理系统
12个非常适合做外包项目的开源后台管理系统1、D2admin开源地址：https://github.com/d2-projects/d2-admin文档地址：https://d2.pub/zh/doc/d2-admin/效果预览：https://d2.pub/d2-admin/preview/#/index开源协议：MIT2、vue-element-admin开源地址：https://github.com/PanJiaChen/vue-el...
2020-09-01 10:52:10
4128
原创 VueCli4.0项目中将excel表格数据导入Elment UI表格并展示（映射的表格标题必须为英文）
先上一个效果图供大家参考：具体步骤如下：第一步、导入并读取Excel功能从整体上来说两种方式，一是前端解析文件后将数据返回给后端，另一种是前端直接将Excel文档返回后台，由后台进行处理。使用哪种方法需要根据具体业务需求，下面简单介绍第一种方法：由前端解析数据1、引入依赖 npm install -S file-saver xlsx npm install -D sc...
2020-03-26 18:09:44
978
原创 VueCli4.0项目中将Elment UI表格内的数据导出为Excel文件
第一步、首先安装三个依赖npm install -S file-saver xlsxnpm install -D script-loader或者：yarn add file-saveryarn add xlsxyarn add script-loader --dev第二步、引入两个js文件在src目录下新建excel文件夹，里面放入Blob.js和E...
2020-03-26 15:59:47
913
原创 web大前端必备的VSCode插件，常用的（15个）
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。1.Open-In-Browser由于 VSCode 没有提供直接在浏览...
2019-11-20 15:42:50
29117
6
原创 js数组与字符串的相互转换方法(总结）
js数组与字符串的相互转换方法1、数组转字符串需要将数组元素用某个字符连接成字符串，示例代码如下：var a, b;a = new Array(0,1,2,3,4);b = a.join("-"); //"0-1-2-3-4"2、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回，示例代码如下：var s = "abc,abcd,a...
2019-05-11 10:43:15
3822
原创 下载浏览器前端日志数据存储（indexedD）
本项目是一个开源项目，旨在提供一种将IndexedDB数据库内容导出为JSON格式并从中导入的方法。它使用JavaScript语言编写，可以在Node.js环境或浏览器环境中使用。IndexedDB是现代浏览器中可用的客户端数据库API，本项目为开发者和测试人员提供了一种方便的方式来保存、加载或清除IndexedDB数据库的内容。
2025-03-25 17:23:38
642
原创 vue2前端日志数据存储（indexedD）自动清理3天前的数据
关于Dexie.js这个前端本地数据库，如何使用IndexedDB来存储数据，并且设置到期自动清理的机制。首先，我需要回忆一下Dexie.js的基本用法，以及IndexedDB的特性。IndexedDB是浏览器中的一种非关系型数据库，适合存储大量结构化数据，而Dexie.js是对它的一个封装，简化了操作。用户的需求是在数据存储后，能够根据设定的时间自动清理过期数据。这涉及到两个主要部分：一是如何在存储数据时记录存储时间，并设置过期时间；二是如何定期或在访问时检查并删除过期的数据。
2025-03-25 16:42:53
363
原创 vue2前端日志数据存储，推荐（IndexedDB)
根据用户的需求，存储一组数据可能涉及较多的查询和索引，所以Dexie.js可能更适合，但如果是简单的存储，localForage也不错。对于示例代码的结构，首先在组件的mounted钩子中初始化数据库，打开连接，并在成功时设置数据库实例。总结来说，我需要提供一个Vue2组件的详细示例，涵盖原生IndexedDB的使用和可能的第三方库选项，解释每个步骤的作用，并指出需要注意的事项和常见问题。IndexedDB是一个浏览器内置的数据库，允许存储大量结构化数据，支持事务和索引查询，适合需要离线存储的应用场景。
2025-03-25 16:18:27
798
原创 web worker 前端多线程vue2中使用
在vue项目中，如果直接使用Web Worker，会遇到worker文件路径与打包解析的问题，在做vue2.x项目时可以使用vue-worker插件去优雅的使用多线程，但我当我尝试在vue中使用时，它依赖的simple-web-worker库会报Object.defineProperty called on non-object的错误，应该是vue把Vue全局对象给模块化了导致它拿不到对象，所以我放弃它了。
2025-01-16 16:05:39
963
原创 nodejs + vue3 模拟 fetchEventSouce进行sse流式请求
在GPT爆发的时候，各项目都想给自己的产品加上AI，蹭上AI的风口，因此在最近的一个需求，就想要给项目加入Ai的功能，原本要求的效果是，查询到对应的数据后，完全展示出来，也就是常规的post请求，后来这种效果遇到了一个很现实的问题：长时间的等待。我们需要在GPT返回全部数据后，前端才能接受并展示，一旦询问的时间过长，就会让用户等待很久，这时候我们需要将前端的展示效果改为想ChatGPT那样的打字机效果。
2024-07-04 12:49:25
1804
原创 vue canvas绘制信令图二、
根据信令图标题的每2个区域之间有无内容来给宽度，无内容区域的间隔要小一些。有内容区域的间隔大一些。从上面的效果图可以看出无内容区域的间隔宽度变小了很多。
2024-05-31 17:08:29
434
2
原创 vue项目中使用html2canvas 下载当前页面（动态页面宽度、高度）
vue项目中使用html2canvas 下载当前页面（动态页面宽度、高度）
2024-04-09 16:16:48
828
原创 elment-ui el-tabs组件 每次点击后 created方法都会执行2次
在element-ui的tabs组件中，我们发现每次切换页面，所有的子组件都会重新渲染一次。当子页面需要发送数据请求并且子页面过多时，这样会过多的占用网络资源。这里我们可以使用v-if 来进行判断是否渲染该子页面。不会如何在。
2024-03-19 11:36:51
1738
原创 微信小程序原生＜map＞地图实现标记多个位置以及map 组件 callout 自定义气泡
自定义气泡为什么出不来呢？主要注意以下问题：首先这里的 customCallout 是作为一个属性存在的，那么自然要在 WXML 中有所体现，主要体现在 markers 对象中的数据结构。
2024-03-16 21:03:27
2922
原创 vant van-field 密码输入框小程序里隐藏、显示密码bug总结
不要用type属性，type属性在真机上有时会没有效果。用password属性控制密码的显示与隐藏。
2024-03-06 15:31:35
2195
1
原创 前端线上部署，如何通知用户有新版本
是一个轻量级的JavaScript库，它可以实时检测web应用的index.html文件内容是否有变化。当服务端发布新版本后，前端会自动弹出更新提示，让用户刷新页面，以加载最新的资源和功能。这样可以提高用户体验和数据准确性。
2023-10-30 10:15:59
834
原创 文字转语音：语音合成(Speech Synthesis) 数组文字循环播放
HTML5中和Web Speech相关的API实际上有两类，一类是“语音识别(Speech Recognition)”，另外一个就是“语音合成(Speech Synthesis)”， 这两个名词实际上指的分别是“语音转文字”，和“文字变语音”。
2023-10-07 16:24:44
3145
原创 el-select 下拉框全选、多选的几种方式组件
由于添加了：collapse-tags 属性后，全选选中的时候，正常会默认选中第一个label的值显示，后面是 + 全部数量 -1 . 我们可以在初始化的时候，把默认选中的数组里面最前面添加一项“全选”2. 用selectArr的变量存一下， value的数组 过滤出不含 全选的，剩余全部数据。1. 先用arr1的变量存一下，把下拉框的数组 过滤出不含 全选的，剩余全部数据。：判断如果是全选就在最前面 添加1项 value 值 ‘全选’直接添加一个【全选】复选框，实现的功能跟方法一是一样的。
2023-09-19 10:19:42
7626
4
原创 js 处理数组合并vs对象合并
注意，这里通过传递一个空对象 {} 作为第一个参数来创建了一个新的对象作为目标对象。这是因为 Object.assign 方法会修改第一个参数的值，如果我们不想修改原始的对象，就需要传递一个新的空对象作为目标对象。方法接受一个目标对象和一个或多个源对象作为参数，将源对象的属性复制到目标对象中，并返回目标对象。如果有重复的属性名，则后面的属性会覆盖前面的。前言: 前端开发中，我们会遇到各种数据的需求，但是后端给你返回的数据结构又不是你想要的， 只能自己动手，去组装数据，重新定义数据结构了。
2023-09-05 10:11:39
537
nodejs + vue3 模拟 fetchEventSouce进行sse流式请求
2024-07-04
vue canvas绘制信令图，动态显示标题、宽度、高度
2024-06-13
Leaflet.Control.Opacity控制图层的透明度
2023-08-04
echart百度地图全国所有省份的js
2022-02-18
mxGraph中文文档.md
2021-07-07
wesocket.vue
2021-07-07
mxgraph.zip
2020-06-29
mapinfo绘图工具.zip
2020-05-29
mapinfo中文版本.zip
2020-05-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人