2022年4月26日
数组根据某属性重新分组
摘要： let arr = [{ depart: "一部", name: "张三" }, { depart: "二部", name: "张三" }, { depart: "一部", name: "李四" }]; //思路： 首先将class作为分组的依据 班级对应人名 应为对象类型， 然后根据对象的key 阅读全文
posted @ 2022-04-26 17:02 搲社会主义墙角 阅读(132) 评论(0) 推荐(0)
2022年3月30日
数组去重
摘要： //数组去重 let arr = [ {key: '01',value: '貂蝉'}, {key: '02',value: '吕布'}, {key: '03',value: '大乔'}, {key: '04',value: '小乔'}, {key: '01',value: '貂蝉'}];let ar 阅读全文
posted @ 2022-03-30 12:04 搲社会主义墙角 阅读(36) 评论(0) 推荐(0)
2021年9月10日
复制当前页面链接
摘要： let OrderNumber = location.href;//当前页面链接 // 创建一个input 元素 // createElement() 方法通过指定名称创建一个元素 let newInput = document.createElement('input'); // 讲存储的数据赋值 阅读全文
posted @ 2021-09-10 10:23 搲社会主义墙角 阅读(892) 评论(0) 推荐(0)
2021年4月16日
九宫格抽奖
摘要： <!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JavaScript 实现九宫格抽奖</title> <style> #contain 阅读全文
posted @ 2021-04-16 15:10 搲社会主义墙角 阅读(81) 评论(0) 推荐(0)
2021年2月25日
使用jquery 仿element Tree 树形控件
摘要： 代码如下 <!DOCTYPE html><html> <head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <style type="text/css"> .children{ pa 阅读全文
posted @ 2021-02-25 11:58 搲社会主义墙角 阅读(222) 评论(0) 推荐(0)
2021年1月26日
子组件向父组件传值
摘要： 子组件向父组件传值 子组件设置 <input type="text" v-model="input" @change="setUser"> 方法 setUser(){ this.$emit("changeUser",this.input) } 父组件首先，引入子组件 <子组件名 @changeUse 阅读全文
posted @ 2021-01-26 16:27 搲社会主义墙角 阅读(70) 评论(0) 推荐(0)
2020年12月25日
在vue中使用swiper
摘要： 1 下载swiper npm install swiper --save-dev <template> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div 阅读全文
posted @ 2020-12-25 11:51 搲社会主义墙角 阅读(493) 评论(0) 推荐(0)
2020年12月8日
vue案例表格的增删改查
摘要： vue的增删改查功能， 1 使用命令创建一个vue项目 vue init webpack test2 2 创建过程不再演示 3 接下来就是数据的增删改查功能大致如图所示 因为增加，和删除比较简单我们先演示增加和删除 4 这是我的代码 这里是比较基础的代码 ，script里面模拟的数据 <templa 阅读全文
posted @ 2020-12-08 20:52 搲社会主义墙角 阅读(725) 评论(0) 推荐(0)
2020年7月21日
购物车案例
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../free/js/jquery.min.js" type="text/javascript"></script> <style typ 阅读全文
posted @ 2020-07-21 15:27 搲社会主义墙角 阅读(109) 评论(0) 推荐(0)
2020年7月16日
黑色蒙版提示
摘要： /* 黑色蒙版修饰 */ .wrapper{ width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: no 阅读全文
posted @ 2020-07-16 17:00 搲社会主义墙角 阅读(107) 评论(0) 推荐(0)