- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue---占位符渲染以及获取v-html的值
端午节前夕，后端返回了一个模板字符串，字符串中有两个占位符，要求将替换掉占位符，弄成一个输入框，让用户在输入框中写入信息如图：输入金额和使用场景输入金额和使用场景咋说呢，真糟心！！！！下面说下怎么实现吧，其实还是听简单的，就是没弄过这类的需求。
2023-06-26 10:18:22
598
原创 vue---cascader级联传递参数
碰到个需求需要用到，就是想实现多选吧，这个选择器的难点就是传参的问题，后端如何接收这个参数，对接的时候不同后端还不一样，我真的是无语。。。。，就拿这次传参做个记录吧。
2023-06-20 10:53:09
824
原创 文件流转换成PDF在iframe中显示，并调用打印
先放个效果大图需求描述：这个word文档在后端存着，需要获取它的流，然后实现一个预览这个word的功能，然后下载、打印。预览的时候，本来要预览doc,但是查了一些up,都说doc显示的话文档格式有问题之类的bug,就决定转换成pdf,再预览了。。。
2023-03-23 10:46:05
2192
原创 vue h5页面获取手机设备信息
npm install device-detector-js，具体信息去npm上查找，这里按照流程，安装完直接使用就玩了，原理就是解析。我遇到的是埋点请求只能在苹果机上有效果，其他机型直接忽略请求。这个是我在谷歌上调试的结果，能成功获取记录信息。使用的使用vivo手机打不开页面。...
2022-08-30 14:07:31
8917
3
原创 vant 自定义遮罩层van-overlay时局部滚动
vant 自定义遮罩层van-overlay时局部滚动，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面会开始滚动，显然这不是我们想要的效果，因此需要阻止这种行为，体验甚是不好设置:lock-scroll="false"时，规则里面的滑块才会滚动，overflow-y才会生效---->这是个坑上代码新建utils/modalHelper.js文件...
2022-07-08 09:47:18
1956
原创 关闭本页面并退出
需求：在拒绝获取地理位置权限后，退出本页面经过很多的csdn，基本上没有能够完美解决我的需求的，只能一个劲的探索才找到这个方法。。。
2022-06-28 15:56:23
156
原创 vue使用百度地图获取位置信息
最近再做H5页面，就一个单页面，进来的时候，要获取地理位置，上代码写在了一个bmap.js里面,onBMapCallback是百度地图的回调函数，返回一个promise2、在页面中使用首先引入使用myBMap.init().then 的返回值拿到百度api的实例一、使用浏览器进行定位二、使用ip进行定位配合，浏览器定位进行使用......
2022-06-27 22:36:19
3085
17
原创 vue引入静态资源
本来这个图片我是直接使用引入，可是上是生产的后报错，找不到这个图片后来查找资料才发现可以使用require来引入静态资源，成功解决问题使用背景图使用的话直接粘贴，避免报错
2022-06-27 22:07:08
462
原创 vue打包（hash和history）部署步骤
能看到这的兄弟，我就认为你们已经有了服务器，以及服务器上装了nginx，下面找到nginx下的html,这个是根目录，将你打包的文件放到这里面就行了。。。，我这里用的可视化工具是xftp,我这里部署了两个项目分别是v3和hashTest项目。下面详细讲一下怎么打包，以及怎么写配置文件如上图所示，根目录下我存放的是hashTest文件夹，那么 publicPath: '/hashTest/'我就设置成了 /hashTest/，之所以这么设置，是因为，要把静态存放到这个文件夹下，所谓静态文件就是css,j
2022-06-19 17:28:01
2471
原创 时间戳转换成年月日
在vue中main.js定义全局// 全局定义时间过滤器Vue.filter('dateFormat', function (originval) { const dt = new Date(originval) // 分别获取年月日时分秒 const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0
2022-01-11 16:18:31
313
原创 uniapp结合uview实现图片批量上传
uview中上传图片组件的代码详细请看uview官网,本次用的事件有两个1、模板中的组件使用 <u-upload ref="uUploadMultiple" :file-list="uploadImgs" accept="image" :max-size="4 * 1024 * 1024" @oversize="oversize" :show-progress="false" :au
2021-12-22 09:51:53
1333
原创 uniapp回复评论展开以及收起
这几天开发回复的功能以及点赞展示剩余评论，费劲脑汁的给弄出来了样式数据结构：只有两层 父评论和所有子评论子评论代码<template> <div> <view class="comment" v-for="info in commentChildren" :key="info.id"> <div class="c-left"> <image :src="info.avatar"><
2021-12-16 17:22:24
6442
9
原创 ui库的按需引入（antd）
ui库的按需引入（antd）antd按需引入有两种第一种、npm install antd --save第一种是如下所示，比较繁琐，如果想要引入button，就需要引入button及其style。等于说使用一个组件就需要引入两个文件，太麻烦了。import Button from 'antd/lib/button'; import 'antd/lib/button/style';所以更好的方式是第二种，使用 babel，babel-plugin-import来实现同样的按需加载效果。
2021-06-16 09:45:41
1225
原创 antd-vue日期选择器中自定义
antd-vue日期选择器前言自定义日期选择范围选择范围小于等于今天选择范围小于今天选择范围大于等于今天选择范围只能是昨天、今天和后天前言自定义日期选择范围API中有介绍如何用开始时间去限定结束时间的选择范围，或者用结束时间去限定开始时间选择范围。我们一般会用自己的时间限定选择范围，而自己的时间一般是字符串格式，如“2020-11-11”，或者用new Date()声明的日期，这时候就要做一些处理，废话不多说上代码：template：<a-date-picker placeholder
2021-04-30 16:26:55
1430
1
原创 JavaScript中foreach用法及使用的坑
JavaScript中foreach用法及使用的坑一、foreach 语法：二、forEach使用的坑1、forEach不支持break2、forEach中使用return无效3、forEach删除自身元素index不会被重置三、for与forEach的区别一、foreach 语法：[ ].forEach(function(value,index,array){ //code something});forEach()方法对数组的每个元素执行一次提供的函数。var array = ['a'
2021-04-23 14:47:44
222
原创 理解stopPropagation()，preventDefault()，return false的区别。
文章理解stopPropagation，preventDefault，return false的区别。一、event.stopPropagation()方法二、event.preventDefault()方法三、return false；实例讲解一、event.stopPropagation()方法event.stopPropagation() 方法阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接
2021-04-23 14:19:56
2442
原创 JS数组reduce方法详解及高级技巧
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档JS数组reduce方法详解及高级技巧前言一、reduce是什么？二、使用方法1.累加累乘计算方法2.计算数组中每个元素出现的次数3.数组去重4.将二维数组转化为一维4.将多维数组转化为一维5.对象里的属性求和总结前言看到这个方法时，学习了下一、reduce是什么？JavaScript中关于数组的高阶方法，目前可以使用做，累加、累乘、去重、查看在数组中出现的次数等 arr.reduce(callback,[initialVa
2021-04-20 11:44:26
199
原创 vue+node实现第三方登录——github
第三方登录——githubgithub实现第三方登录第三方登录——github前言一、在github申请第三方应用二、使用步骤1.引入库前言第一次接触第三方登录时，一脸懵逼，去哔哩哔哩上查都查不出来，一脸懵逼的我就在百度搜索了这个github第三方登录，相比qq简单点，原理我这里就不在说了，直接上代码，上步骤提示：以下是本篇文章正文内容，下面案例可供参考一、在github申请第三方应用直接上图片步骤 这个js基础函数，它的意思就是用于检查其参数是否是非数字值如果 m 是特殊的非数字值 NaN（或者能被转换为这样的值），返回的值就是 true。如果 x 是其他值,则返回 false。上代码var integer=function(m){ if(!isNaN(m)){ if(m%1==0){ return m }else{ console.log('非整数')
2020-09-27 19:23:23
299
原创 楼梯有n个台阶,一共有多少种上楼的方法？
楼梯有n个台阶，上楼可以一步上1阶，也可以一步上两阶。一共有多少种上楼的方法？一、前言看到这么个题目时，一脸懵逼，不知道说的啥意思，然后就多读了两边题目发现，如果有一阶楼梯，那你就一步就上去了，也就一种方案。如果有两阶楼梯，你可以一个一个的上，你也可以一次跨俩，那么就是两种了，于是就开始了数学式的计算：如下图：n=3时，种类为1+2n=4时，种类为3+2（上图少个（2，2）也就是五种）n=5时，种类为5+3n=n时，种类为：（n–1）+（n-2）以此类推，像不像高中的那啥函数？在编程中是如
2020-09-25 15:22:19
4612
原创 JavaScript实现给定两个数组，将第二个数组与第一个数组重复得元素，从第一个数组中删除。
JavaScript实现给定两个数组，将第二个数组与第一个数组重复得元素，从第一个数组中删除。首先今天碰到一个这么个算法题，拿到题之后，脑子里就出现了关于数组的函数splice(index,howmany,item1,…,itemX)意思可向数组中添加或删除元素，第一个参数表示从第几项开始（包括第几项），第二参数表示删除/添加几个，第三、四、五……参数就表示添加了，也就是说：只有两个参数时，表示删除元素当有三个或三个以上时表示添加元素，注意第二个参数的变化上代码前提是你应该理解f
2020-09-23 17:06:04
983
原创 JavaScript实现二叉树的遍历（层次，前，中，后）
JavaScript实现二叉树的遍历（层次，前，中，后）废话不多说，直接上代码提示废话不多说，直接上代码<script> //节点function Node(element, left, right,parents) { this.element = element; this.left = left; this.right = right; this.parents = parents; this.show = function() { return this.el
2020-09-22 11:34:46
362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人