
JavaScript
JavaScript相关
宝码香车
具有多年编程开发经验,经常分享开发中的经验和优秀案例。需要回关的请,私信优快云留言。
展开
-
前端JavaScript导出excel,并用excel分析数据,使用SheetJS导出excel
附具体完整代码,深入理解,彻底掌握!可以一键复制,查看效果。原创 2024-09-20 19:22:55 · 2264 阅读 · 27 评论 -
禹神:三小时快速上手TypeScript,TS速通教程(上篇、中篇、下篇,3合1笔记),根据视频整理
1.TypeScript由微软开发,是其于JavaScript的一个.扩展语言2.TypeScript包含了JavaScript的所有内容,即:TypeScript是JavaScript的3.TypeScript增加了:静态奖型检查、接口、泛型等很多,因此吏适合的开发。4.TypeScript需要为JavaScript,然后交给浏览器成其他JavaScript运行环境执行1️⃣今非昔比的JavaScript(了解)2️⃣JavaScript中的困扰😔1,不清不楚的数据类型😔2.有漏涧的逻辑原创 2024-08-22 20:45:52 · 3310 阅读 · 30 评论 -
取得链接后面 ?问号后的参数值
// 函数 function GetRequest2(key) { var url = location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs =...原创 2019-11-26 15:16:44 · 728 阅读 · 1 评论 -
typescript中html的类型
typescript中html的类型原创 2022-02-18 18:14:34 · 730 阅读 · 0 评论 -
数组操作 sort() (上)
sort() 下篇:https://blog.youkuaiyun.com/qq_33650655/article/details/91448325sort()方法是用于对数组的元素进行排序,并返回数组,sort()方法现在是稳定的,默认排序顺序是根据字符串Unicode码点。返回:对数组的引用。请注意,数组在原数组上进行排序,不生成副本。原数组:改变。语法:arrayObject.sort(sort...原创 2019-06-11 14:25:26 · 205 阅读 · 0 评论 -
splice() 方法
可对数组执行 增、删、改操作。原数组:改变。原创 2019-06-17 10:55:25 · 400 阅读 · 0 评论 -
数组操作 sort() (下)
sort()上篇:https://blog.youkuaiyun.com/qq_33650655/article/details/91433487原文:https://www.cnblogs.com/saifei/p/9043821.html多对象排序:https://www.cnblogs.com/fnz0/p/7680297.htmlsort() 方法用于对数组的元素进行排序,并返回数组。默...转载 2019-06-11 17:00:03 · 174 阅读 · 0 评论 -
toUpperCase()
作用:用于把字符串转换为大写语法:stringObject.toUpperCase()返回:一个新的全部大写的字符串。提示:原字符串不改变。toUpperCase()方法执行案例var str="Hello World!"console.log(str.toUpperCase())console.log(str)...原创 2019-06-17 15:43:27 · 8544 阅读 · 0 评论 -
sub() 和 sup()
sup()作用:把字符串显示为上标。语法:stringObject.sup()sub()作用:用于把字符串显示为下标。语法:stringObject.sub()sup()方法和sub()方法案例var str="Hello world!"console.log(str.sup())console.log('sup>typeof>>',str.su...原创 2019-06-17 15:46:22 · 2042 阅读 · 0 评论 -
数组去重
原文地址:https://www.cnblogs.com/baiyangyuanzi/p/6726258.html一、简单的去重方法// 最简单数组去重法/** 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法* */function uniq(array){ var temp = []; //一个新的临时数组...转载 2019-06-20 23:30:14 · 118 阅读 · 0 评论 -
随机数
原文地址:https://www.cnblogs.com/ooo0/p/6700960.html// 结果为0-1间的一个随机数(包括0,不包括1) var randomNum1 = Math.random();//console.log(randomNum1);// 函数结果为入参的整数部分。 var randomNum2 = Math.floor(randomNum1);...转载 2019-06-20 23:21:50 · 183 阅读 · 0 评论 -
数组操作 toString()
toString() 方法可把一个逻辑值转换为字符串,并返回结果,根据原始布尔值或者 booleanObject 对象的值返回字符串 "true" 或 "false"返回:arrayObject 的字符串。返回值与没有参数的 join() 方法返回的字符串相同。原数组:不改变。作用:把数组转换为字符串,并返回结果。语法:arrayObject.toString()说明:当数组用于字符串环境时,J...原创 2019-06-11 10:27:11 · 1475 阅读 · 0 评论 -
数组操作 slice()方法
slice()方法可以基于当前数组创建一个新数组,而且对原数组也并不会有任何影响。返回:新数组,包含从 开始下标位置到 结束下标位置(不包括该元素)的 arrayObject 中的元素。[开始下标位置,结束下标位置)原有数组: 不改变。总结:1.复制数组中的元素2.将它们作为新数组返回3.不会更改原始数组4.从开始下标位置开始切片直到结束下标位置索引:array.slice(开...原创 2019-06-11 06:50:18 · 12985 阅读 · 0 评论 -
toLowerCase()方法
作用:用于把字符串转换为小写。语法:stringObject.toLowerCase()返回:一个全部转为小写的字符串。原字符串:不改变。toLowerCase()方法 示例 var str="Hello World!" var b = str.toLowerCase() console.log('str>>>',str) co...原创 2019-06-16 03:02:40 · 7612 阅读 · 1 评论 -
substr()方法
作用:在字符串中抽取从开始的下标位置到 截取的长度的字符。语法:stringObject.substr( 开始的下标位置, 截取的长度 )参数:参数1,必选,开始的下标位置,这个位置是被截取的,不想截取这个位置,第二个参数,设为0参数2,可选,截取的长度。原字符:不改变。substr()方法 示例var str="Hello world!"console.log(str...原创 2019-06-16 02:55:47 · 383 阅读 · 0 评论 -
split()方法
作用:把一个字符串分割成字符串数组。语法:stringObject.split(separator,howmany)返回:分割好的数组。参数:参数1,类型,字符串,分割stringObject的形式。参数2,类型,数字,可选,分割好的数组的长度,从前往后自动保留,不填,分割好的数组的全部长度。提示:如果,参数1是空字符串 ("") ,那么 stringObject 中的每个字符...原创 2019-06-16 02:42:09 · 288 阅读 · 0 评论 -
back() 和 forward()
back()作用:加载 history 列表中的前一个 URL。调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。语法:history.back()案例:window.history.back()forward()作用:加载历史列表中的下一个 URL。调用该方法的效果等价于点击前进按钮或调用 history.go(1)。语法:history.forward()...原创 2019-06-17 17:23:01 · 1572 阅读 · 0 评论 -
go() 方法
作用:加载历史列表中的某个具体的页面。语法:history.go(number|URL)说明:URL 参数使用的是要访问的 URL,或 URL 的子串。而 number 参数使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。案例:window.history.go(-1)...原创 2019-06-17 17:26:53 · 470 阅读 · 0 评论 -
JavaScript置顶功能实现,置顶操作
置顶的实现思路,这个列表就相当于下面的 fruits 数组。var fruits = ["Banana", "Orange", "Apple", "Mango"]; // 取出 第三个元素 var onefruite = fruits[2]; console.log('取出 第三个元素>>',onefruite) // 删除第三个元素 fruits.spl...原创 2019-07-23 15:47:25 · 738 阅读 · 1 评论 -
原生Javascript 实现 Jquery 的 hasClass addClass removClass toggleClass
原生Javascript 实现 Jquery 的 hasClass addClass removClass toggleClass。原创 2019-06-26 16:18:57 · 223 阅读 · 1 评论 -
常用正则表达式
常用正则表达式用户名 /^[a-z0-9_-]{3,16}$/ 密码 /^[a-z0-9_-]{6,18}$/ 十六进制值 /^#?([a-f0-9]{6}|[a-f0-9]{3})$/ 电子邮箱 /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ /^[a-z\d]+(\.[a-z\d]+)*@(...转载 2019-06-26 15:37:28 · 243 阅读 · 0 评论 -
for in 循环
可以循环 数组 和 json 对象for ( i in json ){}for ( i in arr){}i 是key值访问里面的值 使用 json[i] 或 arr[i]for in 案例 var js = { "a":['a1','a2','a3'], "b":['b1','b2','b3'], "c":['c1','c2','c3'],...原创 2019-06-18 15:41:07 · 193 阅读 · 1 评论 -
JavaScript程序中的流程控制语句用法总结
https://www.jb51.net/article/84896.htm转载 2019-06-22 11:41:40 · 291 阅读 · 0 评论 -
BOM对象有哪些,列举window对象?
BOM对象有哪些,列举window对象?1、window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性;2、document对象,文档对象;3、location对象,浏览器当前URL信息;4、navigator对象,浏览器本身信息;5、screen对象,客户端屏幕信息;6、history对象,浏览器访问历史信息;https://www.cnblogs...转载 2019-06-22 10:44:28 · 1913 阅读 · 0 评论 -
reload()
作用:重新加载当前文档。语法:location.reload(force)window.location.reload()原创 2019-06-17 18:10:14 · 346 阅读 · 0 评论 -
location.href 和 location.assign(url) 和 location.replace(url)
这3个都能使当前浏览器窗口加载一个新的页面进来window.location.href 这个是属性, 可以 点击后退返回上一个页面window.location.assign(url) 这个是方法, 可以 点击后退返回上一个页面window.location.replace(url) 这个也是方法 不可以 点...原创 2019-06-17 18:05:29 · 1939 阅读 · 0 评论 -
protocol属性
作用:设置或返回当前 URL 的协议。语法:location.protocol=pathprotoicol属性案例console.log("协议名为>>>",location.protocol)原创 2019-06-17 17:45:32 · 419 阅读 · 0 评论 -
search()与indexOf()区别
search()的参数可以是字符串或正则表达式indexOf()的参数只能是字符串 数字,不能是正则表达式。提示:search()传入的正则表达式的参数忽略忽略标志 g,即不执行全局匹配,可以设置i,即可以执行是否忽略大小写。大多是时候用indexOf()不是为了真的想知道子字符串的位置,而是想知道长字符串中有没有包含这个子字符串。若果返回索引为-1,那么说明没有,反之则有。...原创 2019-06-16 02:23:21 · 935 阅读 · 0 评论 -
search()方法
作用:检索指定的子字符串或检索正则表达式相匹配的子字符串。返回:原字符串 中第一个与 被检索的内容(字符串/正则表达式) 相匹配的起始位置。 从0开始。提示:如果没有找到任何匹配的子串,则返回 -1。检索位置从0开始。 var str="Visit php.cn!" console.log(str.search(/php.cn/)) // 6...原创 2019-06-16 01:49:17 · 2121 阅读 · 0 评论 -
ceil()方法
对一个数进行上舍入。console.log(Math.floor(0.60)) // 0console.log(Math.floor(0.40)) // 0console.log(Math.floor(5)) // 5console.log(Math.floor(5.1)) // 5console.log(Math.floor(-5.1)) // -6cons...原创 2019-06-14 17:39:09 · 974 阅读 · 0 评论 -
Math 对象 abs()
返回数的绝对值。总是正整数,最小为0。 console.log(Math.abs(7.25)) // 7.25 console.log(Math.abs(-7.25)) // 7.25原创 2019-06-14 17:34:20 · 660 阅读 · 0 评论 -
swiper
swiper3.0 常用知识记。1.禁止 swiper 滑动:在 swiper 的 swiper-container 上加 class :swiper-no-swiping应用场景:禁止滑动 -> 点击效果(效果执行完毕后)-> 开始滑动可以滑动到 某屏时,添加上swiper-no-swiping来禁止滑动,点击效果操作后,去掉swiper-no-swiping。...原创 2019-06-19 14:47:25 · 241 阅读 · 0 评论 -
js 时间戳的生成方法
生成的都是 13 位的时间戳。通过多次测试 Date.parse(new Date()) 返回的13位时间戳 后3位总是000 只能精确到秒使用:var timestamp3 = new Date().getTime() 方法即可js 生成时间戳方法 ...原创 2019-06-13 16:54:41 · 17512 阅读 · 1 评论 -
js 时间(date)对象 方法对比
js 时间(date)对象 方法对比以下表格内的方法都遵循下面的语法和提示。语法:dateObject.functionName()提示:该方法总是结合一个 Date 对象来使用。js 时间(date)对象 方法对比 获取 设置 时间戳 getTime() 返回 1970 年 1 月 1 日至今的毫秒数 时间戳 setT...原创 2019-06-13 17:43:33 · 2689 阅读 · 0 评论 -
js Date(日期)对象操作 getTime() 和 Date.parse()
Date.parse()参数:字符串("2016/1/2"),返回 1970年1月1日 至 传入的字符串时间 的毫秒数。返回值类型: number----------------------------------------------------------------------------------------------------------------------------...原创 2019-06-12 18:15:17 · 455 阅读 · 0 评论 -
js Date(日期)对象操作 getHours()
作用:返回时间的小时字段。语法:dateObject.getHours()返回:返回值是 0 (午夜) 到 23 (晚上 11 点)之间的一个整数。dateObject 的小时字段,以本地时间显示。提示:由 getHours() 返回的值是一个两位的数字。不过返回值不总是两位的,如果该值小于 10,则仅返回一位数字。该方法总是结合一个 Date 对象来使用。var d =...原创 2019-06-12 17:20:55 · 4628 阅读 · 0 评论 -
js Date(日期)对象操作 getFullYear()
作用:返回一个表示年份的 4 位数字。语法:dateObject.getFullYear()返回:当 dateObject 用本地时间表示时返回的年份。返回值是一个四位数,表示包括世纪值在内的完整年份,而不是两位数的缩写形式。提示:该方法总是结合一个 Date 对象来使用。var d = new Date() console.log(d.getFullYear()) ...原创 2019-06-12 17:00:43 · 2139 阅读 · 0 评论 -
日期对象(Date)操作 getMonth()方法
作用:返回表示月份的数字。语法:dateObject.getMonth()返回:返回值是 0(一月) 到 11(十二月) 之间的一个整数。dateObject 的月份字段,使用本地时间。注释:该方法总是结合一个 Date 对象来使用。var d=new Date() console.log(d.getMonth())...原创 2019-06-12 16:05:07 · 14860 阅读 · 0 评论 -
javascript getDay()方法 语法
作用:返回表示星期的某一天的数字。语法:dateObject.getDay()返回:dateObject 所指的星期中的某一天,使用本地时间。返回值是 0(周日) 到 6(周六) 之间的一个整数。注释:该方法总是结合一个 Date 对象来使用。 var d=new Date() console.log(d.getDay())...原创 2019-06-12 15:55:06 · 580 阅读 · 0 评论 -
javascript getDate()方法
作用:返回月份的某一天。语法:dateObject.getDate()返回:dateObject 所指的月份中的某一天,使用本地时间。返回值是 1 ~ 31 之间的一个整数。注释:该方法总是结合一个 Date 对象来使用。var d = new Date() console.log(d.getDate())...原创 2019-06-12 15:52:20 · 2369 阅读 · 0 评论