- 博客(19)
- 收藏
- 关注
原创 Vue实现全选按钮以及页面的持久化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-03-18 16:21:00
807
原创 用Vue实现表格的增删改
表格的删除 <script src="../vue.js"></script> <!-- vue案例 动态表格 --> <div id="app"> <table border="1" cellspacing="0"> <thead> <tr border="0"> <td&g.
2022-03-18 16:19:11
3752
1
原创 v-model的小案例---计算器的实现
第一种方法:<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <div id="app"> <!-- 输入的一个数字 --> <input type="text" v-model="n1"> <!-- 符号的获取+ - * / --> <select v-...
2022-03-14 11:58:57
225
原创 git的基本内容
一 : 下载及安装 下载:在网上搜git在如下图片上点击下载,然后一直next下去即可 二 ,git和gitee git是一款可以将本地代码上传到远程到的软件 git命令窗口是对cmd窗口的一个升级封装比cmd的更加强大 gitee(远程仓库)是国内的一个代码托管网站模仿github(是全球程序员都用的一个网站,可以托管项目代码方便协作开发)做的一个网站 将本地代码上传到远程仓库有2种协议...
2022-02-28 16:48:29
220
原创 面向对象的继承语法
1 Es6的继承语法(用的最多的)基本构造语法: class father{ constructor(变量1,变量2,变量3){ this.变量名称1=变量1 this.变量名称2=变量2 this.变量名称3=变量}函数1(){}函数2(){}}classsonextends father{constructor(变量名称){ super(变量1,变量2,变量3);//可以设置自己的属性和属性值}...
2022-02-22 22:25:08
139
原创 如何实现一个楼层导航
// 首先需要给页面添加页面滚动监听事件$(window).scroll(function(){// 当页面滚动到一定的高度时,吸顶和侧边显示if($(window).scrollTop()>500){ // 用动画的形式显示 $('.searchTop').stop().slideDown(1000); $('.sidebar').stop().fadeIn(1000);}else{ $('.searchTop').stop().slideUp(1000.
2022-02-22 20:04:29
424
原创 深浅拷贝
一 js中的深浅拷贝浅拷贝: 直接复制拷贝的是对象/数组的内存地址 , 所有的变量存储的是相同的内存地址 操作的是同一个存储空间, 当其中的任意一个变量的操作 其他变量都受到影响 const arr1=['北京','上海','广州']; const arr2=arr1;//表示的是浅拷贝的形式 console.log(arr2); arr1[0]="河北"; ...
2022-02-21 17:34:57
132
原创 js的防抖和节流
一 Javascript中的 函数的节流同时触发多次函数执行执行第一次请求 多次触发函数执行执行的是相同内容 scroll事件鼠标滚动一次,触发多次函数执行只需要执行第一次 实际上的使用方法; 定义一个变量存储默认值 触发执行函数之前先判断变量存储的数据 如果是原始值变量赋值新的数据 如果不是原始值执行return终止...
2022-02-16 20:51:33
219
原创 面向对象的放大镜写法
一 html部分const arr = [ { id: 1, small: '1.small.jpg', large: '1.large.jpg' }, { id: 2, small: '2.small.jpg', large: '2.large.jpg' }, { id: 3, small: '3.small.jpg', large: '3.large.jpg' }, ]; const oB...
2022-02-13 16:48:25
327
原创 字符串的内容
一 ,字符串的循环操作字符串的循环遍历方法:for循环for....in循环for....of循环二 ,字符串的查询 1 字符串.indexOf() 不支持正则表达式 字符串.search() 支持正则表达式查询字符串中有没有匹配的字符 如果有返回第一个初出现位置的索引下标 如果没有返回-1 2 字符串.lastIndexOf(); 查询字符串中有没有匹配的字符 如果有返回最后...
2022-02-10 19:40:34
317
原创 轮播图2-轮播图代码的书写
<div class="banner"> </div> <script src="./02move.js"></script> <script> let oBanner = document.querySelector('.banner'); const arr = [ { id: 1, width: 500, height: 333, url: '1.jpg' }, .
2022-02-09 17:21:02
654
原创 轮播图第一步-运动函数的封装
function move(element, obj, callback = function () { }) { let num = 0; // 定义一个变量存储定时器的个数 // 初始值是0 for (let type in obj) { // 循环遍历这个对象 // 使用let定义变量每一个循环中变量存储独立的属性 不会被覆盖 // 每次循环触发生成一个定时器 操作对应的属性和属性值 num++; .
2022-02-08 21:52:30
585
原创 面向对象2-用箭头函数实现选项卡的demo
class createTab { constructor(element, arr) { this.ele = element; this.arr = arr; this.oulListr; this.oOlListr; } // 创建函数动态生成页面 setPage() { let oUl = document.createElement('ul'); let oOl = d.
2022-02-07 22:39:17
231
原创 选项卡的两种方法
1面向过程style样式<style> *{ margin: 0; padding: 0; } ul,ol,li{ list-style:none; } .box{ width: 400px; height: 500px; border: 3px solid pin.
2022-02-07 18:47:23
552
原创 输入框输入秒数求时间
方法一:求时分秒 var number=Number(window.prompt("请您输入时间:")); // 总秒数除以一天的秒数得出来总天数 var day=parseInt(number/(24*60*60)); var hour=parseInt((number%(24*60*60))/(60*60)); var minute=parseInt((number%(60*60))/60); var second=p
2022-01-29 17:47:02
1115
原创 定时器的写法-----第三种(实际中运用最多的)
<div>00:00:00</div> <button>开始</button> <button>停止</button> <button>恢复</button> <script> var oDiv = document.querySelector('div') var oBut1 = document.querySelectorAll('.
2022-01-13 19:04:50
310
5
原创 定时器----方法二 用button按钮实现
<div>00:00:00</div> <button>开始</button> <button>停止</button> <button>恢复</button> <script> var oDiv = document.querySelector('div') var oButton1 = document.querySelectorAl.
2022-01-13 16:15:53
570
3
原创 定时器的三种写法------1
定时器使用删除定时器和添加定时器实现,但是有缺点是一直在添加和删除定时器,执行效率比较低<div>00:00:00</div> <button>开始</button> <button>停止</button> <button>恢复</button> <script> // 获取div对象 var oDiv = document.que
2022-01-13 15:45:37
362
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人