前端陈伟霆-优快云博客

原创 vue单页面实现tabBar

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>底部导航</title> <meta name="keywords" content="关键字" /> &

2022-02-17 16:44:15 512

js实现移动端无限加载分页不多说直接上代码 var page=1; // 当前页的页码 var flagNoData = false; // 判断是否需要加载下一页 var allpage; // 总页码，会从后台获取 var listLoading = false // 防止同时多次请求接口 var reportListInfo = [] // 记录 // 获取上报记录 function getReportList() { listLoa

2021-04-28 16:24:40 563 1

原创 vue选择本地文件或者Ctrl+v粘贴截图上传

vue选择本地文件或者Ctrl+v粘贴截图上传场景：因为最近项目里要求用户上传本地图片，并且既可以从本地选取，也可以直接粘贴截图，所以就研究了一下，顺便分享给大家。html部分<div style="margin: 15px 0px 15px;"> <div> <div class="choose-localImg"> 选择凭证 &

2021-03-26 16:19:31 1342

原创 js将阿拉伯数字转化成大写

将数字转化为大写汉子使用场景：将数字金额转换为大写金额smallToBig(money) { // 将数字金额转换为大写金额 var cnNums = [ '零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖' ] // 汉字的数字 var cnIntRa

2020-12-10 11:50:25 2733

原创 js判断当前环境是否是微信

js判断当前环境是否是微信//获取当前环境function getEnvironment() {//判断当前环境（微信/其他） let ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { console.log("微信中") }else { console.log("其他（浏览器等等）")

2020-08-12 09:34:18 2852

原创 input 输入框限制只能输入小数点后最多两位的数字

微信小程序 input 输入框限制只能输入小数点后最多两位的数字wxml<input value="{{price}}" type="digit" bindinput="handleInput" placeholder='价格' name="price"></input>注*:小程序input中type属性type=“text” 全键盘模式输入type=“number” 纯数字键盘模式输入type=“digit” 带小数点的数字键盘模式输入Js hand

2020-07-20 15:54:15 12264 4

原创 js实现jsp页面转换为图片

1、首先引入html2canvas.js 兼容安卓和ios的html2canvas.js修改版本已经上传，小伙伴可以下了试试。2、利用html2canvas把jsp转换为canvas,并利用canvas对象方法：toDataURL()方法将canvas转换为图片。 function createImg() { html2canvas(document.getElementById("out_wrap"),{ //out_wrap是我指定生成图片那块div的id

2020-05-15 14:08:18 1884

原创超简单的js实时生成二维码

摘要在实际项目中我们肯定经常会遇到把链接生成二维码用于推广的情况，所以今天小篇就给大家分享一个简单的js生成二维码引入qrcode.min.js:<script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>示例代码&lt...

2020-04-30 16:20:04 810

原创闭眼用Css实现底部tapbar栏

现在许多移动手机端都有底部tab栏切换的功能，最近恰巧也做到类似的功能，废话不多说，直接上代码。先看效果图css样式*{ margin: 0; padding: 0; text-decoration: none; list-style: none; } .foot {...

2020-04-21 17:34:00 1046 1

原创浅显易懂的cookie的使用（设置和获取cookie缓存）

js中cookie的使用生为一个刚入职一年的前端萌新，第一次写博客还有点小激动，有不足的地方还希望大家多多指出，因为最近项目有涉及到利用cookie缓存数据，所以在这边再巩固一下。1、cookie的定义我们在浏览器中，经常涉及到数据的交换，比如你登录邮箱，登录一个页面。我们经常会在此时设置30天内记住我，或者自动登录选项。那么它们是怎么记录信息的呢，答案就是今天的主角cookie了，Cook...

2020-04-21 15:11:31 1412 1