若我君临天下-CSDN博客

原创微信小程序左右拖动查看表格

<view class="contant contact"> <view wx:for="{{obj.fieldValue}}" wx:key="index" wx:for-item="table"> <scroll-view class="table" scroll-x> <view class="tab_top layer_star"> <view class="tab_title" wx:for="{{ta

2020-07-20 10:00:42 746

原创微信小程序日历签到功能

<view class="contant">  <view class='calendar_title layer_center'> <view class='icon' bindtap='lastMonth'> <image src='/image/arrow_left.png' /> </view> <.

2020-05-19 14:02:11 4051 7

原创 vue封装请求方法

1:在static/js/新建http.js,interface.js,request.js;2:http.js：封装请求方法(get/post)// 在http.js中引入axiosimport axios from "axios";import QS from "qs";// 设置超时时间axios.defaults.timeout = 10000;// 设置默认post的请求头axios.defaults.headers.post["Content-Type"] = "applicat

2021-07-15 16:03:44 3612

原创 vue封装常用工具函数

1：在static/js新建common.js；2：main.js// 全局导入公共函数import commonFun from './static/js/common'Vue.prototype.commonFun = commonFun;3：common.jsvar baseData = { title: "这是测试的公共方法数据",};/* 分类 **校验{ 1：手机号；2：中英文名称；3：身份证号；4：银行卡；5：邮箱；6：QQ；7：邮政

2021-07-15 15:48:45 451

原创 vue封装常用过滤器

1:在static/plugins/新建filter.js2:main.js// 全局导入过滤器import filter from './static/plugins/filter'Object.keys(filter).forEach(key => Vue.filter(key, filter[key]))3:filter.js// 封装过滤器// 根据身份证号码判断男女let sexFilter = value => { if (!value) {

2021-07-15 15:20:31 439

原创 vue兄弟组件传值（通过事件总线EventBus）

1:在项目中创建一个单独的eventBus.js文件// eventBus.jsimport Vue from 'vue'export default new Vue;2:在父组件注册并引入两个子组件// transfer.vue（父组件）<template> <div class="container layer_nobetween"> <nav-tab /> <trans-chart /> </div>&

2021-05-06 22:06:32 381

原创 js复制

function copy() { var text = document.getElementById("mine_codes").innerText; var input = document.createElement('input'); input.setAttribute('id', 'copyInput'); input.setAttribute('value', text); document.getElementsByTagName('body')[0].appendChil

2021-04-15 23:19:50 114

原创 uni-app封装toast和loading

在common下新建fun.js // 不含icon提示框 const toast = str => { return new Promise((resolve, reject) => { uni.showToast({ title: str, icon: "none", duration: 2000, success: () => { setTimeout(() => { resolve }, 2000)

2021-01-28 18:25:07 1943

原创 uni-app解决并发请求

在项目中引入axios单个请求方法getProNum() { let t = this; let param = { actkey: 'project', numberType: 'XMNumber' }; return t.$axios({ url: t.NumUrl, method: 'get', params: param })},getTrialNum() { let t = this; let param = { actkey: 'segment2',

2021-01-16 22:47:03 2440

原创 uni-app写日期过滤器

在公共common下新建filter.jsfilter.js内容const dateFilter = (time) => { if (!time) { //当时间是null或者无效格式时返回空 return ' ' } else { const timeLen = time.length; //传入的时候时间戳类型应为字符串，因为要根据length判断是10/13的时间戳 const oneDate = new Date(parseInt(time) * 1000); // 1

2021-01-16 22:26:27 941

原创 vue生成海报

npm install vue-qr --savenpm install qrcodejs2 --savenpm install html2canvas --save在项目下载依赖 <div> <div style="display: none" id="my_qrcode" class="qrcode"></div>  <div class="Canvas"> <canvas

2020-10-29 18:58:45 790

原创 vue打包之后修改静态资源路径

npm run build打包之后生成dist文件夹，访问index.html的时候控制台打印1：修改build下webpack.prod.conf.js2：修改build下webpack.base.conf.js3：修改config下index.js4：我的项目静态资源的位置在src下的assets文件夹里，引入了背景图打包之后不显示修改build下utils.js...

2020-10-22 20:08:54 2294

原创 js排序

1.array.sort(fun)；参数fun可选。规定排序顺序。必须是函数。注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。如果想按照其他规则进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。若 a 等于b，则返回 0。若 a 大于 b，则返回一个

2020-10-13 10:43:27 158

原创 uni-app封装请求方法

新建http.js,写入请求的封装方法,在页面调用；//http.jsconst baseUrl = 'http://www.baidu.com'; //请求地址//get请求封装function gets(url, data) { var promise = new Promise((resolve, reject) => { var postData = data; uni.request({ url: baseUrl + url, data: postData,

2020-09-22 10:09:04 195

原创 js实现跑马灯

#box { width: 100%; height: 300px; overflow: hidden}#box ul { position: relative; left: 0; top: 0; list-style: none}#box ul li { width: 400px; height: 100%; float: left;} <div id="box"> <ul>

2020-07-27 00:11:34 168

原创 js数据类型转换

1.将数组转换成字符串 var arr = [1, 2, 3, 4]; var arrs = arr.join(",") console.log(arrs); //1,2,3,4 console.log(typeof(arrs));//string2.将字符串转换成数组 var str = "1,2,3,4"; var arr = str.split(","); console.log(arr); //["1", "2", "3", "4"]

2020-07-21 15:55:17 169

原创 js通过分隔符分割

function link(e) { let imgSrc = 'https://cdn.kingwaygenerator.com/12078/productImg/20200709/06a0438e-c558-4669-affb-a13deee982f3.jpg?x-oss-process=style/common'; var cept = imgSrc.indexOf("?"); var res = imgSrc.substring(0, cept); c

2020-07-21 14:10:28 925

原创微信小程序保存图片到相册

<view bindtap='save'>保存图片到相册</view>//点击保存图片 save () { let that = this //若二维码未加载完毕，加个动画提高用户体验 wx.showToast({ icon: 'loading', title: '正在保存图片', duration: 1000 }) //判断用户是否授权"保存到相册" wx.getSetting({ success (res) { //没

2020-07-21 01:03:35 285

原创弹窗阻止冒泡

<div class="tx_mask" onclick="$(this).hide()"> <div class="tx_maskWord" onclick="zZFun(this)"></div></div>function zZFun(e) { window.event ? (window.event.cancelBubble = true) : e.stopPropagation();}

2020-07-21 01:02:59 200

原创 css文字渐变色

<div class="title">渐变颜色</div>.title { font-size: 60px; background: linear-gradient(to right, red 0%, yellow 20%,blue 40%,orange 60%,yellow 80%,red 100%); -webkit-background-clip: text; color: transparent;}

2020-07-20 10:17:54 160

原创微信小程序获取微信中我的地址

chooseAddress() { wx.getSetting({ success(res) { console.log("vres.authSetting['scope.address']：",res.authSetting['scope.address']) if (res.authSetting['scope.address']) { wx.chooseAddress({ success(res) {

2020-07-20 10:15:30 943

原创微信小程序顶部tab切换

<view class='top_tab layer_between'> <view class='{{current == index?"tab_ones":"tab_one"}}' wx:for="{{tab}}" wx:key="index" data-index="{{index}}" bindtap='tab'>{{item}}</view> </view> data: { tab: ["已收获", "将收获", "培育中".

2020-07-20 10:12:50 309

原创微信小程序ios设备上input无法输入

<view class="coupon-input"> <input class="main-input" placeholder-class="phtext" name="viodLink" value="{{viodLink}}" placeholder="请输入" bindinput="viodLinkInput" /></view>.coupon-input { -webkit-user-select: text !important;}.ma

2020-07-20 10:10:51 2276

原创微信小程序文字走马灯

<view class='loop-text'> <view class="marquee_text" style="{{orientation}}:{{marqueeDistance}}px;font-size: {{size}}px;"> {{text}} </view></view>.loop-text { width: 100%; height: 100%; color: #fdd100; padding: 4%;

2020-07-20 10:08:46 460

原创 css单行多行溢出

单行overflow:hidden; /*超出隐藏*/text-overflow:ellipsis; /*溢出显示用省略号*/white-space:nowrap; /*溢出不换行*/多行overflow: hidden;/* 超出隐藏 */text-overflow: ellipsis;/* 溢出显示用省略号 */display:-webkit-box;/* 作为弹性伸缩盒子模型显示。 */-webkit-box-orient:vertical;/* 设置伸缩盒子的子元素排列方式从上

2020-07-20 10:07:14 131

原创微信小程序日期picker起始日期

<view class="one layer_star"> <view class="left font32">日期</view> <view class="right"> <picker mode="date" bindchange="pickerDate" value="{{date}}" start="{{nowDtae}}"> <view class="right_input font32"

2020-07-20 10:04:59 1017

原创 js删除数组中指定值的元素

var arr = [1, 1, 2, 2, 3, 5, 2, 2]; var val = 2; console.log(arr) //[1, 1, 2, 2, 3, 5, 2, 2] for(var i = 0;i<arr.length;i++){ if(arr[i] == 2){ arr.splice(i, 1); i-- } } console.log(arr) //[1, 1, 3.

2020-07-20 10:03:07 424

原创微信小程序下载并打开附件

download(e) { let t = this; $.showloading() wx.downloadFile({ url: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591007826562&di=c6d5dfb0816ec0bffb2d0bd9ee33a7ec&imgtype=0&src=http%3A%2F%2Fn

2020-07-20 09:58:20 1596 1

原创微信小程序获取响应头中的数据

console.log(res.header["Content-Disposition"]) //打印响应头的数据var fileName = res.header["Content-Disposition"];var first = fileName.lastIndexOf("."); //取到文件名开始到最后一个点的长度var namelength = fileName.length; //取到文件名长度var filesuffix = fileName.substring(first + 1,

2020-07-20 09:56:46 1437

WangYi0118的博客