- 博客(33)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 空语句 empty ( ； )
空语句是一个分号（ ；），表示不会执行任何语句，在使用空语句的情况下专门写上注释是个不错的选择。let one = false, two = false, three = true, four = false;if(one) console.log('one');else if(two) console.log('two');else if(three) ; //这里是专门写的;哦~~~else if(four) console.log('four');else console
2021-09-10 10:50:16
913
原创 空值合并操作符和可选链操作符
空值合并操作符（ ?? ）是一个逻辑操作符，当左侧的值为null或undefined时，返回其右侧的值，否则返回其左侧的值。let str = null??"nothing"console.log(str) //nothing可选链操作符（ ?. ）允许读取位于连接对象链深处的属性值，在引用为空（ null或undefined ）的情况下不会引起报错，而是返回undefined。let obj = { msg:'nothing'}console.log(obj?.name) //unde
2021-09-10 10:10:13
142
原创 html剔除富文本标签留下纯文本
getSimpleText(html) { var re1 = new RegExp("<.+?>", "g"); //匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容 var msg = html.replace(re1, ''); //执行替换成空字符 var value = msg.replace(/(\n)/g, ""); var arrEntities = { 'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp
2021-09-09 14:55:24
246
原创 uniApp获取应用的缓存
1.获取应用缓存checkCache() { // 使用plus.cache.calculate 获取应用的缓存大小 var self = this; // #ifdef APP-PLUS plus.cache.calculate(function(size) { //size是多少个字节单位是b if (size < 1024) { self.cacheSize = size + 'B'; } else if (size / 1024 >= 1 && s
2021-09-09 14:35:58
1163
原创 uniApp截屏并保存相册
shareBtn() { let that = this this.show = false setTimeout(()=>{ //#ifndef H5 var pages = getCurrentPages(); var page = pages[pages.length - 1]; var bitmap = null; var currentWebview = page.$getAppWebview(); bitmap = new plus.nativeObj.Bit
2021-09-06 10:45:37
1389
2
原创 scroll-view 横向滚动指定位置
<template> <view> <view class="scrBox"> <scroll-view class="menu-list" :scroll-into-view="goIndex" scroll-x="true"> <view v-for="(item,k) in timeList" :key="k" :id='"id" + k' @tap="sel(k,item)" class="ListBox">
2020-11-20 10:15:32
1790
原创 一个不务正业的前端攻城狮
猿叔一个不务正业的前端攻城狮特别欢迎热衷于写作的在校学生以及那些正在运营自己的微信公众号的喜欢写作的朋友积极投稿希望投稿的文章最好是温暖治愈的爱情小故事或者能够给予人启发的人生感悟温暖，治愈，放松，是猿叔想要的文章的感觉酒香也怕巷子深猿叔希望能做一个传递者把美酒一坛坛的搬运到看客的眼前希望能把角落里默默写文的你推到舞台的最前端让更多的人看到你的文字和青春在发光猿叔希望能和大家一起努力、一起进步期待你的到来。投稿邮箱：[email protected]...
2020-11-10 15:10:10
216
2
原创 uni 多商家购物车
<template> <view> <view class="cartBox" style="padding-bottom: 90rpx;"> <view class="cartShop" v-for="(items,index) in cartData.list" :key="index"> <view class="cartName cartPad"> <radio :checked="items.shopS
2020-10-12 14:00:15
454
1
原创 uni checkbox限制选择的个数
<template> <view> <checkbox-group style="display: flex;justify-content: space-between;" @change="checkboxChange"> <label v-for="item in items" :key="item.value"> <checkbox :value="item.value" :checked="item.checked"/>
2020-10-11 14:40:13
1558
1
原创 filter() find() every() 方法
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。var ages = [ { age:10, name:"小结巴" }, { age:20, name:"程浩南" }, { age:22, name:"细细粒" }];function checkAdult(ages) { return ages.age >= 18;}let adult = ages.filter(checkAdult)conso
2020-10-10 14:15:13
197
原创 uni 多个倒计时
传入剩余时间戳获取多个倒计时分装方法export function countDownFun(time) { //当前时间戳 let timestamp = new Date().getTime() let times = time - timestamp let playTime, day = 0, hour = 0, minute = 0, second = 0; //时间默认值 if (times > 0) { second = Math.floor(tim
2020-09-09 10:45:26
765
4
原创 js 验证身份证
Tips: Ctrl c + Ctrl v 动作要快 姿势要帅function testid(id) { var format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([7][1])|([8][1-2]))\d{4}(([1][9]\d{2})|([2]\d{3}))(([0][1-9])|([1][0-2]))(([0][1-9])|([1-2][0-9])|([3][0-1]))\d{3}[0-
2020-09-05 16:50:56
135
原创 js 字符串方法归纳
string它既是内置对象，也是包装类型之一，所有的方法都无法修改原字符串，而是返回新的1.是否以某字符开头let str = "hello"console.log(str.startsWith("l")) //false2.是否以某字符结尾let str = "hello"console.log(str.endsWith("l")) //false3. 大小写转换var str = "hello";console.log(str.toUpperCase()) （大写）
2020-09-05 15:25:06
203
原创 uniApp Android平台签名证书(.keystore)
安装JRE环境可从Oracle官方下载jre安装包：https://www.oracle.com/technetwork/java/javase/downloads/index.html打开命令行（cmd），输入以下命令：//切换工作目录到f:路径f: //将jre命令添加到临时环境变量中,实际操作时请修改为自己安装目录set PATH=%PATH%;"F:\GRE\bin"生成签名证书使用keytool -genkey命令生成证书：keytool -genkey -alias GGH
2020-08-01 11:36:24
3631
1
原创 还在为今天吃点啥感到纠结么？
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>随机点餐器</title> <style> * { margin: 0px; padding: 0px; } #main { margin: 100px; background: #ff6
2020-08-01 11:05:13
168
原创 js 比较操作符
小于(<), 大于(>), 小于等于(<=), 大于等于(>=)比较规则:1.两个操作数都是数值，则直接比较2.两个操作数都是字符串，则比较字符串对应的字符编码值3.一个是数值，则将另一个转换为数值在比较4.一个是布尔值，则将其转换为数值在比较...
2020-07-22 18:51:22
115
原创 数组中去掉null 和 undefined
let source = [1,2,3, null, undefined, 4, null]let target = source.filter(current => { return current !== null && current !== undefined})console.log(target) //[1,2,3,4]Tips:filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。filter() 不会对空数组
2020-07-20 11:45:33
2263
1
原创 css 首行缩进
用CSS实现段落首缩进两个字符，应该使用首行缩进text-indent。比如文本块中一般每段前空两个汉字。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象(父元素)内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。p{ width: 200px; text-indent:2em;/*em是相对单位，2em即现在一个字大小的两倍*/}<p> Hi! 朋友，感谢您愿意查看猿叔博客。如果您有什么建议或者意见，欢迎联系我，我们互相学习，共
2020-07-20 11:05:58
1646
原创 js 算数操作符
js常用算数操作符加法操作符（+），减法操作符（-），除法操作符（/），乘法操作符（*）tips：加号（+）既可以用于数值也可以用于字符串。把多个字符串相加叫做拼接。可用于数字和字符串相加 或者 字符串和字符串相加 或者 数字和字符串相加扩展： i++ 和 ++ilet num = 0console.log(++num) //11.前置递增（++）： 在变量的前面，先自身执行加法操作后在赋值(++i);let num = 0console.log(num++) //02.后置递
2020-07-20 10:25:59
161
原创 js 逻辑操作符
逻辑操作符一共有三个先来亮个相，当当当。。。。逻辑与（ && ），逻辑或（ || ），逻辑非（ ！）逻辑操作其实就是判断真假，那么先来看下返回假的都有哪些：undefind，null, NAN, “”, 0, false那么在来看下返回真的有哪些：true, 非0数字，非空字符串，对象，数组那么接下来看看他们到底是怎么工作的吧。let toto = 1 && undefined && 2;let fofo = 1 || null || 2;
2020-07-20 09:40:08
118
原创 uniApp或者vue 与 Android或者ios原生交互
1. 下载bridge.js2. 引入// 根据自己项目目录做调整import bridge from "../../commom/Tool.js"3. 与原生交互methods: { //点击事件 interactive（）{ //functionName可自定义 data传给移动端的参数 //向移动端传参 bridge.call('functionName', 'data') //接收移动端参数 bridge.register('functionName', fu
2020-07-18 17:40:39
1173
2
原创 uniApp 开发nvue页面踩过的坑
开发nvue页面踩过的坑nvue页面不能使用背景图片布局不能使用百分比、没有媒体查询背景颜色不支持简写，准确写法：background-color: red;nvue中不支持z-index控制层级，越靠后的代码层级越高不能使用阴影，可以使用模拟阴影子元素超出父元素大小是不会显示的，可以加大父元素的大小来让子元素显示nvue的css，在选择器方面支持的较少，只支持简单的类名控制class=“classA”文字内容，必须、只能在text标签下,只有text标签可以设置字体大小，字体颜色，并.
2020-07-18 15:40:10
9030
2
原创 js 将HTML标签转换成空格和换行符
let formatHtml2Text = function (html) { var text = html; if (text) { text = text.replace(/ /g, " "); text = text.replace(/<br\/>/g, "\n"); } return text; }; console.log(formatHtml2Text("<div>和换&.
2020-07-18 15:10:16
858
原创 js 将空格和换行符转换成HTML标签
let formatText2Html = function (text) { var html = text; if (html) { html = html.replace(/ /g, " "); html = html.replace(/\n/g, "<br/>"); } return html; }; console.log(formatText2Html("<div>和换\n行.
2020-07-18 15:05:44
1227
原创 js 获取字符串所占字节数 (UTF-8编码)
let getStrBytes = function (str) { if (str == null || str === undefined) return 0; if (typeof str != "string") { return 0; } var total = 0, charCode, i, len; for (i = 0, len = str.length; i < len; i++) { charC.
2020-07-18 14:50:12
2848
原创 js正则去掉头尾空白符
let trimStr = function (str) { if (!str) return ''; str = str.toString(); return str.replace(/(^\s*)|(\s*$)/g, "");};console.log(trimStr(" js去掉头尾空白符 "))
2020-07-18 14:35:04
176
原创 uniApp模态弹窗换行
uni.showModal({ title: '提示', content: "交易品种：招商银行\r\n交易本金：30万元\r\n交易数量：6手", success: function (res) { if (res.confirm) { console.log('用户点击确定'); } else if (res.cancel) { console.log('用户点击取消'); }
2020-07-18 10:45:58
1849
3
原创 uniApp页面滚动到指定位置
Html<template> <view> <view class="topSel"> <view class="nav"> <view v-for="(item,navIndex) in nav" :key="navIndex" class="navList" :class="currentNav==navIndex? 'ac':''" @tap="selNav(navIndex)">{{item}}</view>
2020-07-17 18:50:06
11441
原创 uniApp获取页面元素大小和位置
1.定义公共方法export default{ getRect(selector){ return new Promise((resolve) => { let view = uni.createSelectorQuery().select(selector); view.fields({ size: true, rect: true, scrollOffset:true }, (res) => { resolve(res); })
2020-07-17 15:35:14
7883
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人