weixin_44134551-CSDN博客

原创 ES6 操作数组

//ES6 数组遍历 //1. map 用于对数组或对象进行处理,并返回处理之后的数组 let arr = [1,2,3,4]; let brr = arr.map(v=>{ return v<=2 }) //brr = [1,2] //2. filter 用于筛选出符合要求的数据,并返回该数据集合以数组形式返回满足条件（判断结果为true） //的值。如果都不满足，则返回一个空数组 let arr = [1,2,3,4];

2021-07-23 14:31:45 133

原创 uni-app 购物车及微信支付

<template> <view class="cart"> <view class="content"> <label for="" v-for="item in list" :key='item.id'> <view class="list"> <view class="left"> <checkbox-group @change="checkboxChange($event,item

2021-06-30 14:04:28 268

转载 uni-app 购物车生成订单列表

<template> <view class="cart"> <view class="content"> <label for="" v-for="item in list" :key='item.id'> <view class="list"> <view class="left"> <checkbox-group @change="checkboxChange($event,item

2021-06-15 16:56:09 2021

原创 uni-app 封装ES6 Promise request请求

// es6 promise封装 requestexport default (params)=>{ uni.showLoading({ title : "加载中" }) return new Promise((resolve,reject)=>{ wx.request({ ...params, success(res){ resolve(res) }, fail(err){ reject(err) }, complete

2021-06-15 11:00:24 309

转载 uni-app tab选中时居中

源码参考

2021-05-31 17:45:12 773

原创 uni-app uni-app判断缓存数据是否存在

getChangeScroll(dataId) { //重要！！！如果缓存有，直接赋值，没有则 if(uni.getStorageSync('num'+dataId)){ this.currentList = uni.getStorageSync('num'+dataId) }else{ //页面渲染 this.request({ url: this.http + this.urlList[3].paht, data: {

2021-05-26 15:23:04 3225

转载 uni-app swiper tab导航切换

<template> <!-- 这里的注意点，使用 scroll-view时，如果想让元素横向也就是X轴排列的话要注意以下几点： 1、scroll-view不支持flex，默认block； 2、scroll-view设置scroll-x="true"; width: 100%; white-space: nowrap;（这个属性很重要，能不能滑动都看这个属性） 3、子元素设置display: inline-block； 4、子元素内容宽度要超出scroll-view的宽。

2021-05-24 09:28:49 549

原创 uni-app 第三方微信登录

<template> <view class="page page-fill">  <view class="header"> <view v-if="userLogin"> <image :src="userphoto" class="face"></image> </view> <view v-else> &l

2021-05-23 17:29:13 194

原创 uni-app 全局判断获取用户信息

main.jsimport Vue from 'vue'import App from './App'Vue.config.productionTip = falseApp.mpType = 'app'//检测用户是否登录Vue.prototype.checkLogin = function(userInfo){ if(userInfo !== 'undefined' && userInfo !== ''){ return userInfo;

2021-05-23 17:27:10 1068

原创 uni-app 第三方登录

<template> <view > //第三方登录 start <button data-logintype="weixin" @click="appAuthLogin">weixin</button> <button data-logintype="qq" @click="appAuthLogin">qq</button> <button data-logintype="sinaweibo" @click="

2021-05-22 17:19:45 132

原创 uni-app 封装手势组件

<template> <view @touchstart="handlTouchstart" @touchend="handlTouchend" > <view>swiperaction</view> <slot></slot> </view></template><script> export default { data() {

2021-05-21 14:47:07 456

原创 uni-app this作用域的问题

uni.login({ provider: 'weixin', success: function (res) { //此处this指向函数内部，并非全局this,获取不到全局data中定义的code this.code = res.code }})//两种方法解决此问题uni.login({ provider: 'weixin', success: function (res) { //作用域替换 var me = this; me.code = res.code }

2021-05-19 11:26:49 335

原创 npm 安装第三方插件(moment.js)

进入项目目录中打开cmd npm init -y 安装完成后出package.json目录npm install moment --save 安装完成后项目目录中出现node_modeles 目录结构如下//页面引用import moment from 'moment';//methods使用console.log(moment(new Date()).format('MM'))//出现当前月份...

2021-05-19 10:57:12 3903

转载 node npm报错问题解决

解释的很详细，点击我

2021-05-19 09:45:52 1740

原创 uni-app分段器

<template> <view> <view class="uni-padding-wrap uni-common-mt">  <uni-segmented-control :current="current"  :values="items.map(v => v.title)" sty.

2021-05-18 15:37:57 1715

原创 uniapp组件相互动态传值

components : “helloComp”<template name="helloComp"> <view> <block v-for="

2021-05-17 16:39:50 1604

原创腾讯云文本检测，跨域数据封装匹配、处理

//文本检测 $.ajax({ url: textPassUrl, type: 'GET', data: { text : Base64.encode(oSize) }, dataType : 'jsonp', jsonp: "jsoncallback", success: function(data) { console.log(data) if(data.Keywords){ ...

2021-05-06 15:09:10 89

转载封装base64编码解码

var Base64 = { _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", encode: function(e) { var t = ""; var n, r, i, s, o, u, a; var f = 0; e = Base64._utf8_encode(e); while (f < e.length) { n = e.ch

2021-05-06 10:31:27 83

原创 jq 评论源码+动态评论回复

评论回复源码下载<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <title>添美咨询</title> <script src=".

2021-04-26 11:08:37 542 2

原创 uniApp animation点赞+1动画

<view :animation="animationData" class="animation-opacity" @click="praiseMe">+1</view&g..

2021-04-21 10:36:33 1540

原创 swiper tab导航切换+滑动

t//html<button type="button" class="btn" data-index='0' onclick="slideToLoop(this)">按钮</button><button type="button" class="btn" data-index='1' onclick="slideToLoop(this)">按钮2</button>

2021-04-16 14:22:12 440

原创点击特效水波纹兼容移动端

<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <link rel="style

2021-04-14 11:33:28 145

原创 canvas 画笔

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'/> <title>canvas写字</title> <script src="jq

2021-04-14 09:55:24 136

转载 ajax 不刷新回退浏览记录

demo实例

2021-04-13 16:04:16 40

原创 swiper tab导航切换+点击按钮切换相对slide容器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1

2021-04-13 10:39:32 518

原创关于H5+ ios使用顶部安全区，及helloH5+字样

创建H5+应用，找到配置文件源码视图 plus 下//使用就留着，不使用就注释"statusbar" : { //是否使用安全区 "immersed" : "supportedDevice", //是否为沉浸式状态栏，提交云端打包后生效 "background" : "#D74B28" //系统状态栏背景颜色，字符串类型，#RRGGBB格式 }//关于真机调试,打包h5出现hello H5+ 字样导航栏同目录下，注释即可"launchwebv

2021-04-09 10:13:06 563

原创监听文字个数

<div class="font-limit"> <input type="text" id="username" autoComplete='off' maxlength="17" onkeyUp="textLimitCheck(this, 17);" placeholder="请输入17位车架号"> <span class="js_limit"> <em id="messageCount">0</em&g...

2021-04-06 12:59:15 61

原创移动端懒加载

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>移动端懒加载</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> </head&gt

2021-03-25 12:27:01 162

原创超简单的animate隐藏动画

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <script src="jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> .

2021-03-25 10:08:14 332

原创拖拽事件与点击事件共同执行

先说一下逻辑，拖拽事件分为三个事件触发，touchstart touchmove touchendclick事件为两个事件触发touchstart touchend ，如果没有touchmove事件那么为点击事件。(function($) { var old = $.fn.drag; function Drag(element, options) { this.ver = '1.0'; this.$element = $(element); this.options = $.ex

2021-03-23 15:45:00 401

原创第一次进入页面刷新

//js加载完成刷新只刷新一次页面，以达到进入app第一次网络连接不上的问题。 var flag = navigator.onLine; if (!flag) { console.log("网络连接成功") } else { if (location.href.indexOf("#") == -1) { //在当前页面地址加入"#"，使下次不再进入此判断 location.href = location.href + "#"; location.reloa..

2021-03-18 09:17:58 161

原创适用于多列数据平铺.车辆品牌循环赋值

//html<div class="cartitle">A</div> <ul class="brand-list brand-list-A"> </ul> <div class="cartitle">B</div> <ul class="brand-list brand-list-B"> </ul> <div class="cartitle">

2021-03-06 17:36:40 51

原创 js文字轮播

<html> <head> <title>TODO supply a title</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> </head> <body> <style> #marque.

2021-03-01 15:06:00 116

转载生成预约时间数组

let data1 = [];function getDay(day) {var today = new Date();var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;today.setTime(targetday_milliseconds);var tYear = today.getFullYear();var tMonth = today.getMonth();var tDate = toda

2021-02-24 09:59:08 163 2

原创表单正则

JS的正则表达式强：字母+数字+特殊字符 ^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*]+$)(?![a-zA-z\d]+$)(?![a-zA-z!@#$%^&*]+$)(?![\d!@#$%^&*]+$)[a-zA-Z\d!@#$%^&*]+$ 中：字母+数字，字母+特殊字符，数字+特殊字符 ^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*]+$)[a-zA-Z\d!@#$%^&am

2021-02-20 11:22:47 70

转载 jq批量设置倒计时

类似于拼夕夕开抢倒计时//html<div class="settime" endTime="2021-3-30 12:1:1"></div>封装js函数//倒计时函数function updateEndTime() { var date = new Date(); var time = date.getTime(); //当前时间距1970年1月1日之间的毫秒数 $(".settime").each(function(i) { var endDate = t

2021-02-05 14:22:13 140

原创 swiper

第一次用移动端swiper.自动播放后,手动滑动一次后，轮播停止了，然后差官网api，发现disableOnInteraction这个属性，但是使用时属性失效。//错误方式var mySwiper = new Swiper('.swiper-container', { direction: 'horizontal', // 垂直切换选项 autoplay: true, disableOnInteraction: false, loop: true, // 循环模式选项

2021-02-03 18:08:16 52

原创 echarts圆形数据占比

项目要求给用户直观体验，完成echarts数据占比，在网上查了很久没找到想要的代码，参考代码自己写了一个方法。实际效果图:源码往这看。使用方法makeUpEcharts(‘echartsDom’,‘根据实际情况给出占比的val’)//圆形echarts占比function makeUpEcharts(el,makeUp_val){ let color = ['#062551' ,'#5bffff']; let echartData = [{ value:

2020-06-24 10:57:58 1641

空空如也

空空如也