马晨宇-优快云博客

原创多行文本溢出省略号击展开收缩

<div id="goodIntroduction"> 在漫无边际的海水上漂流，偶尔抬头能看见熟悉的日月星辰。因为我不知道下辈子是否还能遇见你,所以我今生才会那么努力把最好的给你。陪伴，是最长情的告白；而声音，是最温柔的陪伴!</div>var str = $("#goodIntroduction").text();var tempt = str;...

2019-12-13 20:06:49 413

原创 vue动态添加、删除子组件

实现的功能：1、父组件中点击“新增按钮”，新增一个子组件2、在子组件中点击“删除按钮”，删除对应的子组件源码：父组件 Parent.vue 源码<template> <div> <button @click="add">添加</button> <children v-for="(item,i...

2019-12-13 19:58:03 4289 3

原创原生js快速排序

2019-06-25 20:50:38 298

原创原生js综合表单验证

要求： 1、使用失去焦点事件完成表单验证每一项验证失去焦点时都可以即时验证 2、姓名：单词字符组成 6--10为，不能用数字开头年龄：只能由数字组成年龄不能为负数密码：6--18位字符组成有密码强弱验证 3、确认密码和密码相同 4、手机号： 15 13 18 开头 5、qq ： 5--12...

2019-06-06 11:47:06 749

原创 js--文本查找替换

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box { width: 400px; height: 400px; border...

2019-06-05 19:15:56 2081

原创 js完美拖拽效果

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; } #box{ height: 100px; width: 10...

2019-06-05 10:05:23 2104

原创 js--事件委托(为新添加的LI添加高亮效果)

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <button id="btn">添加</button> ...

2019-06-05 10:04:14 924

原创 js-选项卡

*{margin: 0; padding: 0; font-family: "微软雅黑";font-size: 14px;} #container{ width: 398px; margin: 100px auto;} #container a{ display:block ; width: 98px; height: 42px; ...

2019-06-03 19:59:16 2263

原创 js动态创建表格

var tab = document.createElement("table"); tab.border = "1px"; document.body.appendChild(tab); for(var i =0;i<3;i++){ var tr = document.createElement("tr"); for(var j=0;j<3;j++){ v...

2019-06-03 11:42:56 1698

原创 js各种兼容性问题

//获取非行间样式-兼容 function getStyle(obj, attr) { //获取非行间样式，obj是对象，attr是值 //该条件含义为,判断该浏览器是否拥有该函数 if (obj.currentStyle) { //针对ie获取非行间样式 return obj.currentStyle[attr]; } else { ret...

2019-06-03 11:40:36 259

原创 js--匀速透明运动

*{ margin: 0;}#box{ height: 100px;width: 100px;background: red; position: absolute; top: 200px; left: 200px; opacity: 0.3;}<div id="box" onmouseover="boxmove(1)" onmouseout="boxmove(0)"> &l...

2019-06-03 11:37:50 184

原创 js运动--缓冲运动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #box{ height: 100px; width: 100px; background: red; po...

2019-05-31 09:25:41 171

原创 js运动-反弹运动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #box{ height: 50px; width: 50px; background: pink; bor...

2019-05-31 09:24:40 263

原创 js封装自己的时间格式

function dateToString(d){ var week = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"] var _y = d.getFullYear(); var _m = toTwo(d.getMonth()); var _d = toTwo(d.getDate()); var _w = d.getDay();...

2019-05-31 09:21:49 226

原创 js--输入一个日期，判断是那一年的第几天？

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="a"/>年 <input type="text"...

2019-05-31 09:19:24 1820

原创 js求阶乘

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="txt" /> <input type="but...

2019-05-31 09:18:03 1485

原创 js--斐波那契额数列(递归)

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>不死神兔</title> </head> <body> <input type="text" id="txt" /> &lt...

2019-05-31 09:15:30 350

原创 js编写函数，输入n，n为偶数时调用函数求1/2+1/4+。。。1/n n为奇数时调用函数求1/1+1/3+。。。1/n

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="txt" /> <input type="but...

2019-05-31 09:14:14 1848

原创 js九九乘法表

for(var a = 1;a<=9;a++){ for(var b=1;b<=a;b++){ document.write(a+"*"+b+"="+(a*b)+" "+" "+" ") } document.write("</br>") }

2019-05-31 09:12:10 760

原创求100-999之间的水仙花数

var a,b,c; for(var i=100; i<999; i++){ a = parseInt(i/100); b = parseInt(i%100/10); c = parseInt(i%10); if(a*a*a + b*b*b + c*c*c == i){ console.log(i); } }

2019-05-31 09:10:47 2669

原创 js--敏感词过滤

function filtion(){ var a= "fuck你他妈的有病"; var arr = ["fuck", "tmd", "他妈的"]; for (var i = 0; i < arr.length; i++) { var r = new RegE...

2019-05-31 09:09:06 4097

原创 js--输入一个字符串，统计字符串中有多少个大写字母，小写字母，数字,空格，其他字符

var str = "123AAbbb !@#$"; var count1 = 0; var count2 = 0; var count3 = 0; var count4 = 0; var count5 = 0;for(var i=0; i<str.length; i++){ if(str.charAt(i) >= 'A' && str.charAt...

2019-05-30 11:08:44 7333

原创 js--统计字符串中每个字符的个数并去重。（原始字符串是：“aabccdeefff”,结果是：a2 b1 c2 d1 e2 f3）

2019-05-30 11:07:58 1250

原创 js十进制转换成其它进制

function convert(num,a){ var j = parseInt(num).toString(a); document.write(j);} convert(10,2);

2019-05-30 11:06:10 834

原创 js其它进制转换成十进制

function convert(num,a){ var j = parseInt(num,a); document.write(j); } convert(123,8);

2019-05-30 11:05:03 978

原创 js--冒泡排序

let arr = [64,4,3412,235,36,34,62,35,3,12,1]; let t = 0; for(let i =0;i<arr.length-1;i++){ for(let j =0;j<arr.length-1-i;j++){ if(arr[j]>arr[j+1]){ t = arr[j]; arr[j] = arr[...

2019-05-30 11:04:14 127

原创 js--选择排序

var arr = [9,2,3,4,1,6,8,7,5,0]; var t = 0; for(var i = 0;i<arr.length-1;i++){ var k =i; for(var j =i+1;j<arr.length;j++){ if(arr[k]>arr[j]){ k = j; } } t = arr[i...

2019-05-30 11:01:05 105

原创 js--数组去重

function fun(arr) { var hash = []; for (var i = 0; i < arr.length; i++) { if (hash.indexOf(arr[i]) == -1) { hash.push(arr[i]); } } return hash; } var arr = [2, 8, 5, 0, 5, 2, ...

2019-05-30 10:57:28 347

原创 js--有一个从小到大排好序的数组。现输入一个数，要求按原来的规律将它插入数组中。

var arr = [1, 2, 3, 4, 5, 7, 9]; function fun(m) { if (m > arr[arr.length - 1]){//进行值m与最后一个数的对比。 arr.push(m);//因为这是一个从小到大的数组，所以比最后一个大就可以在数组后加入数值 document.write(arr);//直接返回输出结果 } else...

2019-05-30 10:55:14 4353

mcyhero的博客