自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(58)
  • 论坛 (8)
  • 收藏
  • 关注

原创 网络图片转成base64

urlTobase64(url){ // #ifdef MP-WEIXIN uni.getFileSystemManager().readFile({ filePath: url, //选择图片返回的相对路径 encoding: 'base64', //编码格式 success: res => { //成功的回调 ...

2021-07-27 16:01:05 20

原创 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 116

原创 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 800

原创 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 128

原创 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 575 1

原创 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 187 1

原创 pc 移动端点击事件

PC端的事件有:click(点击)、dbclick、mousemove、mouseover、mouseout、load等而移动端采用的是:tap(敲击)、taphold(长按)、swipe|swipeleft|swiperight(滑动)、scrollstart|scrollstop(滚动)、pageload(加载)等...

2020-06-29 11:06:32 185

原创 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 67

原创 vue 一些可用方法或者容易忽略的监听事件或方法

使用watch时,当值第一次绑定的时候,不会执行监听函数,只有值发生改变才会执行。data() { return { searchName:'' }},watch: { // 当searchName发生变化时执行 searchName:function(e){ console.log(e) }} ...

2020-06-18 09:52:22 142

原创 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 138

原创 HBuilder git安装步骤

HBuilder git安装步骤分享链接: https://ask.dcloud.net.cn/article/35247

2020-05-12 16:30:21 637

原创 微信小程序开发常用小功能

复制文本1、可以使用 text 进行复制,不过要加参数selectable=‘true’2、使用setClipboardData方法进行复制,唯一坑的是复制成功后会弹出“内容已复制”,不能自定义,自定义的话可以自己加wx.hideToast(),再添加弹窗自定义,确定是可能出现一闪wx.setClipboardData({ data: 复制内容, success: function ()...

2020-04-23 11:05:05 242

原创 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 14423

原创 uni-app请求后再次发送请求赋值失败this.$forceUpdate();

这两天使用uni-app运到一个问题请求时赋值,再次赋值后发现赋值不成功。第一步,发送请求,接收请求后则判断获取请求成功(注:如果接口错误或者请求失败请将isFor改成true) data() { return { dataList:[], isFor:false, // 用来判断是否请求成功 } },_ajaxs("某某接口",{参数},"POST"...

2019-12-12 11:17:47 4399

原创 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 296

原创 常用正则

正则匹配网站: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 72

原创 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 1070

原创 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 101

原创 前端常见操作,问题,兼容等链接

先收藏链接链接1 http://www.h-ui.net/bug.shtml后期添加链接

2019-11-06 11:34:17 56

原创 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 567

原创 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 246

原创 常见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 64

原创 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 5456

原创 pc端页面js禁止右击出现菜单

<script type="text/javascript"> function stops(){ return false; } document.oncontextmenu=stops;</script>

2019-08-28 09:42:44 274

原创 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 213

原创 (微信小程序,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 695

原创 初用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 4762

原创 uni-app 常用生命周期

onLoad() 获取路由传递的参数,参数类型为Object(用于页面传参)onShow() 页面显示时执行(无论是通过点击进来还是返回到这个页面都执行)onReady() 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发(官网中的介绍)onHide() 离开当前页面时执行的onUnload() 监听页面卸载(官网中的介绍)onResize() 窗...

2019-07-31 11:19:57 3167

原创 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 3239

原创 使用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 772

转载 jq判断是否点击返回,回到上一页

<script> window.addEventListener('pageshow', function (event) { if(event.persisted || window.performance && window.performance.navigation.type == 2){ // 返回2则是点击返回 ...

2019-07-03 11:58:19 2026

原创 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 1033

转载 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 110

转载 突然发现css3动画是可以暂停的

今天逛下大前端发现一个好玩的东西,用css3做动画我们已经玩过很多次了吧,结果居然还可以暂停这动画,这是之前没有运到过的,话不多说上代码。首先上html代码(对就只要一个div) <div class="play-state"> 暂停 </div>2.给play-state加上样式(目前这个的效果是在鼠标移上去时停止的).play-state { ...

2019-06-11 15:38:32 1154

原创 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 395

原创 图片根据容器等比缩放并居中

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 681

转载 扒一扒安卓应用在各大主流市场上的上架整理

想要把APP上架到应用市场都要先注册开发者账号才可以,不管是IOS还是安卓都需要先注册开发者账号。**建议一个应用如果在多个应用市场上上传,为了方便你后期发包管理,建议登录名和密码尽量都保持一致,然后制作一张excel 表 记录这些账号信息,避免账号混乱。**另外注意:首次提交应用绝对不能随便删除,否则后面再提交会显示应用APP冲突,会要求走应用认领流程,那个时候就会相当麻烦啦。先整理安卓的各大...

2019-05-21 15:21:22 1830

原创 Taro引入阿里图标

首先进阿里图标下载项目至本地下载完解压缩打开后将以下文件复制出来这边我在src下新建一个fonts目录,将上面复制下来的五个文件放到里面(目录名可以自己命名,或者放在其他目录下)返回到上级也就是src目录下打开app.tsx(或app.js)文件引入 import ‘./fonts/iconfont.css’以上就引用完icon,接下来我们来试试效果,在页面中写上以下内...

2019-05-20 15:40:16 3734 3

原创 h5可移动div draggable

1、引用jquery.min.js和jquery-ui.min.js <script src="https://cdn.staticfile.org/jquery/2.0.3/jquery.min.js"></script> <script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"...

2019-05-10 17:54:57 1224

原创 window获取证书文件

1、下载前往官网下载App Uploader2、下载完软件 双击appuploader.exe3、输入苹果账号密码4、主页显示5、点击证书6、点击添加证书7、下载证书请看第五步...

2019-05-10 17:08:40 699

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除