- 博客(68)
- 资源 (1)
- 收藏
- 关注
原创 js输入银行卡号,自动查询银行名称、银行卡类型
插件引用https://github.com/navyxie/bankcardinfo#getBankBin使用步骤:1.npm install bankcardinfo2.html和js,这里输入银行卡号,获取用户名称;采用失去焦点,调用cardInput方法html:<view class="cardnum"> <input type="number" v-model="cardNum" @blur="cardInput" class="fs28" placeholde
2022-03-21 15:06:31 3221
原创 uniapp压缩图片
上传图片前要进行压缩,因为图片过大,服务器会崩。在uniapp中有uni.compressImage()压缩图片方法但是用了这个方法报错:compressImage is not yet implemented原因很简单,不支持h5,心态炸裂,只好换种方法了,试好好会把好用的方法发布出来的。...
2022-02-22 13:59:06 12989 14
原创 uniapp请求接口的几种方式
1.第一种就是不用封装直接请求data中多个参数就是 "https://xxxxx/?id=1&type=2"形式 uni.request({ url: 'https://xxxxx/xx/detail', data: {//参数 type: 2, id:1, }, header: { // 'Content-Type': 'application/x-www-form-urlencoded' 'Content-Type': 'application
2022-02-18 14:46:09 19707 3
原创 前端vue小功能
功能1:1分钟请求接口,实时返回数据 created() { window.setInterval(() => {//1分钟刷新接口,实时更新今日累计营业额 setTimeout(() => { this.getList();//接口方法 }, 0) }, 600000) }, 功能2:探索中~~~...
2022-01-18 11:43:16 2452
原创 本人自己的开源项目
日积月累。闲着没事就自己做了一个开源项目。根据个人需求,主要注重风格样式以及功能性。Git地址如下:有兴趣的可以一起讨论,当然你也可以上传自己的小demo到我的git,一经采纳,除了会放到项目中展示为外;还会给与贡献者一些随机小奖励(前端课程大礼包、动漫手办、52、520、13134元现金红包)...
2021-12-01 09:39:21 556
原创 前端包部署到线上net::ERR_SSL_PROTOCOL_ERROR(跨域/同源策略)
部署到线上报错一堆文件:js、css、html报如下错误net::ERR_SSL_PROTOCOL_ERROR因为服务器用的域名:https/http两种部署到线上地址https开头用这第一行代码,http用第二行代码<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta http-equiv="Content-Security-Policy">
2021-11-22 15:25:05 17379 1
原创 element-admin/若依主题风格设计
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-10-25 10:30:10 7290
原创 vue(element)、uniapp常用的几种表单校验
这里采用element中的rules,也可以通过手动判断实现1.输入框/下拉选不能为空name:[{ required: true, message: '不能为空',trigger: 'blur' }],sex:[{ required: true, message: '不能为空',trigger: 'change' }],2.手机号:phone:[ { required: true, message: '不能为空',trigger: 'blur' }, { pattern: "^[1][
2021-10-22 15:26:47 3651 3
原创 浏览器/H5复制链接功能
方法二 使用了 navigator.clipboard.writeText() 来异步地将文本复制到剪贴板,这是一种更现代和可靠的方式,但需要浏览器支持 Clipboard API,且需要在 HTTPS 网站下才能使用。方法一 使用了 document.execCommand(‘copy’) 来复制文本到剪贴板,适用于大多数浏览器,但是在某些较新的浏览器中已经被废弃,不推荐长期使用。Clipboard API 提供了更现代化和可靠的方式来处理剪贴板操作,特别是在一些较新的浏览器中推荐使用。
2024-06-22 14:01:29 359
原创 前端面试题
知识点1:web应用中如何对静态资源加载失败的场景做降级处理?3.使用备用的资源链接-主路径加载失败,切换到备用路径。2.一般第引用三方资源,把代码放到自己的项目中,1.使用多个cdn链接,,
2024-06-14 10:02:24 250
原创 css结合element超出文字显示三个点
word-break: break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;文本超出显示三个点一般分两种情况一,单行文本超出隐藏overflow:hidden;text-overflow:ellipsis;white-space:nowrap;二,多行文本超出隐藏text-overflow: -o-el
2022-08-23 11:43:21 4252
原创 vue的生命周期简介
vue常用的生命周期 //1.存放数组 定义的字符串、对象等 data(){ return {} }, //2.监听属性 类似于data概念 computed: {}, // 监控data中的数据变化 watch: {}, //3.创建完成(可以访问当前this实例) //beforeCreate 和beforeMount是不能访问data中数据、方法以及进行Dom操作的 created() { createWebsocket("servic
2022-05-18 11:02:50 219
原创 h5和ios/android交互
我们的App项目属于混合式开发,ios/Android负责打包,app里面点击时通过地址跳入我们的h5页面。问题1:ios调用h5方法并传参//ios调用h5方法,必须将事件暴露在window中供客户端调用,不然ios调用不到我们的方法onShow() {//这是uniapp的方法,vue的话写到mounted() window.footprintDelAll=(params)=>{//ios传的参数 this.footprintDelAll(params) } },methods:
2022-05-16 11:27:19 1224 4
原创 h5/uni-app打开手机app,没有则跳转到商店下载
goosDetailshowClick() {//点击事件 // console.log(this.productId,this.userId,'userId----获取') var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac O
2022-04-07 15:01:16 5378
原创 vue导入Excel数据到表格
引用1:https://segmentfault.com/a/1190000018993619引用2:https://blog.csdn.net/weixin_40180205/article/details/106747500引用3:https://blog.csdn.net/weixin_41346436/article/details/106278868自己写的很早之前了,忘了用的什么了,哈哈哈...
2022-03-23 11:49:28 410
原创 uni-app 输入框类型为number时,ios系统不能输入小数点问题
在做app时,输入框 Android 可以输入小数点,ios却不可以???解决方法:把type类型更换为digit就可以了。<input type="digit" placeholder="请输入金额"" />
2022-03-22 12:27:43 6142 1
原创 uniapp返回上一页,刷新列表
因为我们做的项目是:前端 + Ios/Android 合作完成的App,那么在做消息通知时,进入消息详情,再返回列表,需要实时刷新列表,那么有的详情是跳转ios/Android的,并且返回头部是他们的。(常用的返回方法:uni.navigateTo()、uni.redirectTo();如果这两种不管用时,可以用下面这种返回方法刷新列表这时我遇到两个问题:1.从详情,返回列表,没有刷新列表解决方法:如果你的列表方法写到onLoad()中那么是不会刷新列表的;而是需要放到onShow()中2.因为
2022-02-24 17:31:13 9517 2
vue登录页-记住密码功能
2021-10-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人