- 博客(105)
- 收藏
- 关注
原创 react项目所需的js文件:prop-types.js,react.development.js,react-dom.development.js,
https://unpkg.com/prop-types@15.6.2/prop-types.jshttps://unpkg.com/react-dom@17.0.2/umd/react-dom.development.jshttps://unpkg.com/babel-standalone@6.26.0/babel.min.js
2022-02-24 18:32:18 2304
原创 封装一个深拷贝方法
// 深拷贝 function deepClone(source) { const targetObj = source.constructor === Array ? [] : {} for (let keys in source) { if (source.hasOwnProperty(keys)) { // 引用数据类型 if (source[keys] &...
2022-02-16 10:29:04 556
原创 js 防抖和节流
防抖:多次变成一次,只允许一次操作应用场景:实时查询封装防抖方法:<body> <input type="text" placeholder="请输入"></body><script> // 防抖:多次变成一次 只允许一次 let inpTel = document.querySelector('input') inpTel.addEventListener('input', fdFn(demo, 500))
2022-02-14 15:23:27 257
原创 微信小程序获取元素的高度
var that = this var query = wx.createSelectorQuery(); query.select('.tab-list').boundingClientRect(); query.exec(function (res) { that.setData({ tabHeight: res[0].height }) });res里面的值:
2021-12-04 16:26:27 755
原创 React 下载多张图片到本地
使用FileSaver下载图片cnpmfile-saver 安装依赖包import React, { Component } from 'react'import { saveAs } from 'file-saver';import '../App.css'var FileSaver = require('file-saver');export default class DownImg extends Component { constructor(props) { ..
2021-12-01 14:40:54 1710
原创 微信小程序获取顶部状态栏和胶囊的高度
标红的部分,分别是导航栏和胶囊 //获取系统信息 wx.getSystemInfo({ success: res => { this.system = res } }) //获取胶囊信息 this.menu = wx.getMenuButtonBoundingClientRect()//胶囊的高度 this.systemBar = this.system.statusBarHeight//状态栏的高度...
2021-11-02 17:12:53 4656 1
原创 微信小程序 判断手机机型,iPhone X及以上机型留出底部空白
1.在app.js内判断App({ isIPhoneX: false, // 当前设备是否为 iPhone X kBottomSafeHeight: 0, // X 34 ,其余 0 // 判断设备是否为 iPhone X checkIsIPhoneX: function () { var that = this wx.getSystemInfo({ success: function (res) { var safeBottom =
2021-11-02 17:08:30 2204
原创 img 显示固定部分,超过部分隐藏,不压缩,不变形
图片大宽高不一致时,设置图片的宽高一致,只显示中间部分,不压缩,不变形 img { width: 66px; height: 66px; object-fit: cover; }...
2021-09-27 17:40:04 1121
原创 数组按照字母顺序排序
export function compare(list) { list.sort(function (a, b) { return a.firstLetter.localeCompare(b.firstLetter) }) return list}循环list数组,根据firstLetter字段(firstLetter字段是英文字母)排序,生成一个按照字母排序的数组...
2021-09-27 16:47:16 892
原创 用js限制字数,超出部分以省略号...显示
export function limitNumber(str, nwords) { return str.length > nwords ? str.slice(0, nwords) + '...' : str}str:字符串nwords:字数
2021-09-27 16:42:19 444
原创 点击页面随机生成不同颜色的点点
<template> <div @click="setRandom($event)">这是about页面 <span ref="circle" class="circle" :style='style'></span> </div></template><script> export default { data() { return { style: {} .
2021-01-05 16:55:19 294
原创 获取当前日期的国际标准时间
var currentDate = new Date()当前日期:Thu Apr 23 2020 11:43:13 GMT+0800 (中国标准时间) 类似这种格式的次日:var myDate = new Date(Date.parse(new Date) + 1000 * 60 * 60 * 24 * 1);转化为YYYY-MM-DD格式:var d = c...
2020-04-23 11:48:35 1115
原创 mint-ui 写一个下拉滑动选择,mt-popup和mt-picker结合使用
<div @click="getpopupVisible">产品选择</div> <mt-popup v-model="popupVisible" popup-transition="popup-fade" position="bottom"> <div class="picker-toolba...
2020-04-17 10:44:31 2097 1
原创 js 获取url链接里的参数
function GetUrl() { var url = location.search; //获取url中"?"符后的字串 var request = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); s...
2020-04-16 17:31:03 214
原创 中国标准时间转日期YYYY-MM-DD
function switchDate(standardTime) { if (standardTime != "") { let a = standardTime; var Month = a.getMonth() + 1; var MonthDate; var DayDate = a.getDate(); var Day; if (Mont...
2020-01-08 17:20:08 2096
原创 vue 点击小眼睛密码显示隐藏
<li> <span class="icon password-icon">新密码:</span> <input :type="pwdType" placeholder="请输入新密码" @on-change="userPassword" maxlength="18" v-model="userPassword" @blur="getU...
2019-06-28 16:19:20 6171 5
原创 vue动态改变title
一般写title会在index.html里的head标签title元素里面写可以根据路由写title首先要安装cnpm install vue-wechat-title --saveexport default new Router({ routes: [ { path: '/', name: 'Home', component:...
2019-05-20 15:10:30 1844
原创 js 前端校验姓名(包括少数民族)
var name = /^([a-zA-Z]|\/| |·|-|●|(\(+\))|(\([a-zA-Z]+\)))+$/;var namesw = /^([\u4e00-\u9fa5]|[a-zA-Z]| |•|-|‧|•|⋅|ㆍ|・|●|(\(+\))|(\([\u4e00-\u9fa5]+\))|(\([a-zA-Z]+\)))+$/;两层校验,中文和英文少数民族名字中间一般都要...
2019-05-20 09:01:50 4246 2
原创 js 邮箱正则验证
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,5})$/;
2019-05-07 16:40:45 237
原创 js 中文转url
最近在做微信公众号,分享给朋友的时候带上自己的名字或者年龄等信息,名字是中文字符,转发给朋友,如果是安卓手机对方打开手机可以看到参数,但是ios就不行,是因为链接里面带有中文字符,所以在分享出去的时候要把中文字符进行转码,刚开始尝试了unicode和ASCII,都不行,最后用了url完美解决,代码:var str = this.name;var UnicodeName = encodeUR...
2019-05-07 09:32:25 2132
原创 vue 获取短信验证码
<!-- 获取验证码倒计时60s --> <div class="input-div"> <button @click="getCode(formData)" class="code-btn" :disabled="!show"> <s...
2019-04-17 15:20:51 1842 8
原创 sessionStorage存储数据和取数据
sessionStorage存数据,如果刷新页面,数据仍旧存在,只有关闭页面,数据才消失sessionStorage存储一条数据:sessionStorage.setItem('name',this.insuredOneName);sessionStorage存储多条数据:this.queryParams={name:this.insuredOneName,id:this....
2019-03-28 10:20:28 5282
原创 vue v-for循环出多个select,select取值(select有默认选项)
<ul> <li v-for="item in list" > {{item.name}} <select @change="changea($event)"> <option value="" disabled selected>必选</option> ...
2019-03-21 14:04:57 22620 2
原创 css页面两栏布局
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>页面布局两栏</title></head><style type="text/css"> .box{
2019-03-01 11:05:42 215
原创 css页面三栏布局(5种)
三栏布局,高度100px,左右分别宽度300px,中间部分自适应<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>页面布局</title></head><style type="
2019-02-28 17:01:22 678
原创 css 毛玻璃效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title&
2019-02-27 14:53:36 640
原创 微信小程序 单行文字上下滚动
index.wxml <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="1000"> <block wx:for="{{msgList}}" wx:key="">
2019-02-21 14:09:28 3777
原创 微信小程序 tab切换展示不同的内容
index.wxml<view class='shopDetail-box'> <view class="tab-left" > <view class="{{tabArr.curHdIndex=='1'? 'active' : ''}}" id="1" data-id="1" bindtap="tab">人
2019-02-21 10:22:25 4055 3
原创 微信小程序 短信验证码倒计时
伸手拿...............................index.wxml<view class='register-box'> <view class='register-title'>欢迎注册员工福利平台</view> <view class='register-list'> <view class=...
2019-02-19 17:15:01 380
原创 微信小程序拖动滑块验证
index.wxml <movable-area class="content" style="width:{{area_width}}%"> 拖动滑块验证 <movable-view class='box' style='width:{{box_width}}rpx' friction="{{100}}" direction="horizontal" x...
2019-02-19 17:07:15 5672 2
原创 通过身份证号获取出生日期和性别
export function IdCard(UUserCard, num) { // console.log(UUserCard) if(num == 1) { //获取出生日期 var birth = UUserCard.substring(6, 10) + "-" + UUserCard.substring(10, 12) + "-" + UUserCard.sub...
2019-02-02 13:50:24 1858
原创 校验身份证号码
自己封装的js,直接引用,放进vue里面需要export导入/** * 身份证校验算法 */ export function SFID(card) { var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:&
2019-02-02 13:49:09 572
原创 vue 点击进入一个页面,返回跳转到之前的位置
scrollBehavior (to, from, savedPosition) { if (savedPosition) { return savedPosition } else { if (from.meta.keepAlive) { from.meta.savedPosition = document.body.scrollTo...
2019-02-01 09:52:19 4933 3
原创 将日期1-1转化为01-01
str.replace(/\d+/g,function(a){return (a.length==4)?a:((a.length==2)?a:("0"+a))})
2019-01-28 16:54:23 4259
原创 mint-ui 时间范围,限制时间两个月
要求生效日期为次日零时起生效,最晚指定生效日期为从投保日算起的地60天<span class="orange1" v-text="timeNow" @click="openPicker('picker')"></span><div @touchmove.prevent> <mt-datetime-picker v-model=&quo
2019-01-28 16:51:46 1491
原创 vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容
template里面: <!-- tab切换star --> <ul class="tab-list" :class="{fixTitle:whether}"> <li @click="curId=0" :class="{'cur':curId===0}">产品特点</li>
2019-01-23 09:57:48 8213
原创 vue 获取当前日期的第二天
<span v-text="timeNow"></span>data里面:timeNow:''mounted里面: mounted:function(){ var myDate = new Date(); myDate.setDate(myDate.getDate() + 1); console.log(myDate.toLo...
2019-01-22 16:12:11 5680 2
原创 jQuery单行文字滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .swiper_wr
2018-12-06 10:38:18 626
原创 css加载动画(四)
html代码:<div id="preloader_6"> <span></span> <span></span> <span></span> <span></span></div>css代码
2018-12-06 10:20:25 171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人