- 博客(227)
- 资源 (11)
- 收藏
- 关注
原创 html2canvas+jspdf实现前端导出pdf时,4k屏浏览器卡死
html2canvas+jspdf实现前端导出pdf时,4k屏浏览器卡死,降低像素比解决
2024-04-07 16:49:18 203
原创 axios中post请求application/x-www-form-urlencoded显示参数错误
axios中post请求application/x-www-form-urlencoded显示参数错误,需要用qs对参数进行序列化处理
2024-04-07 16:32:41 115
原创 The engine “node“ is incompatible with this module
yarn安装项目依赖包时报错,node版本不兼容问题解决方式重新安装node为提示的版本;配置忽略node引擎版本:
2024-04-02 14:13:58 197
原创 js实现点击某个按钮后平滑滚动到指定位置
window.scrollTo(options)方法,options是一个对象,有三个属性:top 等同于 y-coordleft 等同于 x-coordbehavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto(等同于instant)
2023-10-12 14:56:43 459
原创 内网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 859 1
原创 elementUI cascader下拉框不自动跟随输入框
cascader要跟随输入框,需配置:append-to-body="false",但api上并无次配置项。
2022-10-10 16:30:03 579
原创 elementUI cascader父容器出现滚动条后,级联下拉横向被隐藏
elementUI cascader父容器设置overflow:auto出现滚动条后,级联下拉设置:append-to-body="false"时,下拉选项横向被隐藏,如下图所示。【解决方法】设置cascader 的append-to-body="false",使其挂在在body上即可显示隐藏部分。
2022-10-10 11:38:03 737
原创 Ant design for Vue的table的行合并、列合并、行列合并的代码实现
Ant design for Vue的table的行合并、列合并、行列合并的核心代码实现
2022-08-03 15:33:19 1195
转载 浏览器的缓存机制
缓存会根据进来的请求保存输出内容的副本,当一下个请求到来的时候,如果是相同的url,缓存会根据缓存机制决定是否直接使用副本响应访问请求,还是向服务器再次发送请求.比较常见的就是浏览器会缓存访问过的页面,当再次访问这个URL地址的时候,如果网页没有更新就不会再次下载网页,而是直接使用本地缓存的网页;服务器返回资源的时候,会在响应头信息中带上资源实体标签EntityTag,可以用来作为浏览器再次请求过程的校验标识,如果发现校验标识不匹配,说明资源已经被修改过或过期,浏览器需要重新请求资源。.........
2022-07-25 09:15:26 225
原创 vue2+TS项目运行和打包错误
vue2.0+TS项目运行和打包突然报如下问题,感觉像是babel不支持TS可选链的写法,百度了半天没有找到解决方案。最后查了一下babel的插件库,在项目配置文件:babel.config。js中加上对象的插件库就行:"@babel/plugin-proposal-optional-chaining"...
2022-06-24 14:56:40 1410
原创 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 1847 1
原创 微信小程序定位功能调试正常,上线后获取不到定位信息
原因分析:由于调用了高德接口https://restapi.amap.com/v3/geocode/regeo,但未将请求域名添加至服务器request合法域名中导致解决方法:登录微信小程序开发平台,将https://restapi.amap.com添加至服务器request合法域名中,如下图所示...
2022-05-07 09:40:32 3068 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 1592 2
原创 高德地图开发踩坑记录
1.一个文件中,由于高德版本引入不同,导致刷新amap报错2.高德搜索POI api仅支持到查询市内地址,未支持到查询区内地址,如果city参数传区code,则citylimit不生效。citylimit要生效,city需传cityCode...
2022-04-18 14:55:45 486
原创 d3.js
中文地址: D3js: Data-Driven Documents英文地址:D3.js - Data-Driven Documents
2022-04-13 16:15:52 136
原创 高德地图amap前端开发
高德获取当前mark坐标:高德地图API高德开放平台官网https://lbs.amap.com/tools/picker
2022-04-13 16:13:32 689
原创 vue-amap官网文档链接,vue-amap画圆
1.4.3 圆 - vue-amap 中文文档 - 文江博客基础示例 组件 | vue-amap
2022-03-29 20:01:02 1765
转载 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 3152 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 321
转载 geoJson全国各省市地图json数据获取
地址1:DataV.GeoAtlas地理小工具系列地址2:POI数据|POI数据库|最新POI数据库|最全POI数据库|百度POI数据库|高德POI数据库|谷歌POI数据库|2022年POI数据库
2022-03-16 14:48:50 3009
原创 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 1314
转载 npm 私有模块的3种方法
转自npm 私有模块的3种方法 - 简书在前端/Nodejs 开发中我们通常会开发出公共的 module,但在企业开发功能模块时并不希望将自己的核心代码发布到 npmjs.org 中,虽然 npmjs.org 提供...https://www.jianshu.com/p/a9540d9f8d9c...
2022-02-09 10:47:35 9
原创 nexus私服npm包踩坑记录
1.私服npm publish时,报错“-4048”,如下图所示:解决方法:删除包中的node_modules文件夹 修改npm镜像地址为私服地址,执行命令:npm config set registryhttp://xxx.com/repository/antd-vue-based-components/ 重新登录私服账号 检查所在目录是否为当前要发布包的上级目录2.私服再次publish npm包时,报“E400,Repository does not allow updating...
2022-02-09 09:39:13 1015
原创 记一次nexus私服npm包发布
1.登录公司私服,创建Repositories2.登录npm私服账号找到要发布的包文件夹的上级,管理员身份运行cmd执行命令:npm whoami,查看当前登录用户是否为私服用户如果不是,可执行以下命令修改镜像地址后,在登录修改npm镜像地址为私服地址:npm config set registry http://xxx.com/repository/antd-vue-based-components/登录私服npmnpm login --http://xxx..
2022-02-08 16:16:26 365
原创 antd modal层级混乱
【问题描述】有新增菜单、编辑菜单、图标选择三个modal框,其中,图标选择modal框是在新增菜单 和编辑菜单 modal框上点击菜单选择框后弹出的公用的moda,点击几次后,图标 modal层级混乱,具体入下图【问题分析】 菜单图标modal只创建一次,多次打开后,层级为第一次创建时的zIndex,导致层级没在最上层【解决方案】给modal加上一个key,每次打开菜单图标modal,都指定新的key=Math.random(),层级重新渲染...
2021-12-30 15:20:20 4155 2
原创 npm ERR 500 Internal Server Error - PUT https://registry.npm.taobao.org/
【问题描述】使用git终端 执行npm login时,报错:npm ERR! code E500 npm ERR! 500 Internal Server Error - PUT https://registry.npm.taobao.org/【问题分析】同样的账号,在浏览器登录没问题,说明账号密码正确,想到自己电脑上之前用另一个npm账号登录过,不知道是不是账号冲突【解决方案】删除.npmrm文件...
2021-12-30 10:33:47 1544
原创 浏览器记住验证码和密码,而非用户名和密码
【场景】注册页面form表单顺序:用户名、验证码、密码、确认密码【问题】点击提交表单后,浏览器右上角自动记住了验证码和密码,而非用户名和密码【期望结果】记住用户名和密码【问题分析】由于浏览器默认记录离input type="password"的上一个input type="text"为用户名,而验证码离密码最近,故导致以上问题【解决方案】1.交换验证码和密码输入框的位置,两者外面包一层容器,设置style="display: flex;flex-direction: olumn-reve
2021-12-28 16:25:26 1232
html2canvas.js
2020-03-16
FileSave.js
2020-03-16
ios、Android、web端交互设计流程及经验.docx
2020-02-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人