- 博客(236)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 前端px转为rem的自适应解决方案
1.前端项目安装：npm install postcss-pxtorem --save-dev。此种方案的样式需要写在css中，对于行内style中的样式不起作用。3.动态设置根字体大小。
2025-02-26 20:17:33
232
原创 大屏不出现滚动条自适应解决方案
【方案】transform scale实现，根据小边自适应，类似background-size: contain;【优点】与设计稿比例相等时，全屏显示；与设计稿比例不相等时，依旧可展示全部内容，以比例小的方向铺满，不出现滚动条；【缺点】与设计稿比例不同时，以比例小的方向铺满，比例大的方向出现空白部分。【需求】各个分辨率下完全显示，不能出现滚动条。
2025-02-20 16:59:20
129
原创 a-input 输入框回车刷新页面问题
可以在 el-form标签上添加 @submit.native.prevent;当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。form表单里放了个输入框，聚焦输入框后按了回车键，整个页面被刷新了。【html】输入框里按了一下回车，页面就刷新了，怎么解决？或者在form标签上添加@submit.prevent。而触发了form的提交，就会导致页面刷新。阻止form表单的submit。在a-form有同样问题。
2024-11-15 17:16:31
361
原创 前端实现调用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
470
原创 在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
2837
1
原创 多租户数据隔离方案
在选择多租户数据隔离方案时，需要考虑的因素包括成本、数据隔离性要求、预计的数据量、系统对数据隔离性的要求、后期可能出现的性能问题以及数据统计分析的便利性。例如，如果系统对数据隔离性要求不高，且预计的数据量不大，可能会选择共享数据库、共享数据表的方案。如果系统需要更高的数据隔离性和安全性，或者租户数量较少，可能会选择独立数据库的方案。的多租户插件来自动在查询时加上tenantId查询条件，在插入数据时自动填上用户的tenantId。此外，还有一些技术手段可以帮助实现多租户数据隔离，例如使用。
2024-05-28 10:45:56
529
原创 html2canvas+jspdf实现前端导出pdf时，4k屏浏览器卡死
html2canvas+jspdf实现前端导出pdf时，4k屏浏览器卡死，降低像素比解决
2024-04-07 16:49:18
669
原创 axios中post请求application/x-www-form-urlencoded显示参数错误
axios中post请求application/x-www-form-urlencoded显示参数错误，需要用qs对参数进行序列化处理
2024-04-07 16:32:41
838
原创 The engine “node“ is incompatible with this module
yarn安装项目依赖包时报错，node版本不兼容问题解决方式重新安装node为提示的版本；配置忽略node引擎版本：
2024-04-02 14:13:58
422
原创 js实现点击某个按钮后平滑滚动到指定位置
window.scrollTo(options)方法，options是一个对象，有三个属性：top 等同于 y-coordleft 等同于 x-coordbehavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto（等同于instant）
2023-10-12 14:56:43
776
原创 内网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
1099
原创 elementUI cascader下拉框不自动跟随输入框
cascader要跟随输入框，需配置:append-to-body="false"，但api上并无次配置项。
2022-10-10 16:30:03
705
原创 elementUI cascader父容器出现滚动条后，级联下拉横向被隐藏
elementUI cascader父容器设置overflow:auto出现滚动条后，级联下拉设置:append-to-body="false"时，下拉选项横向被隐藏，如下图所示。【解决方法】设置cascader 的append-to-body="false"，使其挂在在body上即可显示隐藏部分。
2022-10-10 11:38:03
918
原创 Ant design for Vue的table的行合并、列合并、行列合并的代码实现
Ant design for Vue的table的行合并、列合并、行列合并的核心代码实现
2022-08-03 15:33:19
1347
转载 浏览器的缓存机制
缓存会根据进来的请求保存输出内容的副本,当一下个请求到来的时候,如果是相同的url,缓存会根据缓存机制决定是否直接使用副本响应访问请求,还是向服务器再次发送请求.比较常见的就是浏览器会缓存访问过的页面,当再次访问这个URL地址的时候,如果网页没有更新就不会再次下载网页,而是直接使用本地缓存的网页;服务器返回资源的时候，会在响应头信息中带上资源实体标签EntityTag，可以用来作为浏览器再次请求过程的校验标识，如果发现校验标识不匹配，说明资源已经被修改过或过期，浏览器需要重新请求资源。.........
2022-07-25 09:15:26
303
原创 vue2+TS项目运行和打包错误
vue2.0+TS项目运行和打包突然报如下问题，感觉像是babel不支持TS可选链的写法，百度了半天没有找到解决方案。最后查了一下babel的插件库，在项目配置文件：babel.config。js中加上对象的插件库就行:"@babel/plugin-proposal-optional-chaining"...
2022-06-24 14:56:40
1587
原创 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
2012
1
原创 微信小程序定位功能调试正常，上线后获取不到定位信息
原因分析：由于调用了高德接口https://restapi.amap.com/v3/geocode/regeo，但未将请求域名添加至服务器request合法域名中导致解决方法：登录微信小程序开发平台，将https://restapi.amap.com添加至服务器request合法域名中，如下图所示...
2022-05-07 09:40:32
3723
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
1919
2
原创 高德地图开发踩坑记录
1.一个文件中，由于高德版本引入不同，导致刷新amap报错2.高德搜索POI api仅支持到查询市内地址，未支持到查询区内地址，如果city参数传区code,则citylimit不生效。citylimit要生效，city需传cityCode...
2022-04-18 14:55:45
585
原创 d3.js
中文地址： D3js: Data-Driven Documents英文地址：D3.js - Data-Driven Documents
2022-04-13 16:15:52
177
原创 高德地图amap前端开发
高德获取当前mark坐标：高德地图API高德开放平台官网https://lbs.amap.com/tools/picker
2022-04-13 16:13:32
760
原创 vue-amap官网文档链接，vue-amap画圆
1.4.3 圆 - vue-amap 中文文档 - 文江博客基础示例 组件 | vue-amap
2022-03-29 20:01:02
1856
转载 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
3850
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
401
html2canvas.js
2020-03-16
FileSave.js
2020-03-16
ios、Android、web端交互设计流程及经验.docx
2020-02-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人