- 博客(233)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 前端实现调用ChatGPT
1.使用的 EventSourcevar source = new EventSource('http://example.com/events');source.onmessage = function(event) { console.log("New message:", event.data);};source.onerror = function (e) { eventSource.close() console.log('eventS
2024-07-15 19:51:21
206
原创 在https页面，通过iframe实现http跨域访问（解决iframe页面点击浏览器刷新按钮后返回首页问题）
在https项目页面，利用iframe嵌入http项目页面，用nginx配置抓发后解决跨域，浏览器F5刷新后，请求的http项目的页面返回首页，并不是url对应的页面（https、http项目均为vue项目）解决方案：http项目改为history路由，iframe修改src。问题原因：由于http项目用的hash路由，导致刷新后返回首页。
2024-05-30 15:14:05
770
1
原创 多租户数据隔离方案
在选择多租户数据隔离方案时，需要考虑的因素包括成本、数据隔离性要求、预计的数据量、系统对数据隔离性的要求、后期可能出现的性能问题以及数据统计分析的便利性。例如，如果系统对数据隔离性要求不高，且预计的数据量不大，可能会选择共享数据库、共享数据表的方案。如果系统需要更高的数据隔离性和安全性，或者租户数量较少，可能会选择独立数据库的方案。的多租户插件来自动在查询时加上tenantId查询条件，在插入数据时自动填上用户的tenantId。此外，还有一些技术手段可以帮助实现多租户数据隔离，例如使用。
2024-05-28 10:45:56
346
原创 html2canvas+jspdf实现前端导出pdf时，4k屏浏览器卡死
html2canvas+jspdf实现前端导出pdf时，4k屏浏览器卡死，降低像素比解决
2024-04-07 16:49:18
357
原创 axios中post请求application/x-www-form-urlencoded显示参数错误
axios中post请求application/x-www-form-urlencoded显示参数错误，需要用qs对参数进行序列化处理
2024-04-07 16:32:41
491
原创 The engine “node“ is incompatible with this module
yarn安装项目依赖包时报错，node版本不兼容问题解决方式重新安装node为提示的版本；配置忽略node引擎版本：
2024-04-02 14:13:58
247
原创 js实现点击某个按钮后平滑滚动到指定位置
window.scrollTo(options)方法，options是一个对象，有三个属性：top 等同于 y-coordleft 等同于 x-coordbehavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto（等同于instant）
2023-10-12 14:56:43
523
原创 内网npm私服使用说明
近期前端团队会持续开发一些前端公共组件，由于是公司内部资产，并不方便发布到公网的npm中托管。其他的编译模板，不管是CNPM还是NPM都会强制使用淘宝的源，不会读取.npmrc中的配置。只有yarn会读取，而且是通过试验得到的结果，没看过平台部门的代码，目前只能将就这么用。发包地址：http://nexus.xxx.xxx.com/repository/npm-cosmo-hosted/取包地址：http://nexus.xxx.xxx.com/repository/npm-cosmo-group/
2023-03-14 17:26:48
921
1
原创 elementUI cascader下拉框不自动跟随输入框
cascader要跟随输入框，需配置:append-to-body="false"，但api上并无次配置项。
2022-10-10 16:30:03
616
原创 elementUI cascader父容器出现滚动条后，级联下拉横向被隐藏
elementUI cascader父容器设置overflow:auto出现滚动条后，级联下拉设置:append-to-body="false"时，下拉选项横向被隐藏，如下图所示。【解决方法】设置cascader 的append-to-body="false"，使其挂在在body上即可显示隐藏部分。
2022-10-10 11:38:03
798
原创 Ant design for Vue的table的行合并、列合并、行列合并的代码实现
Ant design for Vue的table的行合并、列合并、行列合并的核心代码实现
2022-08-03 15:33:19
1226
转载 浏览器的缓存机制
缓存会根据进来的请求保存输出内容的副本,当一下个请求到来的时候,如果是相同的url,缓存会根据缓存机制决定是否直接使用副本响应访问请求,还是向服务器再次发送请求.比较常见的就是浏览器会缓存访问过的页面,当再次访问这个URL地址的时候,如果网页没有更新就不会再次下载网页,而是直接使用本地缓存的网页;服务器返回资源的时候，会在响应头信息中带上资源实体标签EntityTag，可以用来作为浏览器再次请求过程的校验标识，如果发现校验标识不匹配，说明资源已经被修改过或过期，浏览器需要重新请求资源。.........
2022-07-25 09:15:26
241
原创 vue2+TS项目运行和打包错误
vue2.0+TS项目运行和打包突然报如下问题，感觉像是babel不支持TS可选链的写法，百度了半天没有找到解决方案。最后查了一下babel的插件库，在项目配置文件：babel.config。js中加上对象的插件库就行:"@babel/plugin-proposal-optional-chaining"...
2022-06-24 14:56:40
1471
原创 css实现矩形四个边角特效
先贴效果图如下：对应css代码如下：.total-item-inner{ width: 310px; height: 108px; padding: 16px; background: linear-gradient(to left, #0DD7B5, #0DD7B5) left top no-repeat, linear-gradient(to bottom, #0DD7B5, #0DD7B.
2022-05-07 10:31:16
1897
1
原创 微信小程序定位功能调试正常，上线后获取不到定位信息
原因分析：由于调用了高德接口https://restapi.amap.com/v3/geocode/regeo，但未将请求域名添加至服务器request合法域名中导致解决方法：登录微信小程序开发平台，将https://restapi.amap.com添加至服务器request合法域名中，如下图所示...
2022-05-07 09:40:32
3276
2
原创 qiankun微前端踩坑记录
问题1.本地开发时，在主应用页面刷新会直接变成微应用页面，配置如下：registerMicroApps([ { name: 'app1', entry: '/app1/', // http://localhost:8080/app1/ container: '#container', activeRule: '/app1', },],分析：由于entry和activeRule相同导致解决方案：将activeRule改为主应用访问微应用的baseUrl
2022-04-21 17:06:49
1729
2
原创 高德地图开发踩坑记录
1.一个文件中，由于高德版本引入不同，导致刷新amap报错2.高德搜索POI api仅支持到查询市内地址，未支持到查询区内地址，如果city参数传区code,则citylimit不生效。citylimit要生效，city需传cityCode...
2022-04-18 14:55:45
508
原创 d3.js
中文地址： D3js: Data-Driven Documents英文地址：D3.js - Data-Driven Documents
2022-04-13 16:15:52
143
原创 高德地图amap前端开发
高德获取当前mark坐标：高德地图API高德开放平台官网https://lbs.amap.com/tools/picker
2022-04-13 16:13:32
703
原创 vue-amap官网文档链接，vue-amap画圆
1.4.3 圆 - vue-amap 中文文档 - 文江博客基础示例 组件 | vue-amap
2022-03-29 20:01:02
1793
转载 vue-amap 初始化报错 AMap.PolyEditor is not a constructor 和 a[d].split is not a function
main.js中import VueAMap from 'vue-amap'Vue.use(VueAMap)VueAMap.initAMapApiLoader({ key: '6cf4109dca43906adfe00d4bbb6d93b5', // 康药麦麦高德key plugin: [ 'AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.Too
2022-03-29 18:06:04
3423
3
转载 echarts 作品地址
地址1: https://www.isqqw.com/#/homepage 地址2：http://www.ppchart.com/#/社区地址：https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=al
2022-03-16 14:51:04
344
转载 geoJson全国各省市地图json数据获取
地址1：DataV.GeoAtlas地理小工具系列地址2：POI数据|POI数据库|最新POI数据库|最全POI数据库|百度POI数据库|高德POI数据库|谷歌POI数据库|2022年POI数据库
2022-03-16 14:48:50
3114
原创 npm、yarn、git常用命令
npm常用命令1.npm设置镜像地址npm config set registry https://registry.npm.taobao.org2.npm下载依赖，指定私服地址npm install 包名 --http://xxx.com/repository/xxx/3.npm查看当前登录账号npm whoami4.npm登录私服账号npm login --http://xxx.com/repository/xxx/5.npm私服发布包npm publish 包名
2022-02-10 14:01:41
1345
转载 npm 私有模块的3种方法
转自npm 私有模块的3种方法 - 简书在前端/Nodejs 开发中我们通常会开发出公共的 module，但在企业开发功能模块时并不希望将自己的核心代码发布到 npmjs.org 中，虽然 npmjs.org 提供...https://www.jianshu.com/p/a9540d9f8d9c...
2022-02-09 10:47:35
13
html2canvas.js
2020-03-16
FileSave.js
2020-03-16
ios、Android、web端交互设计流程及经验.docx
2020-02-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人