- 博客(61)
- 收藏
- 关注
RSS订阅
原创 js 常用方法 数组，对象，字符串转换，去重
json字符串转json对象var str = "{id:1,name:'测试1'}"var obj = JSON.parse(str);json对象转json字符串var obj = {id:1,name:'测试1'}var jsonstr = JSON.stringify(obj);
2019-08-20 17:04:59
598
1
原创 网络图片转成base64
urlTobase64(url){ // #ifdef MP-WEIXIN uni.getFileSystemManager().readFile({ filePath: url, //选择图片返回的相对路径 encoding: 'base64', //编码格式 success: res => { //成功的回调 ...
2021-07-27 16:01:05
1060
1
原创 js获取当前经纬度
if(navigator.geolocation) { navigator.geolocation.getCurrentPosition( //locationSuccess 获取成功的话 function(position) { let getLongitude = position.coords.longitude; let getLatitude = position.coords.latitude; // alert(getLongitude) //弹
2021-04-14 09:28:11
1500
1
原创 uni-app微信小程序打开APP地图方法
wx.openLocation({ latitude: item.latitude, // 纬度，范围为-90~90，负数表示南纬 longitude: item.longitude, // 经度，范围为-180~180，负数表示西经, name:item.name, // 地址名称：某某学校 address:item.address, // 详细地址：某某街，某某路 success:function(r){ console.log(r) }})...
2021-03-22 15:17:48
1612
原创 js添加水印，防穿透
html<div id="mainFrame" style="background:url('bg.jpg') no-repeat;background-size:100% 100%;width:1200px;height:600px;position:relative;"> <div style="position:absolute;"> 你好 我是测试内容 </div> </div>js/** * 文字水印效果 * id 要加水
2021-03-16 16:31:22
818
原创 uni-app微信H5微信扫一扫支持安卓跟苹果
下载微信JSSDK https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注：登录后可在“开发者中心”查看对应的接口权限。我这边新建一个wechat.js用于调用扫一扫var jweixin = require('@/components/app/jweixin'); // 我将下载的插件重命名为jweixin.js放在.
2021-02-03 09:38:43
1907
2
原创 jq 在当前li下添加.on移除兄弟li下面的.on 获取当前li的下标
html<ul> <li class="on">li1111</li> <li>li2222</li> <li>li3333</li> <li>li4444</li></ul>js$("ul li").click(function(){ $(this).addClass("on").siblings().removeClass('on') // 在当前li下添加.o
2020-11-02 09:33:13
785
1
原创 pc 移动端点击事件
PC端的事件有：click（点击）、dbclick、mousemove、mouseover、mouseout、load等而移动端采用的是：tap（敲击）、taphold（长按）、swipe|swipeleft|swiperight（滑动）、scrollstart|scrollstop（滚动）、pageload（加载）等...
2020-06-29 11:06:32
708
原创 var let const 区别
var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。'use strict';let a = 5;a = 20;console.log(a) // 输出20var b = 5;b = 20;console.log(b); // 输出20const d = 5;console.log(d) /
2020-06-22 09:53:15
485
原创 vue 一些可用方法或者容易忽略的监听事件或方法
使用watch时，当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。data() { return { searchName:'' }},watch: { // 当searchName发生变化时执行 searchName:function(e){ console.log(e) }} ...
2020-06-18 09:52:22
644
原创 js获取单选跟复选内容
单选<input name="radioType" type="radio" value="苹果">苹果<input name="radioType" type="radio" value="香蕉">香蕉<input name="radioType" type="radio" value="杨梅">杨梅 var obj = document.getElementsByName("radioType"); var type = '' for(var i =
2020-06-09 12:05:37
644
原创 HBuilder git安装步骤
HBuilder git安装步骤分享链接： https://ask.dcloud.net.cn/article/35247
2020-05-12 16:30:21
1395
原创 微信小程序开发常用小功能
复制文本1、可以使用 text 进行复制，不过要加参数selectable=‘true’2、使用setClipboardData方法进行复制，唯一坑的是复制成功后会弹出“内容已复制”，不能自定义，自定义的话可以自己加wx.hideToast(),再添加弹窗自定义，确定是可能出现一闪wx.setClipboardData({ data: 复制内容, success: function ()...
2020-04-23 11:05:05
734
原创 uni-app 1、app-plus的使用，#ifdef MP只兼容小程序
最近开始查看uni-app的一些项目，在pages.json里面发现app-plus。百度了下看见一些网友的解释是app跟h5端执行，小程序则不执行（只测试过微信小程序，据说其他小程序也不执行）。代码如下{ "path": "pages/index/index", "style": { // #ifdef MP /* 微信小程序/支付宝小程序/百度小程序/头条...
2019-12-27 10:48:34
26556
2
原创 uni-app请求后再次发送请求赋值失败this.$forceUpdate();
这两天使用uni-app运到一个问题请求时赋值，再次赋值后发现赋值不成功。第一步，发送请求，接收请求后则判断获取请求成功（注：如果接口错误或者请求失败请将isFor改成true） data() { return { dataList:[], isFor:false, // 用来判断是否请求成功 } },_ajaxs("某某接口",{参数},"POST"...
2019-12-12 11:17:47
6516
原创 es6练习
let a = new Set([1,2,3]) let b = new Set([4,1,3]) let unique = new Set([...a,...b]) // 并集let inter = new Set([...a].filter(x=>b.has(x))) // 交集console.log(unique) // 1,2,3,4consol...
2019-12-05 15:21:11
831
原创 常用正则
正则匹配网站：http://tool.chinaz.com/regex一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数...
2019-11-29 10:52:21
473
原创 bindgetuserinfo="onGotUserInfo" and @getuserinfo="onGotUserInfo
发现使用uni-app获取UserInfo，结果使用微信官网栗子发现只弹出提示，没获取到值如下<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo">获取用户信息</button>onGotUserInfo: function (e) { console.log(e) ...
2019-11-28 15:00:29
1938
原创 jq常见方法
选择父元素 $(“span”).parent();选择所有父元素$(“span”).parents();选择所有父元素的ul $(“span”).parents(“ul”);选择所有.box直接子元素$(".box").children();选择.box下面所有子孙元素 $(".box").find("*")选择.box所有的兄弟元素$(".box").siblings();选择.b...
2019-11-07 14:56:19
164
原创 form表单的serialize，serializeObject，serializeArray属性
今天看了同事的代码，发现form属性还有serializeObject属性，结果上网查了下，这些方法的用法首先我们统一写一个form表单<form> <input type="text" name="username" value="123"/> <input type="password" name="password" value="456"...
2019-10-18 09:49:15
1483
原创 pc端，移动端添加弹窗禁止body滚动
1.css.fixed{position: fixed;width:100%;} // 由于如果不填写宽100%；有些人的宽会变窄2.jsvar Top = null; // 设置Top为空$(".btn").click(function(){ // 点击弹出弹窗禁止body滚动 $(".rule_box").show() Top = $(window).scrollTop...
2019-10-11 15:47:14
367
原创 常见css
b{font-weight:normal} 去除b标签样式i{ font-style:normal} 去除i标签样式a{ text-decoration:none} 去除a标签样式添加阴影样式-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px ...
2019-10-10 16:05:15
103
原创 uni-app/微信小程序 @input 延迟500毫秒判断input内容是否持续输出
首先写入一个input和@input方法<input type="text" v-model="goodsName" @input="inputUp" placeholder="请输入商品名称大于4个汉字"">在data()中设置goodsNamedata() { return { goodsName:'', }}调用inputUp方法methods...
2019-09-04 11:52:52
6594
原创 pc端页面js禁止右击出现菜单
<script type="text/javascript"> function stops(){ return false; } document.oncontextmenu=stops;</script>
2019-08-28 09:42:44
416
原创 (微信小程序，uni-app,taro) rich-text使用正则修改获取到的图片大小
1、先获取到返回的html值（如果有图片可以使用）this.conter = data.conter.replace(/\<img/gi, '<img style="max-width:96%;display:block;height:auto;margin:0.4rem 2%;"');2、在页面中填写就行了<rich-text :nodes="conter ">&...
2019-08-14 17:02:46
1098
原创 初用mescroll-uni
1、首先将到uni-app插件市场下载mescroll-uni https://ext.dcloud.net.cn/plugin?id=343或者去mescroll官网下载 http://www.mescroll.com/load.html?v=190725/2、将下载到的（mescroll-uni目录）复制到自己的项目中components目录下3、在页面中引入插件import Mesc...
2019-08-09 08:56:03
9144
2
原创 uni-app 常用生命周期
onLoad() 获取路由传递的参数，参数类型为Object（用于页面传参）onShow() 页面显示时执行（无论是通过点击进来还是返回到这个页面都执行）onReady() 监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发(官网中的介绍)onHide() 离开当前页面时执行的onUnload() 监听页面卸载(官网中的介绍)onResize() 窗...
2019-07-31 11:19:57
5146
原创 uni-app 获取验证码倒计时60秒
效果图1、先写html（相关样式自己写）<view class="flex_row"> <view class="iconfont iconyanzhengma"></view> <input type="text" v-model="verify" placeholder="请输入验证码" /> <view v-if="veri...
2019-07-30 10:36:27
4102
原创 使用for,map,each循环分别费时多久，谁的速度更快
首页我们来测试下看看那种循环费时比较久首先我们先引入jq<script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script>第一步先创建一个数组，push100000数据 var jjj = [] for(var i=0;i<100000;i++){ ...
2019-07-12 12:06:58
1125
转载 jq判断是否点击返回，回到上一页
<script> window.addEventListener('pageshow', function (event) { if(event.persisted || window.performance && window.performance.navigation.type == 2){ // 返回2则是点击返回 ...
2019-07-03 11:58:19
2485
原创 css 移动端常见的字体响应
html{ font-size:100px;padding:0;margin:0;}@media(max-width:540px){ html { font-size:84.375px; } } /*Android常用宽度*/@media(max-width:480px){ html { font-size:75px; } } /*Android常用宽度*/@media(max-width...
2019-07-02 16:14:29
1373
转载 html头部相关属性
<title> 标题定义文档的标题。<base target="_blank" /> 使页面中的所有链接在新窗口中打开。<meta name="author" content="w3school.com.cn"> meta 属性标识作者<meta name="generator" content="Dreamweaver 8.0en"> m...
2019-06-14 15:15:37
164
转载 突然发现css3动画是可以暂停的
今天逛下大前端发现一个好玩的东西，用css3做动画我们已经玩过很多次了吧，结果居然还可以暂停这动画，这是之前没有运到过的，话不多说上代码。首先上html代码(对就只要一个div) <div class="play-state"> 暂停 </div>2.给play-state加上样式（目前这个的效果是在鼠标移上去时停止的）.play-state { ...
2019-06-11 15:38:32
1357
原创 css object-fit实现图片居中垂直对齐不超过，不隐藏，等比缩放(实用)
效果图1、首先写下html <div class="CardNoBox"> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1559715393055&di=f746e03b7251ef347f7f785e8ccb9538&...
2019-06-05 11:38:50
729
原创 图片根据容器等比缩放并居中
1.引入JQ(这里用到JQ插件)2.写html<div class="CardNoBox"> <img :src="imgF" alt="" class="CardNoImg" id="CardNoImgF"></div>3.添加css样式，由于css样式只截取一部分，同行们可自动补全.CardNoBox { width: 92%; bord...
2019-05-29 17:22:01
1016
转载 扒一扒安卓应用在各大主流市场上的上架整理
想要把APP上架到应用市场都要先注册开发者账号才可以，不管是IOS还是安卓都需要先注册开发者账号。**建议一个应用如果在多个应用市场上上传，为了方便你后期发包管理，建议登录名和密码尽量都保持一致，然后制作一张excel 表 记录这些账号信息，避免账号混乱。**另外注意：首次提交应用绝对不能随便删除，否则后面再提交会显示应用APP冲突，会要求走应用认领流程，那个时候就会相当麻烦啦。先整理安卓的各大...
2019-05-21 15:21:22
2086
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人