Powered by md-Blog  文 - 篇  访客 -

  • JS写一个数组匹配另一个数组的ID获得相应的名字的功能

    <script> let arr1 = [001, 002, 004]; let arr2 = [ {id: 001, name: '张一'}, {id: 002, name: '张二'}, {id: 003, name: '张三'}, {id: 004, name: '张四'}, {id: 005, name: '张五'} ] let res_arr = []; for(let i = 0; i < arr1.length; i++){ for(let j = 0; j < arr2.length; j++){ if(arr1[i] == arr2[j]['id']){

    2021-01-26 16:28:44   2021-01-26 16:28:44
    分类:写一个Demo / 浏览:016116497243486
  • Vue.js写一个超牛逼的身份证号验证包括生日出生年月地址码区域长度15、18位性别男女区分和生日的提取功能

    // 身份证验证 Vue.prototype.$checkIdCard = function(idCard){ let _this = this; let bbd = ''; // 出生日期 let sex = ''; // 性别 let canPass = true; idCard = idCard.toUpperCase(); // 转大写 let len = idCard.length; let city={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林&quo

    2021-01-20 16:16:03   2021-01-20 16:10:20
    分类:写一个Demo / 浏览:016111302207780
  • JS写一个日期格式修复补0格式化的Demo

    将 2021-1-8 变为 2022-01-08 的格式// 日期修复 0 function fix_0(date){ var arr_fix = date.split('-'); if(arr_fix[1].length == 1){ arr_fix[1] = '0' + arr_fix[1]; } if(arr_fix[2].length == 1){ arr_fix[2] = '0' + arr_fix[2]; } return arr_fix[0] + '-' + arr_fix[1] + '-' + arr_fix[2]; }../../md/写一个Demo/

    2021-01-15 13:36:21   2021-01-15 13:36:21
    分类:写一个Demo / 浏览:016106889812114
  • ES6写一个量数组键值一一对应的例子

    shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。注意:此方法改变数组的长度!提示:移除数组末尾的元素可以使用 pop() 方法。'use strict' const keys = ['name', 'age', 'gender']; const values = ['Lily', '18', 'female']; const user = { [keys.shift()]: values.shift(), [keys.shift()]: values.shift(), [keys.shift()]: values.shift(

    2020-11-01 17:25:47   2020-02-20 10:47:49
    分类:写一个Demo / 浏览:015821668697819
  • js数字千分位格式化

    function formatNum(num) { var parts = num.toString().split("."); parts[0] = parts[0].replace(/B(?=(d{3})+(?!d))/g, ","); return parts.join("."); } console.log(formatNum(3234598)); // 3,234,598../../md/写一个Demo/

    2020-11-01 17:25:47   2020-03-11 09:29:22
    分类:写一个Demo / 浏览:015838901621236
  • 写一个CSS3通过background-position进行背景色渐变且可transition动画效果

    由于 background-image 无法 transtion 动画。使用变通的方法通过 background-position 进行实现。Demo<md-video>mp4/bgc.mp4</md-video>CSS.list_hover{ box-shadow: 20px 20px 20px -24px #adadad; transition-duration: 1s; background: linear-gradient(-30deg, rgb(255, 234, 234), #ecfdff, #fdfdf0, #ffffff, #f5f5f5); background-size: 230%; padding: 1.6rem 2rem; } .list_hover:hove

    2020-11-01 17:25:47   2020-05-14 13:36:01
    分类:写一个Demo / 浏览:015894345612546
  • 写一个回文字符串:将一个字符串倒叙排列

    // 回文字符串 function reString(val){ if (typeof val !== 'string'){ return '不是字符串'; }else{ return val.split("").reverse().join(""); } } console.log(reString('123456789')); // 987654321../../md/写一个Demo/

    2020-11-01 17:25:47   2020-04-07 14:23:50
    分类:写一个Demo / 浏览:015862406305630
  • 写一个基于jQuery的回到顶部效果及置顶按钮制作

    1、先看效果移动端PC端2、先在 iconfont 找一个箭头 Logo地址:https://www.iconfont.cn/调整好参数点击 复制SVG 按钮,粘贴到 js文件 里面,下面代码块会附带。3、js 文件// 记得加载 jQuery 文件。 $(document).ready(function(){ // 置顶按钮 var scroll_top = '<div class="scroll_top"><svg t="1578536579009" class="icon" vie

    2020-11-01 17:25:47   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135142337
  • 文本不换行,多出的文本变成省略号

    Demo源码<div id="box"> <div id="text">1234567890</div> </div> <style> #text{ width: 60px; /* 限制宽度 */ overflow: hidden; /* 超出隐藏 */ white-space: nowrap; /* 不换行 */ text-overflow: ellipsis; /* 省略号 */ } </style>../../md/写一个Demo/

    2020-11-01 17:25:47   2020-06-08 14:53:04
    分类:写一个Demo / 浏览:015915991841685
  • 用ES6的Set给数组去重

    Set 存储任何类型的唯一值,不能有重复的内容。const numbers = [1, 2, 4, 2, 6, 4, 1]; console.log(numbers); // (7) [1, 2, 4, 2, 6, 4, 1] const setNumbers = new Set(numbers); console.log(setNumbers); // Set(4) {1, 2, 4, 6} const newNumbers = [...setNumbers]; console.log(newNumbers); // (4) [1, 2, 4, 6]../../md/写一个Demo/

    2020-11-01 17:25:47   2020-03-03 10:59:15
    分类:写一个Demo / 浏览:015832043559404
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计