效果
李同学上课啦
一位很努力学习的码农
展开
-
vue中的过滤器(将数字转换为中文数字)
<body> <div id="app"> <div>{{123.123|currency(2,'£')}}</div> <div>{{'cassadasdasdxf'|money}}</div> <input type="number" v-model="val"> <p>{{val|str}}</p> </di.原创 2022-02-22 15:47:59 · 808 阅读 · 0 评论 -
vue 实现无限向上滚动
<template> <!-- vue 实现无限向上滚动 --> <div id="box"> <div id="con1" ref="con1" :class="{ anim: animate == true }" @mouseenter="mEnter" @mouseleave="mLeave" > <p v-for="(item, index) in..原创 2022-02-21 21:33:36 · 4722 阅读 · 1 评论 -
利用递归实现深拷贝
<script> // 利用递归实现深拷贝 // 浅拷贝和深拷贝的区别: // 浅拷贝 : 只是将数据中所有的数据引用下来,依旧指向同一个存放地址,拷贝之后的数据修改之后,也会影响到原数据的中的对象数据 // 深拷贝: 将数据中所有的数据拷贝下来,对拷贝之后的数据进行修改不会影响到原数据 // 实现思路: // 将要拷贝的数据 obj 以参数的形式传参 // 声明一个变量 来储存我们拷贝出来的内容 // 判断 obj 是否.原创 2022-02-09 20:10:13 · 1628 阅读 · 0 评论 -
数组去重三种方法
<script> // 利用ES6 Set去重(ES6中最常用) //结果[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}] // 不考虑兼容性,这种去重的方法代码最少。这种方法还无法去掉“{}”空对象,后面的高阶方法会添加去掉重复“{}”的方法。 var arr = [1, 1, 'true', 'true', true, true, 15, 15, false,.原创 2022-02-09 20:04:53 · 198 阅读 · 0 评论 -
数组升序降序
<script> let arr =[8,7,2,3,5]; arr.sort((a,b)=>{ return b - a; }); console.log(arr); arr.sort((a,b)=>{ return a - b; }); console.log(arr); </script>实现效果原创 2022-02-09 19:53:26 · 245 阅读 · 0 评论 -
数组中的数字打乱重排
<script> let arr =[8,7,2,3,5]; arr.sort((a,b)=>{ return Math.random()>0.5?1:-1; }) console.log(arr);</script>实现效果原创 2022-02-09 19:43:59 · 288 阅读 · 0 评论 -
根据数组中的年龄排序
<script> let arr=[ { name: '阿敏', age: 40 }, { name: '代善', age: 50 }, { name: '皇太极', age: 36 }, { name: '莽古尔泰', age: 33 } ]; //方法一,冒泡排序 // for(var i=1;i<arr.length;i++){ // for(var j=0;j<arr.原创 2022-02-09 19:37:52 · 507 阅读 · 0 评论 -
格式化url
<script> let str = 'http://jd.com?name=易烊千玺&age=18'; //书写一个函数, 使他输出{name:'易烊千玺',age:18} function urlParse(url) { let num = url.indexOf('?'); // console.log(num); let data = url.substr(num + 1); // cons.原创 2022-02-09 19:34:01 · 1791 阅读 · 0 评论 -
获取字符串中最多的字母
<script> // abcdefgsdds 获取里面字面最多的字母 var str = 'abcdefgsdds'; var obj = {}; for (var i = 0; i < str.length; i++) { // console.log(str[i]); //obj.str[i] 不能这样写 .运算权限最高 if (obj[str[i]]) { //存在 ob.原创 2022-02-09 19:30:36 · 381 阅读 · 0 评论 -
js冒泡排序
<script> var arr = [8, 9, 2, 4, 1]; //第一趟比较 for (var i = 0; i < arr.length; i++) { if (arr[i] >= arr[i + 1]) { var temp = arr[i]; arr[i] = arr[i + 1]; arr[i + 1] = temp; } .原创 2022-02-09 19:23:01 · 318 阅读 · 0 评论 -
点击弹出下标
<body> <!-- 获取一堆name名相同的div,点击弹出显示第几个div --> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</.原创 2022-02-09 19:15:50 · 316 阅读 · 0 评论 -
使用js实现抽奖效果
<script> var arr =["张三","李四","罗五","柴六","马七",] //获取按钮 var newArr = JSON.parse(JSON.stringify(arr)); var start = document.querySelector('.start') //获取姓名所在标签 var p = document.querySelectorAll('p'); var index = 0 .原创 2022-02-09 12:58:51 · 1136 阅读 · 0 评论