- 博客(108)
- 收藏
- 关注
RSS订阅
原创 【Vue】Vue2创建移动端项目实战教程，创建移动端项目保姆级教程，设置axios，utils工具包，vue.fonfig.js配置项 （下）
最最最详细的移动端vue2项目脚手架，有env环境，有vue.config.js，有axios，所有过程都是我一步步来的，看这一篇之前先看上两篇，因为这里是基于项目已经建好了的情况下写的。但是我改了一点东西，css预渲染器由less改成了scss。问题不是很大
2023-08-14 13:22:30
3831
7
原创 【Vue】Vue2创建移动端项目实战教程，创建移动端项目保姆级教程，接上一篇创建Vue2项目（中）
vue2项目适配移动端实战案例，接上一篇创建vue2项目，开发使用px不用rem
2022-09-20 14:01:55
4275
原创 [Vue]Vue2.x创建项目全程讲解，保姆级教程，手把手教，Vue2怎么创建项目（上）
vue教程入门，vue安装vue脚手架，安装vue-cli使用vue脚手架创建一个vue脚手架项目创建一个vue2的项目安装vuevue创建项目过程
2022-05-12 22:57:37
11674
10
原创 【Sass】常用全局sass高级函数，可使用原子化CSS减轻代码量，方便快速开发
针对style的预编译器为scss转载自git前端知识库原博主是B站up程序员郑清，可以看他的v3教程巩固一下常用flex和margin-padding提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2024-07-26 10:29:32
410
原创 【Vue2】vue指定页面div保存为pdf、vue指定页面内容转为文件流上传到后端、js指定div页面转为pdf文件
参考文章：实测可行、但是需要修改前端vue的JsPDF html2canvas 生成pdf并以文件流形式上传到后端项目背景：vue2框架：若依需求：把页面上某一块内容（或者整个页面），转为pdf文件上传到后端、或者下载到本地提示：以下是本篇文章正文内容，下面案例可供参考如有不懂，请看原文。我这里是基于原文实现，并且修改部分内容。js指定页面内容另存为pdf文件前端vue把页面转为file文件流上传到后端。
2024-03-27 09:11:32
2338
原创 github克隆拉取项目，创建publicKey，解决Key is invalid. You must supply a key in OpenSSH public key format。
1.报错`Permission denied (publickey).fatal: Could not read from remote repository.`Please make sure you have the correct access rightsand the repository exists.2.报错`Key is invalid. You must supply a key in OpenSSH public key format`
2024-01-22 15:07:16
788
原创 【Vue】console.log()打印对象显示点点点，js打印语句显示省略号 | 解决方案
在console.log打印对象或者数组时，里面会显示小数点。
2023-12-18 14:45:44
1265
1
原创 【Vue】vant2使用van-tree-select实现【全选、反选、搜索】，自定义组件，拿去即用。2.0版本保姆级教程
【Vue】vue2移动端 ，vant2使用van-tree-select分类选择实现【全选】和【取消全选】、【搜索过滤当前children】，只影响当前显示children，并且去重由于项目又多了新功能，我发现之前写的van-tree-select全选反选组件，不友好。得改进一下。效果如下。 van-tree-select实现全选反选组件效果实战案例我直接把代码全部贴出来。你们其实只需要改接口方法就好了。van-tree-select
2023-11-08 09:47:52
4758
原创 【vue2高德地图api】05-关于公交线路的案例实战
临时加了个功能，需要查询公交线路。类似下图，我会做的简单一点，本篇教程就不加下拉触底加载和上拉刷新了。只查询一遍，一次返回20条数据即可、顺便加一个搜索框官方文档入口提示：以下是本篇文章正文内容，下面案例可供参考如果没看过我之前的文章，可能对于初始化map中的会报错。这个在main.js中配置就好了安全密钥和mapJsKey都不能少建议从系列文章01开始看。
2023-11-07 11:04:13
616
原创 【vue2高德地图api】04-poi搜索
本篇要实现的功能，看下图提示：以下是本篇文章正文内容，下面案例可供参考看了我之前的教程，肯定不会出错。因为我也是建了个新项目一步步来的。
2023-11-05 20:26:21
511
1
原创 【Vue】vant上传封装方法，van-uploader上传接口封装
在移动端项目中，使用vant组件上传，但是vant没有上传方法，需要自己写。data变量methods方法打印file圈出来的file是用来传给后端的，上面的content是base64格式，用来预览的。在页面中引入
2023-10-31 11:21:04
1873
1
原创 【vue2高德地图api】高德地图forEach批量添加marker点标记，点击获取item对象『全网最详细』【翻遍csdn总结】
我的需求getList获取数据，然后把经纬度，写入到页面中，点击marker标记 可以获得该项数据，例如name或者id之类的。页面已经展示，只看加marker标记点，跳过一、二
2023-10-24 20:07:42
2168
2
原创 【vue2高德地图api】03-完善展示页，并且调用poi搜索接口
实现样式效果如图，比较复杂，内容较多。会在api文件夹创建接口，会在components写一个组件，阅读大概10分钟挂载了计算距离方法后，发现页面不报错了，正常运行了为什么不用webJs的poi查询？那个查询可以直接在地图上标点出来。因为没有我所需要的评分，我需要根据评分来排序，如果需要地图显示点，可以用mark批量添加，看到这里相信你已经会基本操作了。mark加标记点我在后面会有一片教程，不过不是批量，不过都差不多，反正都是给经纬度然后整个循环。如果看到这里还是没有正常运行。请检查data变量。
2023-10-18 00:24:15
285
原创 【vue2高德地图api】02-npm引入插件，在页面中展示效果
如果没有现成的脚手架，可以用我的，教程需要看上中下三篇。传送门【Vue】Vue2创建移动端项目实战教程，创建移动端项目保姆级教程，设置axios，utils工具包，vue.fonfig.js配置项也可以直接拿现成的vue-app我按照我上面gitee中的包来操作参考教程Vue+高德地图API的使用需要用什么，用addControl方法添加传送门地图js 插件的使用。
2023-10-17 23:15:05
1023
原创 【vue2高德地图api】视频效果（手机端）先看这里
【高德地图api】vue2中poi搜索效果视频实现的效果视频，手机录制视频转gif太麻烦了，我直接上传视频了。教程主要针对视频效果所呈现，一步步保姆教程以及代码块，如果后续修改功能需求，以最终为主。
2023-10-17 16:53:23
168
原创 【Vue】vscode格式刷插件Prettier以及配置项~~保姆级教程
vscode格式刷，有太多插件了，但是每个的使用，换行都不一样。这里我推荐一个很多人都推荐了的Prettier我这里只修改了2个地方把默认字符串双引号，改成了单引号。~~~还有宽度printWidth改成了120
2023-10-08 10:03:18
2493
原创 【常用代码15】文字单词超出强制分割换行，word-break: break-all；和word-wrap: break-word；的区别
文件上传后显示文件名，名称过长，超出div有些文件名如下图。
2023-09-22 09:27:39
473
原创 【Vue】vue2使用vue-pdf预览pdf文件，预览多页，在线预览方式二，vue页面内预览，无需额外pdfjs包，保姆级教程
参考文章1vue中前端实现pdf预览（含vue-pdf插件用法）参考文章2vue中运用vue-pdf实现pdf分页预览及缩放(可解决pdf预览不清晰问题)可以先看参考文章，再来看我的，这个作者的简洁粗暴，上手就能用，我写的主要针对新手小白但是只做了预览，如果需要切换上一页、下一页，请看参考2提示：以下是本篇文章正文内容，下面案例可供参考更多方法看官网传送门。
2023-09-12 10:45:16
7142
原创 【Vue】vue2使用pdfjs预览pdf文件，在线预览方式一，pdfjs文件包打开新窗口预览pdf文件
vue2项目，实现pdf文件的预览，只针对pdf类型，其他的不做考虑。提示：以下是本篇文章正文内容，下面案例可供参考打开方式就window.open拼路径就好了，我只针对pdf做了预览判断。
2023-09-12 09:23:13
9107
4
原创 【常用代码14】el-input输入框内判断正则，只能输入数字，过滤汉字+字母。
el-input输入框，只能输入数字，但是stylewidth200px;</
2023-09-08 14:27:26
1706
原创 【Vue】vue2移动端 ，vant2使用van-tree-select分类选择实现【全选】和【取消全选】、【搜索过滤当前children】，只影响当前显示children，并且去重
组件链接传送门功能需求，全选和取消全选，只做简单版。就是两个按钮，一个，一个并且只选中 || 取消 当前显示的这个children数组这段代码，我封装成了一个components组件，只需要丢到2.js方法获取返回值二、子组件代码1.页面2.样式代码代码如下（示例）：3. js代码它需要的是，一个对象数组，它的对象数据，就是左侧列表，children数据，就是右侧渲染的子级数据列表。例如下列格式这里我的写法是，获取部门列表，然后点击部门（左侧），再请求右边人员列表
2023-09-01 14:30:31
2067
原创 【Vue】vue2预览显示quill富文本内容，vue-quill-editor回显页面，v-html回显富文本内容
vue富文本编辑器vue-quill-editor的内容的渲染
2023-08-24 14:16:19
7441
原创 2023年8月22日【微信小程序获取头像临时路径转base64编码传给后台储存】
参考链接微信小程序上传头像和昵称持久化保存微信小程序获取用户头像昵称手机号最新版小程序图片转base64方案（多种解决方案）头像昵称填写 | 微信开放文档提示：以下是本篇文章正文内容
2023-08-22 17:25:26
4525
1
原创 【Vue】vue2项目使用swiper5.4.5轮播图2024年1月5日实战保姆级教程（已过时）
swiper轮播图官网参考文章，最好先看完他的介绍，再看我的。swiper，vue中swiper的应用，swiper各个版本在vue项目中应用官方效果传送门更多效果传送门提示：以下是本篇文章正文内容，下面案例可供参考vue2使用swiper组件组件实战保姆级教程。
2023-08-21 11:17:40
14347
5
原创 【Vue2】Vant2上传文件使用formData方式，base64图片转Blob再转File上传
vant2上传组件，用formData格式上传文件到后台，vue2语言，vant2组件库
2023-06-30 16:45:52
3410
2
原创 【vue-scroller】vue移动端插件，监听下拉触底，上拉刷新
效果如图，报错是我的判断是否已全部请求完没写好github地址提示：以下是本篇文章正文内容，下面案例可供参考作者的github页面参数代码预览。
2023-05-19 17:47:27
1536
1
原创 【常用代码12】原生input输入框点击获取焦点后显示边框颜色，渐变显示--边框颜色和阴影
【常用代码12】原生input输入框点击获取焦点后显示边框颜色，渐变显示--边框颜色和阴影。
2023-05-05 10:50:16
1505
原创 解决vue-print-nb打印时多出一页空白，vue-print-nb打印有空白页
vue实现打印功能（vue-print-nb），解决vue-print-nb每次打印都会多出一张空白页，打印多一张空白
2023-04-16 15:04:37
3462
11
原创 【常用代码】vue中使用a标签下载文件pdf、docx、doc，xls等，赋值文件名
有文件路径，项目域名+文件路径打开，可以直接在浏览器新窗口下载文件，使用window.open打开还会阅读pdf，而不会下载pdf文件。
2023-04-14 10:44:04
2409
原创 【常用代码12】 window.open打开多个新窗口被禁用解决方法，window.open(url)下载多个文件只能下载一个解决方法
id=’ + this.idList, ‘_blank’) // 在新窗口打开外链接。浏览器会提示是否允许，要点击允许才能下载多个文件。
2023-03-15 17:55:38
1400
原创 【宝塔面板部署nodeJs项目】网易云nodeJs部署在云服务器上，保姆级教程，写网易云接口用自己的接口不受制于人
网易云音乐API 安装及部署全过程，网易云nodeJs部署云服务器，部署在宝塔面板，部署nodejs项目在宝塔面板保姆级教程，手把手教
2023-03-14 10:21:06
5656
7
原创 【Vue】vue2导出页面内容为pdf文件，自定义选中页面内容导出为pdf文件，打印选中页面内容，预览打印内容
打印页面中显示的部分内容，由div包括的所有内容都将被导出为pdf文件
2023-03-10 14:00:05
4885
2
原创 网易云nodejsAPI运行失败，npm start失败解决方法 json contains “type“: “module“ which defines all .
NeteaseCloudMusicApi\util\request.js is an ES module file as it is a .js file whose nearest parent package. json contains "type": "module" which defines all .js files in that package scope as ES modules.网抑云api运行失败解决方法
2023-03-09 16:26:42
1042
转载 vsCode的@click方法显示一个“$event=＞“ Set `“volar.inlayHints.eventArgumentInInlineHandlers“: false`
Set `"volar.inlayHints.eventArgumentInInlineHandlers": false` to hide Event
2023-03-07 11:58:25
1635
原创 js将一个对象属性循环并取出里面的值，输入字符去模糊查询对象里面的键是否包含这个字符，如果包含，取出这个键的值取出并组成数组
js对象属性循环，模糊匹配属性字段，有就取出该字段的值，并组合成数组返回
2023-02-20 17:27:59
351
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人