- 博客(143)
- 收藏
- 关注
RSS订阅原创 常用日期时间处理方法总结
1.filter.js/** * @description 任意格式日期处理，过滤 * @param * @returns string *///任意格式日期处理//使用格式：// {{ '2018-09-14 01:05' | formaDate(yyyy-MM-dd hh:mm:ss) }}// {{ '2018-09-14 01:05' | formaDate('yyyy-MM-dd') }}// {{ '2018-09-14 01:05' | formaDate(MM/dd)
2021-09-18 14:34:32
923
原创 vue全局自定义指令
一、用一个页面放自定义方法clickStateForm.js/** * @description 自定义指令v-preventClick 防止重复点击 */export default { install(Vue) { Vue.directive('preventClick', { inserted(el, binding) { el.addEventListener('click', () => { .
2021-08-25 15:09:03
1058
转载 js按钮点击事件，调用方法
<html> <head> <title>usually function</title> </head> <script>function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("target").click();}function test(){ .
2021-08-10 18:24:33
12353
原创 vue返回上一页并刷新上一页数据
在上一页加上： activated: function () { this.fetchData()//数据加载的方法 },
2021-06-25 10:29:47
2474
原创 js获取当前系统时间
写法一：/** * @description 获取当前日期 * @param * @returns String */export function getNowTime() { let dateTime let yy = new Date().getFullYear() let MM = new Date().getMonth() + 1 let dd = new Date().getDate() let hour = new Date().get
2021-06-19 14:46:18
301
原创 vue用echarts写环形统计
1.代码<template> <div> <el-card class="Ratio-card" shadow="hover"> <div id="myChart" :style="{width: '100%', height: '400px'}"></div> <div class="total">总计：{{total}}</div> </el-ca
2021-06-10 15:03:03
599
1
转载 div旋转45度，背景图却要正着显示
例如这种怎么显示，如果这样的div里面没有跟鼠标相关的事件，那么直接切图定位即可一旦涉及到鼠标事件，那么就要考虑div的重叠了css3可以帮助你实现div的旋转！-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.Basic...
2021-06-07 19:23:42
427
转载 怎么旋转DIV 45度 要以中心旋转
css3可以帮助你实现div的旋转！-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
2021-06-07 19:19:58
1891
原创 修改elementui tree中label的值
1.defaultProps中label: 'label',则显示数据中label的值<el-tree :data="data" default-expand-all> <span class="custom-tree-node" slot-scope="{data }"> <span> {{data.code}}{{ data.label}} </span> .
2021-05-07 14:23:56
6627
5
转载 elementUi里面的el-input框有时候无法输入的问题
最近发现项目中需要输入内容的时候，input框有时候会无法输入进去发现elementUI中@input事件可以拿到当前输入的值，问题找到了，视图没有更新的问题解决方法 this.$forceUpdate()原文：https://www.jianshu.com/p/5f3506a75fa2...
2021-04-30 11:07:52
321
转载 Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
官网的demo献上在elementui Input输入框中可以找到远程搜索组件，获取服务端的数据官网中的数据list都是写在loadAll()中的，而如果我们此时要用到mock的数据就要在此基础上对代码进行修改。-mock数据的获取-我们要获取远程mock中所有学生的学号信息，根据输入的数据来远程查找目标，并且在选中该目标后能够自动填充对应的姓名、生日、手机等信息，实现快速获取信息的功能，再也不用手动一个个去输入所有的数据啦～在template中添加el-autocomplete
2021-04-29 18:32:18
1702
原创 el-tree点击时改变字体颜色+根据返回数据改变字体颜色
1.点击时字体为蓝色，state=1过滤返回数据：state=0为灰色，state=1颜色正常2.html <el-tree ref="tree" class="filter-tree check" :class="isCheck=='1'?'start':''" :data="data" default-expand-all node-key="id" :filter-node-method="filterNode" :props="default.
2021-04-29 11:02:54
1777
转载 常见的HTTP状态码
2开头 （请求成功）表示成功处理了请求的状态代码。200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。201 （已创建） 请求成功并且服务器创建了新的资源。202 （已接受） 服务器已接受请求，但尚未处理。203 （非授权信息） 服务器已成功处理了请求，但返回的信息可能来自另一来源。204 （无内容） 服务器成功处理了请求，但没有返回任何内容。205 （重置内容） 服务器成功处理了请求，但没有返回任何内容。206 （部分内容）.
2021-04-12 11:38:43
100
原创 url链接后面拼接对象参数
1,现在需要把一个对象拼接到url链接后面2,方法html <a-button type="primary" icon="upload" @click="uploadExcel()">导出</a-button>js uploadExcel() { let path = process.env.VUE_APP_API_BASE_URL +'/admin/xxxxxxxxxx/export' let obj = JSO..
2021-04-02 17:36:34
2777
转载 ES6中Map与Set的区别
Map在JS中的默认对象的表示方式为{}，即一组键值对，但是键必须是字符串。为了使用Number或者其他数据类型作为键，ES6规范引入了新的数据类型Map。Map是一组键值对的结构，具有极快的查找速度。初始化Map需要一个二维数组，或者直接初始化一个空Map。使用Map来实现一组成绩单：var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);m.get('Michael'); // 95Map具有以下方法：.
2021-03-30 11:44:35
998
转载 彻底弄懂ES6中的Map和Set
MapMap对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。构造函数Map可以接受一个数组作为参数。Map和Object的区别一个Object 的键只能是字符串或者 Symbols，但一个Map 的键可以是任意值。 Map中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。 Map的键值对个数可以从 size 属性获取，而 Object 的键值对个数只能手动计算。 Object 都有自己的原型，原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。Map
2021-03-30 11:42:19
163
原创 ant design vue 上传文件后不显示删除按钮，只能查看不能删除
1，看文档（upload上传）2，代码 <a-descriptions-item label="文件" :span="3"> <a-upload action="http://xxxxx/File"//上传文件接口 :multiple="true" :showUploadList="{showRemoveIcon:false}" //不显示删除按钮.
2021-03-05 15:17:46
3720
转载 微信小程序-自定义复选框
1，效果2，wxml<checkbox-group bindchange="checkboxChange" class="checkbox-group"> <view wx:for="{{checkboxArr}}" wx:key="index" class="padding-xs"> <label class="{{item.checked?'checkbox checked':'checkbox'}}" bindtap='checkbo..
2021-01-22 15:39:17
1311
1
原创 微信小程序订单列表加一个“更多”来显示/隐藏按钮
1.效果图，点击订单列表的"更多"，会显示出隐藏的按钮，再次点击"更多"就隐藏2.wxml这里是用订单id来判断的 <view class='order-list' wx:for="{{userOrderList}}" wx:key="index"> <view class='item' wx:for="{{item.list}}" wx:for-item="vo" wx:key="index" data-item="{{vo}}">
2020-12-31 10:06:50
1897
转载 微信小程序限制当前位置和目的地的距离（签到）
1. 获取当前位置经纬度 onLoad: function (options) { var that = this; campaign_id = campaign_id wx.getLocation({ type: 'wgs84', success: function (res) { console.log(res) lat1 = res.latitude, lng1 = res.longitude
2020-12-25 17:47:46
1649
转载 微信小程序利用云函数获取手机号码
小程序获取手机号码方式一、取到加密数据，然后提交到服务器解密,二、获取到cloudID，用云函数, 优点：直接获取原始数据，节省服务器资源1.wxml<button class="gettel" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> 获取手机号</button>2. 点击按钮调用云函数，将cloudID传给云函数getPhoneNumber(e) {va...
2020-12-24 11:28:34
1828
原创 微信小程序获取手机号60s倒计时
1.2. <view class="cu-form-group" style="border-top: 1rpx solid #eee;"> <view class="title">手机号</view> <input name='phone' placeholder="请输入新手机号" value="{{phone}}" type="number" bindinput="inputBindPhone" ></i
2020-12-24 10:00:24
222
1
原创 微信小程序返回上一页的时候把数据传给data的参数值
1，返回上一页的时候需要把数据传给下一个页面的data里面对应参数值B页面 pageBack(){//放到返回上一页方法或成功的回调里面 var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //上一个页面 //直接调用上一个页面的setData()方法，把数据存到上一个页面中去 prevPage.setData({ currentTab:0 //curre.
2020-12-15 15:05:09
704
原创 js截取/转换时间格式
js console.log(create_time)//2020-12-10T06:49:59.189Z // 转换时间格式 let date = create_time; let year = date.substring(0, 5); let month = date.substring(5, 8); let day = date.substring(8, 10); let hour = date.substring.
2020-12-10 16:01:25
323
原创 微信小程序复制文字功能
1，微信小程序复制文字功能2，注意：方法用view包着，不然可能会点击失效wxml <view class="invoice-order-item"> <text>订单编号</text> <view data-text="{{orderNumber}}" bindtap="copywxtap">{{orderNumber}} <text style="color:#777;margin-left:10rp
2020-12-09 17:20:45
2865
原创 微信小程序for循环里面添加input事件
1，在微信小程序for循环里面添加input事件，并把input输入值添加到列表里面2.wxml <view class="item" wx:for="{{list}}" wx:for-item="vo" wx:key="index" data- item="{{vo}}"> <view class="col">{{vo.name}}</view> <view class="col2">{{vo.task_start
2020-12-07 10:42:47
2092
5
原创 js计算两个日期时间的差值
letdate1=newDate('2020-12-02 12:30:54') letdate2=newDate('2020-12-02 15:38:09') lets1=date1.getTime(),s2=date2.getTime(); lettotal=(s2-s1)/1000; letday=parseInt(total/(24*60*60));//计算整bai数天du数 let afterDa...
2020-12-03 12:01:20
7168
1
原创 微信小程序动态获取当前时间
1,在根目录下utils文件夹创建utils.js写获取时间方法utils.js /**获取当前系统时间 */function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var se
2020-11-30 16:59:08
6275
3
原创 微信小程序计时器开始和结束功能
1，微信小程序计时功能，点击开始计时2，wxml<view class='tip'>计时器{{h}}:{{m}}:{{s}}</view>jsdata:{ h:'00', m:'00', s:'00'}, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { this.queryTime() },// 计时器.
2020-11-30 14:33:51
4796
2
原创 微信小程序使用日历插件
一，添加插件1，在你的小程序关联的微信公众平台打开设置》第三方服务》添加插件2，直接AppID（wx92c68dae5a8bb046）搜索到该插件并申请授权，授权成功即可在小程序使用二，小程序使用插件app.json配置 "plugins": { "calendar": { "version": "1.1.3", "provider": "wx92c68dae5a8bb046" }},使用插件页面的.json页面引入.
2020-11-25 14:18:12
6295
3
原创 微信小程序手机号码加****
utils.js// 手机号加**var toHide = function(array) { var phone = array.substring(0, 3) + '****' + array.substring(7); return phone;}module.exports.toHide = toHide;使用页面index.jsvar utils = require('../../utils/utils.js')Page({ /** * 页面的初
2020-11-24 15:32:11
255
原创 微信小程序获取当前位置（二）
现在要点击下面图标的时候获取到当前位置信息：wxml <view class="task-item"> <view class="task-item-title">详细地址</view> <view class="task-item-input2"> <input name='address' placeholder="请输入详细地址" value="{{address}}" type="text" ..
2020-11-12 18:07:50
222
原创 微信小程序多选功能，复选功能
wxml<checkbox-group bindchange="checkboxChange"> <label class="team_info_item" wx:for="{{items}}" wx:key="index"> <view class="item_icon"> <!-- <view class="userinfo-avatar"> <open-data type="userAvatarUrl.
2020-11-12 14:53:00
1016
原创 微信小程序点击获取当前具体位置信息
一，创建一个地图页面Location二，1，Location.wxml什么都不用写2，Location.js const app = getApp()Page({ /** * 页面的初始数据 */ data: { longitude:"",//中心经度 latitude:"",//中心纬度 name:""//选择的位置名称 }, /** * 生命周期函数--监听页面加载 */ onLoad: funct
2020-11-10 10:47:40
1852
2
转载 微信小程序地图功能
一，显示地图 <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" controls="{{controls}}" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" polyline="{{polyline}}" circles="{{circles}}" bindregionchange="r
2020-11-10 10:35:08
2323
1
原创 微信小程序使用colorui
一，下载colorui源码官方网站：https://www.color-ui.com/GitHub：https://github.com/weilanwl/ColorUI二，使用1， 这个是下载好的colorui文件，打开目录/demo/colorui，将里面的两个文件icon.wxss和main.wxss复制到你的项目下2，在在app.wxss里面引入以下两个文件：3，使用组件列：我们使用cu-custom组件的话，需要在app.json定义以下需...
2020-11-07 15:36:46
1781
1
原创 微信小程序上传图片/文件
微信官方文档有提供上传文件方法：wx.chooseMessageFile(Object object)基础库 2.5.0 开始支持，低版本需做兼容处理。从客户端会话选择文件。主要通过改变type的值来选择需要上传的类型，需要在真机上试验wx.chooseMessageFile({ count: 10, type: 'image', success (res) { // tempFilePath可以作为img标签的src属性显示图片 const t..
2020-10-26 18:12:06
640
原创 npm引入小程序官方WeUI组件库weui-miniprogram
一，查看是否安装npm包通过npm -v 查看npm的版本，如果能显示相应出版本号，就说明是安装成功的。二，如果没有安装1.npm init 会提示不是内部命令2.安装node环境这时候就需要安装node环境，可以在http://nodejs.cn/download/下载对应的版本三，开始构建nmp1.进入小程序根目录（app.js所在目录），打开cmd输入：npm init -ynpm init -y参数 -y 表示对 npm 要求提供的信息，都自动按下回车键，.
2020-10-26 16:31:08
1680
原创 微信小程序写横向滚动条导航栏
wxml <view class="title-menu"> <view class="title-menu-item active"> 全部 </view> <view class="title-menu-item">书柜</view> <view class="title-menu-item">桌</view> <view class="title-menu.
2020-10-10 17:52:58
779
转载 vue图片点击放大预览v-viewer
1.下载v-viewernpm install v-viewer -S2.main.js中引入注册import Vue from 'vue';import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true,
2020-09-25 17:08:05
228
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人