Powered by md-Blog  文 - 篇  访客 -

  • 写一个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-05-14 13:40:20   2020-05-14 13:36:01
    分类:写一个Demo / 浏览:015894345612546
  • JS写一个输出10000以内的所有对称数的例子

    如:101、1001、2222 等等function func(nums){ for(let num = 1; num <=nums; num ++){ let cut,start_number,end_number; let num_length = String(num).length; if(num_length%2 === 1){ // 如果字符串长度是奇数 cut = (num_length - 1)/2; start_number = String(num).substr(0, cut); end_number = String(num).substr(cut + 1); // 这里奇

    2020-04-10 10:37:40   2020-04-10 10:37:40
    分类:写一个Demo / 浏览:015864862608506
  • 写一个回文字符串:将一个字符串倒叙排列

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

    2020-04-07 14:24:12   2020-04-07 14:23:50
    分类:写一个Demo / 浏览:015862406305630
  • 基于jQuery的鼠标指上两端推出下划线的效果

    1、先看效果2、源码奉上<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Demo</title> <style> .n_txt { font-size: 16px; float: left; margin: 6px; height: 20px;

    2020-03-12 16:31:34   2020-03-12 16:18:41
    分类:写一个Demo / 浏览:015840011213369
  • 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-03-11 09:29:22   2020-03-11 09:29:22
    分类:写一个Demo / 浏览:015838901621236
  • 用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-03-03 10:59:15   2020-03-03 10:59:15
    分类:写一个Demo / 浏览:015832043559404
  • 用ES6的proxy重写一个格式化电话号码的例子

    Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作,可以译为“代理器”。const telFormat = { set(target, key, value) { target[key] = value.match(/[0

    2020-03-03 09:22:23   2020-03-03 09:22:23
    分类:写一个Demo / 浏览:015831985434715
  • 基于ES6生成器generator制作的一个ajax请求工作流

    step_2 的请求数据依赖于 step_1step_3 的请求数据依赖于 step_2<!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Demo</title> </head> <body> </body> </html> <script src="https://cdn.bootcss

    2020-03-01 09:20:51   2020-03-01 09:20:51
    分类:写一个Demo / 浏览:015830256515322
  • 春明


     
    百度站内搜索


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