M_SSY-优快云博客

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 2632

原创封装一个深拷贝方法

// 深拷贝 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 641

防抖：多次变成一次，只允许一次操作应用场景：实时查询封装防抖方法：<body> <input type="text" placeholder="请输入"></body><script> // 防抖：多次变成一次只允许一次 let inpTel = document.querySelector('input') inpTel.addEventListener('input', fdFn(demo, 500))

2022-02-14 15:23:27 326

原创微信小程序获取元素的高度

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 822

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

原创微信小程序获取顶部状态栏和胶囊的高度

标红的部分，分别是导航栏和胶囊 //获取系统信息 wx.getSystemInfo({ success: res => { this.system = res } }) //获取胶囊信息 this.menu = wx.getMenuButtonBoundingClientRect()//胶囊的高度 this.systemBar = this.system.statusBarHeight//状态栏的高度...

2021-11-02 17:12:53 5934 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 2435

原创 img 显示固定部分，超过部分隐藏，不压缩，不变形

图片大宽高不一致时，设置图片的宽高一致，只显示中间部分，不压缩，不变形 img { width: 66px; height: 66px; object-fit: cover; }...

2021-09-27 17:40:04 1493

原创数组按照字母顺序排序

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 1004

原创用js限制字数，超出部分以省略号...显示

export function limitNumber(str, nwords) { return str.length > nwords ? str.slice(0, nwords) + '...' : str}str:字符串nwords：字数

2021-09-27 16:42:19 506

原创点击页面随机生成不同颜色的点点

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

原创获取当前日期的国际标准时间

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 1229

原创 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 2289 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 256

原创中国标准时间转日期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 2518

原创 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 6274 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 1899

原创 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 4484 2

原创 js 邮箱正则验证

var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,5})$/;

2019-05-07 16:40:45 312

原创 js 中文转url

最近在做微信公众号,分享给朋友的时候带上自己的名字或者年龄等信息,名字是中文字符,转发给朋友,如果是安卓手机对方打开手机可以看到参数,但是ios就不行,是因为链接里面带有中文字符,所以在分享出去的时候要把中文字符进行转码,刚开始尝试了unicode和ASCII,都不行,最后用了url完美解决,代码:var str = this.name;var UnicodeName = encodeUR...

2019-05-07 09:32:25 2271

原创 vue 获取短信验证码

<div class="input-div"> <button @click="getCode(formData)" class="code-btn" :disabled="!show"> <s...

2019-04-17 15:20:51 1900 8

原创 sessionStorage存储数据和取数据

sessionStorage存数据,如果刷新页面,数据仍旧存在,只有关闭页面,数据才消失sessionStorage存储一条数据:sessionStorage.setItem('name',this.insuredOneName);sessionStorage存储多条数据:this.queryParams={name:this.insuredOneName,id:this....

2019-03-28 10:20:28 5422

原创 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 23011 2

原创 css页面两栏布局

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>页面布局两栏</title></head><style type="text/css"> .box{

2019-03-01 11:05:42 269

原创 css页面三栏布局(5种)

三栏布局,高度100px,左右分别宽度300px,中间部分自适应<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>页面布局</title></head><style type=&quot

2019-02-28 17:01:22 774

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

原创微信小程序单行文字上下滚动

index.wxml <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="1000"> <block wx:for="{{msgList}}" wx:key=""&gt

2019-02-21 14:09:28 3841

原创微信小程序 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 4214 3

原创微信小程序短信验证码倒计时

伸手拿...............................index.wxml<view class='register-box'> <view class='register-title'>欢迎注册员工福利平台</view> <view class='register-list'> <view class=...

2019-02-19 17:15:01 504

原创微信小程序拖动滑块验证

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 5938 2

空空如也

空空如也