- 博客(287)
- 资源 (11)
- 收藏
- 关注
RSS订阅
原创 尝试实现了国外大佬用Web做出来跨窗口渲染动画效果
由于storage里得存多个窗口的圆心位置信息，所以得给不同窗口定义不同key值，规范来说应该弄个方法获取浏览器唯一标识，但是没有现成好用api，就暂时弄成自增index序号机制。// 获取其它窗口的storage keys// 自增最大的key序号，定义自己窗口storage key// 获取圆颜色// 窗口关闭时删除自己窗口storagei++) {!，然后运行两个窗口。效果如下图，可以看到两个窗口都有自己的唯一key，storage里也存了对应position信息。
2023-11-28 11:16:52
283
原创 如何在 Vue 中使用 防抖 和 节流
在 Vue 中，可以很轻松的对 观察者 和 事件处理器 应用 防抖 和 节流。核心逻辑就是，在created()钩子 里，创建 防抖 或 节流 的回调，并赋值在实例上。},// ...// ...watch: {},},// ...B）或在 template 中设定一个事件处理器：在这之后，每次调用，就算执行频率非常高，内部的回调也能缓冲执行。
2023-11-20 15:39:58
742
原创 用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
938
2
原创 chatgptApi 文档使用以及 Demo演示
最近chatGpt 很火爆，搞得国内某度都按耐不住了，开始搞‘文心一言’了。体验到了ChatGPT的强大之后，那么我们会想，如果我们想基于ChatGPT开发一个自己的聊天机器人，这个能搞定吗？ChatGPT平台已经为技术提供了一个入口了，很简单的就是实现了。
2023-03-28 17:37:32
9026
原创 vueCli3.0 前端打包项目部署nginx后去除缓存
由于vue脚手架每次打包时，都会将打出的静态资源文件名加个哈希后缀，且index.html中引入时也加了对应的哈希后缀，所以每个版本的静态资源都是全新的，不用担心因升级导致的缓存问题。让静态资源有缓存好办，问题在于怎么只让index.html不缓存。不推荐使用的原因是：升级时缓存问题倒解决了，但直接导致了用户每次访问你的程序时都要重新请求服务器，所有的静态资源都无法用缓存了，浪费流量，网络压力变大。vue项目每次打包上线后，浏览器需要强制刷新浏览器才能去除缓存，更新最新的版本，这样做的话，肯定不是很合理。
2023-02-22 14:36:03
3553
4
翻译 js写一个弹窗消息提醒插件
“弹窗消息提醒”插件。以上是展示的效果。1. 分析当消息被触发的时候，会有一个自上而下的淡入过程。 在持续了一段时间后会自动的消失，或者是需要用户来手动的点击关闭按钮。 在消息消失的时候，会有一个自下而上的淡出过程。 消息是可以叠加弹出的，最新的消息会排在消息列表的最后面。 当前面的消息消失后，后面的消息会有一个向上滑动效果。然后消息本身是有三部分组成消息图标，用来区分不同类型的消息。 消息文本。 关闭按钮，并不是所有消息都需要关闭按钮。2. 实现样式那么，不管我们是
2021-08-30 16:22:54
1979
原创 js字符串的常用方法总结
1、数字转为字符串let num = 1256;let str = "0x"+num.toString(16);console.log(str)2、十六进制字符串解析为数字let str = "0xabc";let num=parseInt(str) console.log(num)3.截取一个字符串里面指定字符的前面内容/或者后面的内容3-1.截取 ’H‘ 前面的内容let str = '2555H666';截取 H 前面的字符串let index = str
2021-05-25 17:29:26
226
原创 17个非常炫酷的后台管理系统模板
模板是我们做后台管理系统经常所需要的东西。虽然，我们总可以花很多时间从头开始设计自己的模板，但有现在的模板让我们套，节省我们更多时间用来摸鱼，何乐而不为呢。这些现有出色模板，除了节省时间外，还附带这些好处： 内置常用案例的组件 跨不同视图的一致样式 内置响应式设计 技术支持和文档 1. Vue Black Dashboard Pro线上地址：https://demos.creative-tim.com/vue-black-dashboard-pro/?ref=
2021-05-21 10:04:26
10030
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
9021
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 "[email protected]..
2021-05-13 12:31:25
1246
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
2212
原创 十二个、非常适合做外包项目的开源后台管理系统
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
3605
原创 VueCli4.0项目中将excel表格数据导入Elment UI表格并展示（映射的表格标题必须为英文）
先上一个效果图供大家参考：具体步骤如下：第一步、导入并读取Excel功能从整体上来说两种方式，一是前端解析文件后将数据返回给后端，另一种是前端直接将Excel文档返回后台，由后台进行处理。使用哪种方法需要根据具体业务需求，下面简单介绍第一种方法：由前端解析数据1、引入依赖 npm install -S file-saver xlsx npm install -D sc...
2020-03-26 18:09:44
860
原创 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
836
原创 web大前端必备的VSCode插件，常用的（15个）
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。1.Open-In-Browser由于 VSCode 没有提供直接在浏览...
2019-11-20 15:42:50
28766
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
3651
原创 vue项目中使用html2canvas 下载当前页面（动态页面宽度、高度）
vue项目中使用html2canvas 下载当前页面（动态页面宽度、高度）
2024-04-09 16:16:48
341
原创 elment-ui el-tabs组件 每次点击后 created方法都会执行2次
在element-ui的tabs组件中，我们发现每次切换页面，所有的子组件都会重新渲染一次。当子页面需要发送数据请求并且子页面过多时，这样会过多的占用网络资源。这里我们可以使用v-if 来进行判断是否渲染该子页面。不会如何在。
2024-03-19 11:36:51
702
原创 微信小程序原生＜map＞地图实现标记多个位置以及map 组件 callout 自定义气泡
自定义气泡为什么出不来呢？主要注意以下问题：首先这里的 customCallout 是作为一个属性存在的，那么自然要在 WXML 中有所体现，主要体现在 markers 对象中的数据结构。
2024-03-16 21:03:27
1267
原创 vant van-field 密码输入框小程序里隐藏、显示密码bug总结
不要用type属性，type属性在真机上有时会没有效果。用password属性控制密码的显示与隐藏。
2024-03-06 15:31:35
818
原创 前端线上部署，如何通知用户有新版本
是一个轻量级的JavaScript库，它可以实时检测web应用的index.html文件内容是否有变化。当服务端发布新版本后，前端会自动弹出更新提示，让用户刷新页面，以加载最新的资源和功能。这样可以提高用户体验和数据准确性。
2023-10-30 10:15:59
476
1
原创 文字转语音：语音合成(Speech Synthesis) 数组文字循环播放
HTML5中和Web Speech相关的API实际上有两类，一类是“语音识别(Speech Recognition)”，另外一个就是“语音合成(Speech Synthesis)”， 这两个名词实际上指的分别是“语音转文字”，和“文字变语音”。
2023-10-07 16:24:44
1299
原创 el-select 下拉框全选、多选的几种方式组件
由于添加了：collapse-tags 属性后，全选选中的时候，正常会默认选中第一个label的值显示，后面是 + 全部数量 -1 . 我们可以在初始化的时候，把默认选中的数组里面最前面添加一项“全选”2. 用selectArr的变量存一下， value的数组 过滤出不含 全选的，剩余全部数据。1. 先用arr1的变量存一下，把下拉框的数组 过滤出不含 全选的，剩余全部数据。：判断如果是全选就在最前面 添加1项 value 值 ‘全选’直接添加一个【全选】复选框，实现的功能跟方法一是一样的。
2023-09-19 10:19:42
3318
2
原创 js 处理数组合并vs对象合并
注意，这里通过传递一个空对象 {} 作为第一个参数来创建了一个新的对象作为目标对象。这是因为 Object.assign 方法会修改第一个参数的值，如果我们不想修改原始的对象，就需要传递一个新的空对象作为目标对象。方法接受一个目标对象和一个或多个源对象作为参数，将源对象的属性复制到目标对象中，并返回目标对象。如果有重复的属性名，则后面的属性会覆盖前面的。前言: 前端开发中，我们会遇到各种数据的需求，但是后端给你返回的数据结构又不是你想要的， 只能自己动手，去组装数据，重新定义数据结构了。
2023-09-05 10:11:39
318
原创 2023最受开发者欢迎的五大前端与后端技术
2023 年，开发者中最受欢迎的前端技术是 React、Angular 和 Vue.js。React 是用于创建 UI 的 JavaScript 库，允许开发者创建出可重用的组件，大大提高后续开发的效率。Vue.js 具有很强的适应性，且能轻松同其他技术相集成，使其成为前端开发服务中的热门选项。开发行业总在不断变化，因此前端和后端开发者们必须随时把握动态并适应变化，持续交付高质量的产品和服务。总而言之，谁能及时让最新的前 / 后端工具和成果为自己服务，谁就能带来更出色的用户体验。
2023-08-25 15:52:52
511
原创 2023年大厂前端面试题汇总
重排就是重新排列（reflow）：当渲染树的一部分必须更新并且节点的尺寸发生了变化，浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。重绘就是重新绘制（repaint）：是在一个元素的外观被改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。17. 小程序包大小限制，体积超标的话如何处理（图片压缩+CDN, 分包操作）6. js的基本数据类型， 值类型和引用类型。23. nginx处理跨域-反向代理（原理）26. 过去遇到有挑战的事情，怎么解决的？
2023-08-14 17:09:28
1991
1
原创 vue项目里面有多个模块的服务，前端处理url转发
没有在/pca 服务里面做转发接受 /dca、 /api的服务，所以需要前端自己去配置每个服务模块对应的。让后端去改nginx的配置，在pca 的配置里面 把 新增加的2个模块的服务转发做好。按照登录的api js文件的方法，把对应的 新增加的模块的api js文件都改下。先定义一个url变量，判断是。
2023-08-11 16:53:56
354
原创 git 提交报错eslint --fix found some errors. Please fix them and try committing again...
找到根目录中的.eslintignore文件，将src放入其中，以便git提交时跳过src目录中所有文件的。
2023-08-11 10:21:06
2860
原创 Leaflet.Control.Opacity 控制图层的透明度
最新有一个需求，能动态的控制Leaflet.js 地图图层的透明度，官网文档:一直有个方法，我以为拿来就能使呢，其实不行。
2023-08-04 16:49:13
279
原创 el-ment ui 表格组件table实现列的动态插入功能
在实际需求中我们经常遇到各种奇葩的需求，不足为奇。每个项目的需求各不相同，实现功能的思路大致是一样的。上图可以看出就是在地址和备注2列之间插入数据，那就好办了。直接在地址后面写一个。通过 for 循环 数组动态遍历出来就可以实现功能了。本文来具体介绍怎么实现table表格动态插入几列。，每列的顺序就看数组里面怎么排序给你返回了。
2023-07-14 16:23:27
2090
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关注的人