街尾杂货店&
码龄4年
关注
提问 私信
  • 博客:1,721,446
    社区:57
    1,721,503
    总访问量
  • 423
    原创
  • 3,453
    排名
  • 5,969
    粉丝

个人简介:前端攻城狮呀~

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:河北省
  • 目前就职: 东南研发中心
  • 加入CSDN时间: 2020-09-02
博客简介:

高级前端工程师

博客描述:
0.0
查看详细资料
  • 原力等级
    领奖
    当前等级
    8
    当前总分
    5,288
    当月
    200
个人成就
  • 获得2,850次点赞
  • 内容获得1,287次评论
  • 获得2,309次收藏
  • 代码片获得7,235次分享
创作历程
  • 248篇
    2024年
  • 175篇
    2023年
成就勋章
TA的专栏
  • 前端组件与功能(开箱即用)
    付费
    354篇
  • 前端常见问题解决
    付费
    133篇
  • thinkphp + mysql
    付费
    38篇
  • javascript
    19篇
  • vue基础
    11篇
  • webpack
    10篇
  • html5
    9篇
  • css3
    7篇
兴趣领域 设置
  • 前端
    vue.js前端框架
  • 移动开发
    微信小程序uni-app
创作活动更多

HarmonyOS开发者社区有奖征文来啦!

用文字记录下您与HarmonyOS的故事。参与活动,还有机会赢奖,快来加入我们吧!

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 视频
  • 课程
搜TA的内容
搜索 取消

uniapp - 运行打包出现警告报错The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0,uniapp打包警告

uni-app,uniapp打包The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,uniapp打包警告,uniapp打包时sass报错,更新了sass版本后就出现了,更新了hbuilder后就报错了,如何解决这个问题,配置里加了legacy-js-api还是不行,uniApp项目打包builder编译出错,npm run bu
原创
发布博客 2024.11.02 ·
11396 阅读 ·
9 点赞 ·
0 评论 ·
3 收藏

vue3 - 实现移动端H5网页调用手机相册选取图片或打开摄像头相机拍照上传,H5调用本地相册/相机上传图片详细教程,如何在h5网站浏览器中打开本机相册或相机选择相片(附图片压缩功能及上传服务器示例)

vue3手机H5网页,调起安卓苹果ios手机相册和相机,H5实现调用手机摄像头相册实现图片压缩预览删除,vue3项目调用摄像头和相册,H5调用手机摄像头,vue3 H5拍照上传,手机网站浏览器移动端调取相机或相册,实现拍照上传功能,解决苹果ios手机无法打开相册相机问题,无法唤起摄像头怎么办,调取本机系统的相册,vue3 h5网页调用相机拍照和相册,实现多张图片上传功能,实时拍照上传,VUE3如何唤起手机摄像头拍照上传,H5调起手机端的摄像头,html5调用手机摄像头,实现H5调起手机相机和相册,图片压缩,
原创
发布博客 2024.11.02 ·
10934 阅读 ·
17 点赞 ·
0 评论 ·
3 收藏

uniapp(全端兼容) - 详解前端阿里云OSS上传图片并添加水印功能,纯前端直传图片到阿里oss对象存储另外添加自定义水印,uniApp上传图像文件到OSS时给图片插入水印添加水印(无需后端服务)

uni-app,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,阿里云oss对象存储,前端直传无需后端接口服务器,上传图片到阿里云oss,给图片添加水印后再传到oss上,文字水印,图片水印,uni-app实现阿里OSS直传,uniapp阿里云oss图片直接上传(不需要后端做签名),uni-app上传图片到oss并在底部加入文字水印,uni-app上传图片并添加水印支持拍照单图片上传多图片上传并添加水印,uniapp选取相册中的照片并插入水印上传,各平台打开相机和相
原创
发布博客 2024.11.01 ·
10828 阅读 ·
14 点赞 ·
0 评论 ·
3 收藏

webpack4 - 配置文件分离(详细教程)

webpack根据开发和生成环境一般可以将配置文件拆分,拆分dev和prod两种环境。使用webpack-merge,用以合并通用配置文件与开发环境配置文件。在scripts里修改相应的命令。
原创
发布博客 2024.11.01 ·
344 阅读 ·
4 点赞 ·
0 评论 ·
9 收藏

vue2 - 实现移动端H5网页调用手机相册选取图片或打开摄像头相机拍照上传,如何在h5网站浏览器中打开本机相册或相机选择相片,H5调用本地相册/相机上传图片详细教程(附图片压缩功能及上传服务器示例)

vue2手机H5网页,调起安卓苹果ios手机相册和相机,H5实现调用手机摄像头相册实现图片压缩预览删除,vue项目调用摄像头和相册,H5调用手机摄像头,实时拍照上传,VUE2 H5页面如何唤起手机摄像头拍照上传,H5调起手机端的摄像头,html5调用手机摄像头,实现H5调起手机相机和相册,vue H5拍照上传,手机网站浏览器移动端调取相机或相册,实现拍照上传功能,解决苹果ios手机无法打开相册相机问题,无法唤起摄像头怎么办,调取本机系统的相册,vue h5网页调用相机拍照和相册,实现多张图片上传功能,图片压
原创
发布博客 2024.10.31 ·
11019 阅读 ·
6 点赞 ·
0 评论 ·
4 收藏

webpack 单独打包指定JS文件的方法

因为不确定打出的前端包所访问的后端IP,需要对项目中IP配置文件单独拿出来,方便运维部署的时候对IP做修改。因此,需要用webpack单独打包指定文件。
原创
发布博客 2024.10.31 ·
284 阅读 ·
5 点赞 ·
0 评论 ·
5 收藏

html2canvas - 解决截图后引入的字体样式丢失问题,第三方字体截图导出图片后字体失效,html2canvas截屏生成图片后艺术字体就丢失并且自动转成常规字体了,特殊字体显示不了无法截图怎么办

vue2,vue3,uniapp,html2canvas截图后引入的字体样式丢失,html2canvas艺术字截图不显示,使用外部字体无效,html2canvas无法识别网络字体文件怎么办,ttf文件,网页使用在线字体链接利用html2canvas无法截取,字体样式没有了,font-family第三方字体,@font-face引入本地字体文件后无法被html2canvas识别怎么办,html2canvas文字消失,vue页面正常显示艺术字体但截屏后没有,html2canvas截图存在特殊字体时截图不全,默认
原创
发布博客 2024.10.30 ·
9504 阅读 ·
11 点赞 ·
0 评论 ·
3 收藏

vue2 - 解决elementUI使用el-radio单选组件报错 Blocked aria-hidden on an element because its descendant retained

vue2,element ui,单选框组件,el-radio,报错,vue2 element ui 使用radio单选框出现报错Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistivetechnology users,元素上的Blocked aria-hidden,单选框报错,指令不行,deep覆盖了css样式也不行,如何解决这个问题
原创
发布博客 2024.10.30 ·
6328 阅读 ·
6 点赞 ·
1 评论 ·
3 收藏

qiankun(微前端) - 解决Element组件库部分样式失效,主应用和子应用分别使用element-ui和element-plus,前端微应用qiankun样式无效污染隔离子应用样式影响其他应用

乾坤qiankun,微前端,vue,qiankun主应用使用vue2+elementui子应用使用vue3+element plus样式失效,子应用样式影响其他应用样式问题,qiankun项目与子应用样式混乱问题,彻底搞定样式污染,前端微应用qiankun样式污染,组件样式部分失效怎么办,互相影响,qiankun子应用中使用element-plus样式失效问题,组件库样式污染混乱,子应用样式影响到主应用怎么办,微前端qiankun子应用样式影响其他应用样式,样式冲突,Vue+qiankun框架样式混乱问题的
原创
发布博客 2024.10.29 ·
5303 阅读 ·
13 点赞 ·
0 评论 ·
3 收藏

vue2 | vue3 - 解决html2canvas截图后图片模糊看不清问题,vue html2canvas导出保存图片图像很糊不清晰,图片失真如何提高清晰度(清晰度参数配置scale设置了也不行)

vue2,vue3,uniapp,html2canvas截图模糊,html2canvas截图失真怎么解决,截图清晰度调整,改清晰度配置了还是不行,截图图片有些看不清,截图另存图片模糊问题解决办法,html2canvas生成图片模糊,H5海报利用canvas导出后不太清楚,为什么html2canvas截图有些模糊,图片合成模糊问题解决,Canvas截图模糊解决办法,如何提高质量清晰度上升,截图模糊问题,截图模糊处理方案,html2canvas 生成海报生成图片背景不清晰问题,保存到相册图片不清晰模糊,插入的图
原创
发布博客 2024.10.26 ·
6516 阅读 ·
20 点赞 ·
0 评论 ·
3 收藏

vue2 | vue3 - 解决html2canvas苹果ios系统保存图片到相册空白问题,真机IOS系统动态截图无法保存到相册或白屏,vue html2canvas ios系统保存图片空白啥也不显示

vue2,vue3,html2canvas,苹果ios系统,保存到相册失败,保存至相册发现是一张白图,如何解决html2canvas动态图片ios空白,html2canvas ios系统保存图片空白问题,部分iphone手机机型出现空白,生成图片后使用html2canvas截图时回显的照片是空白的,保存到相册报错,解决低版本ios使用html2canvas截图空白问题,ios系统保存图片空白问题,在ios13版本生成图片失效,保存的图片空白,使用html2canvas截图/保存图片到手机相册时出现空白图片的
原创
发布博客 2024.10.24 ·
5739 阅读 ·
13 点赞 ·
0 评论 ·
3 收藏

uniapp - 使用 <video> 播放视频黑屏,浏览器控制台报错: DOMException: The element has on supported sources.(详细完美解决方案)

uniapp video 视频播放黑屏,uniapp 报错DOMException: The element has on supported sources.,uniapp如何解决DOMException: The element has on supported sources.,uniapp使用video标签无法播放视频出现黑屏问题处理,uniapp解决video视频黑屏显示0秒,并且浏览器报错DOMException: The element has on supported sources.,un
原创
发布博客 2024.10.24 ·
6203 阅读 ·
15 点赞 ·
0 评论 ·
3 收藏

vue2 | vue3 - 解决html2canvas导出保存图片input输入框、textarea多行文本框内的文字,整体向上偏移或向下偏移、输入框文字错位没对齐的各种问题,生成图片后文字偏移上下!

vue2,vue3,html2canvas,html2canvas文字向下偏移兼容方法,位置偏移连续生成错乱,使用html2canvas时出现文字偏移的情况,生成图片文字偏下,截图后发现文本没有对齐怎么办,导出图片 input文字向上偏移,组件库Input输入框,保存到手机后发现文字跑偏了,生成图片偏移不完整,html2canvas图片的文字偏移,html2canvas截图后文字向下偏移解决,多行错位,竖排文本错乱,文字向上偏移,文字向左偏移,向右偏移了,文字靠顶部怎么办,截图中input框里的文字内容向上
原创
发布博客 2024.10.23 ·
7049 阅读 ·
8 点赞 ·
0 评论 ·
3 收藏

uniapp(全端兼容) - 详细实现腾讯地图根据当前位置获取周边示例,根据定位推荐附近的商场餐厅医院交通等百度地图POI类型分类,并在地图上悬浮周边推荐列表切换类型,获取附近地址名称及详细地址和距离

uni-app,h5移动端网页,微信小程序,支付宝小程序,Android安卓,苹果ios,app,nvue,腾讯地图,附近周边推荐,uniapp腾讯地图如何获取周边推荐,腾讯地图API获取当前位置对应的周边信息,uniApp微信小程序腾讯地图根据目前的定位推荐地址,腾讯地图api获取周边场所及交通信息,获取周边用什么方法,腾讯地图api搜索周围的教育医疗场所,根据经纬度获取周边建筑地标,定位检索附近周边街道,将推荐的地址悬浮在地图上显示,uniapp如何根据当前定位获取附近的商场医院,用腾讯地图获取当前点的
原创
发布博客 2024.10.21 ·
11145 阅读 ·
13 点赞 ·
0 评论 ·
3 收藏

vue3 - elementPlus全国城市列表选择器,提供省市区联动选择器、选择地址省市区级联、复选框tree树状省份全部列出来勾选,支持数据懒加载节点动态加载(附带全国省市区县乡镇村json数据)

vue3,element-plus,Element Plus级联和树形省市区,组件tree实现省市多级联动,vue3省市区三级联动选择器,选择地址,选择地区,选择多个省市区、批量选择城市,选择当前位置,省市区数据懒加载,动态加载城市数据,插件,地址选择器组件,城市选择器,省市区联动选择,Tree树组件列出省名称,树结构的城市列表,vue3省市区tree树形级联,全国省份列表,展开下级多级,vue3 element实现省市区选择联动,地区选择器,把所有省份都展示出来,选择多个城市,省市区三级联动选择器,省市区
原创
发布博客 2024.09.22 ·
3612 阅读 ·
13 点赞 ·
1 评论 ·
3 收藏

vue2 - elementUI全国城市列表选择器组件,提供省市区联动选择器、选择地址省市区级联、复选框tree树状省份全部列出来勾选,支持数据懒加载节点动态加载(附带全国省市区县乡镇村json数据)

vue2,element ui,城市选择器,省市区联动选择,Tree树组件列出省名称,全国省份列表,展开下级多级,vue2 elementUI实现省市区选择联动,地区选择器,把所有省份都展示出来,选择多个城市,省市区三级联动选择器,省市区json数据,树结构的城市列表,vue省市区tree树形级联,ElementUI级联和树形省市区,组件tree实现省市多级联动,vue省市区三级联动选择器,选择地址,选择地区,选择多个省市区、批量选择城市,选择当前位置,省市区数据懒加载,动态加载城市数据,插件,地址选择器组
原创
发布博客 2024.09.22 ·
3374 阅读 ·
7 点赞 ·
0 评论 ·
3 收藏

uniapp(全端兼容) - 实现地图位置标点或搜索位置名称“一键导航“功能,唤起手机导航App软件(高德地图、百度地图、腾讯地图)导航页面,如果用户手机没有安装地图app,则跳转到各家地图网页版导航

uni-app,导航,唤起第三方导航软件,安卓app,苹果app,微信小程序,移动端,H5网页,手机网站,微信小程序、支付宝小程序,手机app端,nvue,uniapp调起手机地图应用或跳转网页版实现地图导航功能,高德地图,百度地图,腾讯地图,展示标记点并实现一键导航,uniapp打开手机上的导航软件,uniApp如何打开手机自带的高德地图,如何打开唤起百度地图,调用百度地图导航功能,调起高德或百度地图手机应用,调起高德百度网页版实现导航功能,跳转系统已安装的地图app,跳转到高德网页版导航,web网页版,
原创
发布博客 2024.09.22 ·
3623 阅读 ·
13 点赞 ·
0 评论 ·
3 收藏

vue2 - 详细实现用户收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字,用户复制粘贴一段含有姓名电话/详细地址的文字文本信息,vue3自动识别拆分并填入到对应表单字段中,详细示例代码

vue2,nuxt2,快递地址读取,收货地址解析、快递地址解析、物流地址解析自动识别,收货地址解析,从发货地址中拆出姓名电话地址,根据粘贴的字符串提取姓名地址,vue地址信息自动识别,ts,vue2智能识别地址,提取姓名电话地址信息,自动识别出省市区街道姓名手机号等,根据文本自动解析出收货信息,怎么识别文本中的手机号,粘贴板地址识别,地址智能识别,如何识别收货地址中的关键字,粘贴一段文字后,自动识别到姓名/手机号/收货地址,vue仿淘宝地址智能识别解析实现,省市区街道智能解析,vue2收货地址,识别地址电话
原创
发布博客 2024.08.24 ·
2839 阅读 ·
9 点赞 ·
0 评论 ·
4 收藏

vue3 - 详细实现用户收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字,用户复制粘贴一段含有姓名电话/详细地址的文字文本信息,vue3自动识别拆分并填入到对应表单字段中,详细示例代码

vue3,nuxt3,快递地址读取,收货地址解析、快递地址解析、物流地址解析自动识别,收货地址解析,从发货地址中拆出姓名电话地址,根据粘贴的字符串提取姓名地址,vue3地址信息自动识别,ts,vue3智能识别地址,提取姓名电话地址信息,自动识别出省市区街道姓名手机号等,根据文本自动解析出收货信息,怎么识别文本中的手机号,粘贴板地址识别,地址智能识别,如何识别收货地址中的关键字,粘贴一段文字后,自动识别到姓名/手机号/收货地址,vue3仿淘宝地址智能识别解析实现,省市区街道智能解析,vue3收货地址,识别地址
原创
发布博客 2024.08.23 ·
4421 阅读 ·
10 点赞 ·
0 评论 ·
3 收藏

uniapp(全端兼容) - 详细实现电商收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字,用户复制粘贴一段含有姓名电话/详细地址的文字文本信息,自动识别拆分并填入到对应的表单字段中!

uni-app,安卓app,苹果app,微信小程序,移动端,H5网页,手机网站,微信小程序、支付宝小程序,手机app端,nvue,收货地址解析,从发货地址中拆出姓名电话地址,快递地址读取,收货地址解析、快递地址解析、物流地址解析自动识别,提取姓名电话地址信息,自动识别出省市区街道姓名手机号等,根据文本自动解析出收货信息,怎么识别文本中的手机号,粘贴板地址识别,地址智能识别,如何识别收货地址中的关键字,粘贴一段文字后,自动识别到姓名/手机号/收货地址,去除其中的特殊字符和前缀标识,根据粘贴的字符串提取姓名地址
原创
发布博客 2024.08.23 ·
4600 阅读 ·
18 点赞 ·
0 评论 ·
5 收藏
加载更多