
javaScript&jQuery
哇,女前端哎!
这个作者很懒,什么都没留下…
展开
-
【JS】查找值在数组中的位置
给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。var searchInsert = function(nums, target) { let arr=nums arr.splice(0,0,target) return nums.indexOf(target)>0?nums.indexOf(target):arr.sort((a,b)=>a-b).indexOf(target)};console.log(se原创 2022-05-27 16:36:29 · 1490 阅读 · 0 评论 -
【JS】查询部分字符在字符串中首次出现的位置
**给你两个字符串 haystack 和 needle ,请你在 haystack 字符串中找出 needle 字符串出现的第一个位置(下标从 0 开始)。如果不存在,则返回 -1 ,当 needle 是空字符串时我们应当返回 0 **var strStr = function(haystack, needle) { return needle==""?0:haystack.indexOf(needle)};console.log(strStr("aaaaa",'')); //0co原创 2022-05-27 13:58:22 · 1651 阅读 · 0 评论 -
【JS】数组去重
1、使用es6的方法去重。function unique1(arr) { return [...new Set(arr)]}console.log(unique1([1,false,false,true,'1','22',23,9,'9',9]));//[1, false, true, '1', '22', 23, 9, '9']2、使用过滤器+对象去重function unique2(arr) { var obj = {}; return arr.filter(ele => {原创 2021-09-21 11:58:54 · 132 阅读 · 0 评论 -
【JS】有序数组的平方
给你一个按非递减顺序排序的整数数组 nums,返回每个数字的平方组成的新数组,要求也按非递减顺序排序。示例1:输入:nums = [-4,-1,0,3,10]输出:[0,1,9,16,100]解释:平方后,数组变为 [16,1,0,9,100]排序后,数组变为 [0,1,9,16,100]示例2:输入:nums = [-7,-3,2,3,11]输出:[4,9,9,49,121]解析:var sortedSquares = function(nums) { //先将数组的每项更新原创 2021-02-13 22:04:42 · 542 阅读 · 0 评论 -
【JS】翻转字符串里的单词
给定一个字符串,逐个翻转字符串中的每个单词。说明:无空格字符构成一个 单词 。输入字符串可以在前面或者后面包含多余的空格,但是反转后的字符不能包括。如果两个单词间有多余的空格,将反转后单词间的空格减少到只含一个。示例1:输入:s = " Bob Loves Alice "输出:“Alice Loves Bob”示例2:输入:s = “Alice does not even like bob”输出:“bob like even not does Alice”解析原创 2021-02-12 22:58:16 · 768 阅读 · 2 评论 -
【JS】实现 strStr()
给定一个 haystack 字符串和一个 needle 字符串,在 haystack 字符串中找出 needle 字符串出现的第一个位置 (从0开始)。如果不存在,则返回 -1。当 needle 是空字符串时我们应当返回 0 。示例一:输入: haystack = “hello”, needle = “ll”输出: 2示例二:输入: haystack = “aaaaa”, needle = “bba”输出: -1题意:1、如果needle是空字符串应返回0.2、如果needle字原创 2021-01-23 22:24:38 · 746 阅读 · 0 评论 -
【JS】删除排序数组中的重复项
给定一个排序数组,需要在原地删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度。示例1:给定数组 nums = [1,1,2],函数应该返回新的长度 2, 并且原数组 nums 的前两个元素被修改为 1, 2。你不需要考虑数组中超出新长度后面的元素。示例2:给定数组 nums = [0,0,1,1,1,2,2,3,3,4],函数应该返回新的长度 5, 并且原数组 nums 的前五个元素被修改为 0, 1, 2, 3, 4。你不需要考虑数组中超出新长度后面首先,需要理原创 2021-01-23 18:18:30 · 649 阅读 · 0 评论 -
通过JS编写4位随机验证码
通过随机数编写一个不分大小写且含数字的4位随机数。CSS样式p{ width: 60px; height: 20px; display: inline-block; letter-spacing: 3px; border: 1px solid red;}#div{ height: 20px; margin-bottom: 10px;}#btn,p:hover{ cursor: default;}button{ display: block;}主体部分<div原创 2020-10-17 16:35:24 · 1092 阅读 · 2 评论 -
带你解决什么是AJAX及AJAX跨域
AJAX的工作原理AJAX=异步JavaScript和XML,简单的说,就是在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。Ajax的工作原理图:通过Ajax的原理图可以发现,在浏览器种输入url地址请求服务器时,是通过Ajax发送http请求给服务器,服务的响应结果也是先返回给Ajax,先Ajax处理之后在返回给浏览器显示在页面。如果没有Ajax,就在图中表示为上...原创 2020-05-08 09:52:03 · 349 阅读 · 0 评论 -
【JS】实现九九乘法表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>乘法表</title> <style type="text/css"> table{ width: 800px; height: 500px; text...原创 2020-04-25 17:35:53 · 260 阅读 · 0 评论 -
【JS】制作注册页面
使用js制作注册页面,使用正则表达式验证该数据是否符合要求<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册页面</title> </head> <body> <div class="box" id="b...原创 2020-04-17 22:29:39 · 5893 阅读 · 1 评论 -
【JS】猜数字小游戏
使用了 Math 对象的 floor() 方法和 random() 来返回一个0-100之间的随机数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>猜数字小游戏</title> </head> <body> 请输...原创 2020-04-15 21:32:54 · 412 阅读 · 0 评论 -
【js】iframe页面实现异步通信
异步方式就是在点击发送数据的时候并没有刷新整个页面,而是借助于iframe标签实现了页面的异步刷新。当然,我们也可以点击发送的时候向服务器发送数据,并借助iframe实现异步刷新。【js页面】将输入框里的值赋给iframe的src属性,实现异步。<!DOCTYPE html><html> <head> <meta charset="UTF-8"...原创 2020-04-11 14:22:08 · 894 阅读 · 0 评论 -
【jQuery】使用animate()制作自定义动画
初始化有一个类别名为test的div标签,设置了div的样式,当div元素被单击后,在2秒内向右移动300px,而且div放大到原来的两倍。必须引入jQuery文件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义动画</title> ...原创 2020-04-06 21:20:09 · 413 阅读 · 0 评论 -
使用setTimeout()定时器获取当前系统时间
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>定时器</title> </head> <body> <p id="time"></p> <script type="text/ja...原创 2020-04-04 18:38:56 · 1316 阅读 · 0 评论 -
JS通过点击删除将单元格进行删除
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>通过点击删除将单元格进行删除</title> </head> <body> <table id="mytable" align="center" width="...原创 2020-03-31 19:36:15 · 757 阅读 · 0 评论 -
通过JavaScript制作table表格隔行变色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>隔行变色</title> </head> <body> <table id="mytable" align="center" width="80%" borde...原创 2020-03-30 21:27:21 · 388 阅读 · 0 评论 -
制作随机选号页面
使用Math对象产生1~60之间的随机整数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选号器</title> </head> <style type="text/css"> .inputTxt{ hei...原创 2020-03-29 20:41:56 · 2857 阅读 · 0 评论