28-29周学习记录
2024-04-17 14:43:38
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>数组去重练习</title><script type="text/javascript">//创建一个数组var arr=[1,2,4,3,2,8,9,7,3,5,3,6,4,6];//去除重复的数字//获取数组中没一个元素for (var i=0;i<arr.length;i++) {//获取当前元素后的的所有元素for (var j=i+1;j<arr.length;j++) {//判断两个数是否相等if (arr[i]==arr[j]) {arr.splice(j,1);//当删除这个元素后，后边的元素会自动补位j--;}}}var arr1=["孙悟空","猪八戒","白骨精","蜘蛛精","沙和尚"];//concat() 连接两个或多个数组，并返回已连接数组的副本。不会改变原数组var result1=arr.concat(arr1);console.log(result1);//给原数组进行排序，比较的是unicode编码arr.sort();//反转数组，前去后，后去前arr.reverse();//将数组转换为字符串，不改变原数组var result=arr.join("#");console.log(arr);console.log(result);</script></head><body></body>
</html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">function person (name,age) {this.name=name,this.age=age}//修改原型的toString();使相同的person.prototype.toString=function () {return "person[name="+this.name+",age="+this.age+"]"};//创建实例var per1=new person("猪八戒",89);var per2=new person("孙悟空",79);var per3=new person("白骨精",19);var per4=new person("蜘蛛精",29);var per5=new person("沙和尚",39);//创建一个数组，将person类放入一个数组var perArr=[per1,per2,per3,per4,per5];function getAdult(arr){// 创建一个新的数组var newArr=[];//遍历arrfor (var i=0;i<arr.length;i++) {var p=arr[i];//判断Person的对象十分大于29if (p.age>=29) {newArr.push(p);}}return newArr;}var result=getAdult(perArr);console.log(result);</script></head><body></body>
</html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>date对象打印时间</title><script type="text/javascript">//创建一个date对象var d=new Date();//console.log(d)//创建一个指定的日期datevar d2=new Date("09/20/2019 19:36:15");//console.log(d2);var result= d2.getDate();var result1= d2.getDay();//时间戳；指的是格林威治时间1970年1月一日，零时零分零秒，到现在的日期所花费的毫秒数var time=d2.getTime();//当前时间这一个时间戳time=Date.now();var start=Date.now();for (var i=0;i<1000000;i++) {}var end=Date.now();//利用时间戳来测试一个程序所所需要的时间console.log(end-start);console.log(time/1000/60/60/24/365);console.log(result1);</script></head><body></body>
</html>
正则表达式
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>电话号码正则表达式</title><script type="text/javascript">/** 手机号的规则*/var phoneStr="13579269416";var phoneReg=/^1[3-9][0-9]{9}/;console.log(phoneReg.test(phoneStr));</script></head><body></body>
</html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>电话邮件正则表达式</title><script type="text/javascript">var emilReg=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;var emil="2074529898@qq.com";console.log(emilReg.test(emil));/** 字符描述：^ ：匹配输入的开始位置。\：将下一个字符标记为特殊字符或字面值。* ：匹配前一个字符零次或几次。+ ：匹配前一个字符一次或多次。(pattern) 与模式匹配并记住匹配。x|y：匹配 x 或 y。[a-z] ：表示某个范围内的字符。与指定区间内的任何字符匹配。\w ：与任何单词字符匹配，包括下划线。{n,m} 最少匹配 n 次且最多匹配 m 次$ ：匹配输入的结尾。*/</script></head><body></body>
</html>
DOM
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>语法</title><script type="text/javascript">/** [abc] 查找方括号之间的任何字符。[^abc] 查找任何不在方括号之间的字符。[0-9] 查找任何从 0 至 9 的数字。[a-z] 查找任何从小写 a 到小写 z 的字符。[A-Z] 查找任何从大写 A 到大写 Z 的字符。[A-z] 查找任何从大写 A 到小写 z 的字符。[adgk] 查找给定集合内的任何字符。[^adgk] 查找给定集合外的任何字符。(red|blue|green) 查找任何指定的选项。*/var str="Is this all there is?";var patt1=/[a-h]/g;document.write(str.match(patt1));</script></head><body></body>
</html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>图片点击事件</title><script>window.onload=function(){//点击按钮切换图片//获取两个按钮var prev=document.getElementById("prev");var next=document.getElementById("next");//获取img标签var img=document.getElementsByTagName("img")[0];//创建一个数组，用来保存图片var imgArr=["img/1.jpeg","img/2.jpeg","img/3.jpeg","img/4.jpeg","img/5.jpeg"];var index=0;//var info=document.getElementById("info");info.innerHTML="一共"+imgArr.length+"张图片，当前第"+(index+1)+"张。";prev.onclick=function (){//img.src="img/1.jpeg";index--;if (index<0) {index=0;}img.src=imgArr[index];info.innerHTML="一共"+imgArr.length+"张图片，当前第"+(index+1)+"张。";};next.onclick =function (){//img.src="img/2.jpeg";index++;if (index>4) {index=4}img.src=imgArr[index];info.innerHTML="一共"+imgArr.length+"张图片，当前第"+(index+1)+"张。";};};</script></head><style type="text/css">*{margin: 0;padding: 0;}#di{border: 10px yellowgreen solid;background: yellowgreen;width: 500px;/*设置文本居中*/text-align: center;margin: 50px auto;}</style><body><div id="di"><p id="info"></p><img src="img/1.jpeg" alt="截图"/><button id="prev">上一张</button><button id="next">下一张</button></div></body>
</html>
28-29周学习记录相关推荐
- django实现证件照换底色后端和小程序（第三周学习记录）
第三周学习记录 继续上周的django后台搭建,经过讨论选择不使用mysql数据库存储用户上传证件照信息,直接通过base64转码的形式在后台处理并返回前端直接通过数据流预览并实现图片下载 一.后端获 ...
- Django实现微信小程序九宫格切图后端（第九周学习记录）
第九周学习记录 上周第八周确实没有发布我的学习记录,因为服务器的原因项目也一直延迟,好在周日老师的服务器批下来,小伙伴也开始了快乐windows服务器配置,我自然也不能闲着,这周开始赶进度 一.小程序 ...
- Python+Django+LeanCloud+腾讯云函数学习记录（第一周学习记录）
第一周学习记录 开始从事微信小程序云开发和后台搭建的实习工作,这半年来会一直定期更新学习记录 1.微信爬虫模块 1.Itchat包 使用itchat包的初衷是为了通过该包的login端口直接通过扫 ...
- 小程序js+django+服务器后台搭建流程总结（第五周学习记录）
学习记录 这周的工作依然是做一些服务器的调试工作,但是为了方便这周末的展示,我打算把这段时间的所有后台搭建工作和对所有服务器的操作流程做一个系统的总结和归纳,方便学习记录与交流 一.微信小程序js部分 ...
- OUC暑期培训（深度学习）——第六周学习记录：Vision Transformer amp； Swin Transformer
第六周学习:Vision Transformer & Swin Transformer Part 1 视频学习及论文阅读 1.Vision Transformer 原文链接:https://a ...
- OUC暑期培训（深度学习）——第一周学习记录：深度学习和pytorch基础
第一周学习:深度学习和pytorch基础 目录 第一周学习:深度学习和pytorch基础 Part 1:视频学习: 1. 绪论: 2. 深度学习概述: Part 2:代码练习: 1. pytorch基 ...
- OUC暑期培训（深度学习）——第五周学习记录：ShuffleNet EfficientNet 迁移学习
第五周学习:ShuffleNet & EfficientNet & 迁移学习 Part 1 视频学习 1.ShuffleNet V1 ShuffleNet和MobileNet一样想,应 ...
- 一周学习记录 （2.27-3.5）
目录 代码篇 PTA(advance组)篇 LeetCode(队列周)篇 蓝桥杯篇 周赛篇 LeetCode 博客 https://leetcode.cn/u/_yan_jian_rou_gai_fa ...
- 令人头秃的集训第三周学习记录（练习题+感悟）
永动WA题机der学习摘录 (一)经典内容(课堂) 问题一:打印n个数的全排列,共n!个 Sample Input Sample Output 代码 问题一de延伸:<五星填数> Samp ...
- 基于人工智能的多肽药物分析的子问题——蛋白质的三级结构预测的第一周学习记录
2021SC@SDUSC 文章目录 前言 一.蛋白质结构的研究意义 二.当前研究现状 三.AlphaFold的介绍 1.AlphaFold出现的意义 2.AlphaFold2的方法 四.未来发展 五. ...
最新文章
- 祝福遨游：傲游浏览器3月将入住欧盟Win7用户桌面
- javascript php 区别,PHP 或者 JavaScript 这些弱类型 的|| 和 | 的区别, 附代码;
- Python+人工智能的超强组合，再不学就跟不上时代啦！
- php的延时sleep函数
- [西瓜书习题] 第二章 模型评估与选择
- java oracle.sql.struct转字符串_JAVA oracle.sql.OPAQUE转String
- ASP.NET 学习笔记
- python基础刷题_数据结构与算法LeetCode刷题（Python）
- DOT HERE AGAIN
- centos下修改mysql root密码
- php curl 下载文件
- Java基础 - 网络编程 - netstat指令，UDP通信编程和网络编程总练习
- 台式计算机对比评测报告,正常台式电脑测试报告.doc
- chrome插件charset与fireshot
- 2022年九款大数据数据分析软件工具推荐
- python123英文字符的鲁棒_Robust Locally Weighted Regression 鲁棒局部加权回归 -R实现
- win10系统ipv6服务器地址,win10系统查看电脑ipv6地址的操作方法
- 软件测试面试-为什么选择软件测试？
- 比较 KAZE 与 SIFT 的算法
- 魔兽世界怀旧服服务器显示配置,《魔兽世界怀旧服》配置要求是什么 什么配置能玩...