
javascript 学习笔记
在奋斗的大道
程序发烧友
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS 数组特殊用法总结
1、通过'...'解构数组,构建新对象添加至数组中。实战:var ages = []ages.push(...[1, 2].map(item =>({ name: 'zzg', age: item})) )console.log(ages)效果显示:对应vue 实例代码:{ key: 'status', label: '状态', type: 'select', labe.原创 2021-10-15 11:08:30 · 369 阅读 · 0 评论 -
JS 遍历对象总结
for...in... 遍历对象注意:for...in...循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).实战:var obj ={'name': 'zzg', 'age': 10}for(var i in obj){ console.log(i, ":", obj[i])}效果截图:Objects.key()遍历对象注意:返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性)实战:var obj ={'name'原创 2021-10-08 19:01:58 · 374 阅读 · 0 评论 -
JS数组遍历方式总结
原始for 循环语句原始for 循环语句循环数组实战:const a = [1,2,3];for(var i=0;i<a.length;i++){ console.log(a[i]); // 结果依次输出1,2,3}代码优缺点:优点在于大家都比较熟悉,容易理解,劣势是写起来比较繁琐,需要定义额外更多的变量。针对原始for 循环数组...原创 2021-10-08 18:28:04 · 344 阅读 · 0 评论 -
JS(解构) 之数组和对象中提取数据总结
解构含义解构功能含义:从复杂数据类型中(数组或对象)中提取数据的过程。JS(解构) 之数组从数组中提取首个元素方式一:基于数组下标提取元素const names = ['zzg', 'zcx', 'zcy']const it = names[0]console.log(it)方式二:基于ES6 新语法(const) 提起数组元素const names = ['zzg', 'zcx', 'zcy']const[one] = namesconsole.log(one)原创 2021-09-29 16:13:33 · 12698 阅读 · 0 评论 -
JS 数据类型(type)判断总结
1、判断是否为字符串(String) isString = o => Object.prototype.toString.call(o).slice(8, -1) === 'String',2、判断是否为数字(Number)isNumber = o => Object.prototype.toString.call(o).slice(8, -1) === 'Number', //是否数字3、判断是否为对象(Object)isObj = o => Object.原创 2021-09-29 14:25:05 · 2704 阅读 · 0 评论 -
js中相对路径写法
"../" 表示上一级目录开始;"./" 表示同级目录开始"/" 表示根目录开始原创 2021-08-26 18:10:32 · 1363 阅读 · 0 评论 -
javascript 将数组转换为字符串方法总结
1、String(arr):输出数组的每个元素值,用逗号分隔;2、arr.join("分隔符"):输出数组的每个元素之,用指定的分隔符分隔;原创 2021-02-15 11:26:44 · 475 阅读 · 0 评论 -
JavaScript 数据结构之优先级队列
JavaScript 数据结构之优先级队列思维导图:JavaScript 数据结构之优先级队列源码:<html> <body> <script> console.log('JavasScript 数据结构之优先级队列') function PriorityQueue() { this.items = []; }原创 2020-09-28 01:28:10 · 423 阅读 · 0 评论 -
JavaScript数据结构之队列
JavaScript 数据结构之队列思维导图:JavaScript 数据结构之队列源码:<html> <body> <script> console.log('JavasScript 数据结构之队列') function Queue(){ this.items = []; } Queue.prototype原创 2020-09-28 01:14:23 · 229 阅读 · 0 评论 -
JavaScript数据结构之栈
JavaScript 数据结构之栈思维导图:JavaScript 数据结构之栈源码<html> <body> <script> console.log('javaScript数据结构之栈'); function Stack(){ this.items = []; } Stack.prototype ={原创 2020-09-28 00:59:14 · 212 阅读 · 0 评论 -
JavaScript 数据结构之数组
JavaScript 数据结构之数组思维导图:JavaScript 数据结构之数组源码:<html> <body> <script> console.log('数据结构之数组') // 数组定义 var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; /******************************原创 2020-09-28 00:33:45 · 417 阅读 · 0 评论 -
JavaScript 学习笔记之语法
原创 2020-09-27 01:29:22 · 173 阅读 · 0 评论 -
JavaScript 学习笔记之概述
原创 2020-09-17 01:30:23 · 176 阅读 · 0 评论 -
javascript 实现设置Cookie
cookie 与 session 是网页开发中常用的信息存储方式。Cookie是在客户端开辟的一块可存储用户信息的地方;Session是在服务器内存中开辟的一块存储用户信息的地方.JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以可以用JS来设原创 2014-02-10 10:57:24 · 697 阅读 · 0 评论 -
javascript 解析JSONArray和JSONObject
一、javascript 解析JSONArray数组源代码: Document var data =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":"13"}]; var json=eval(data); for(var i=0;原创 2015-08-25 23:01:30 · 5144 阅读 · 0 评论 -
javascript 定时器
本文转载自:JavaScript定时器详解及实例转载 2015-08-25 23:50:43 · 562 阅读 · 0 评论 -
javascript enval()函数与JSON 之间关系
概念定义:eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。enval()函数将把最后一个表达式或者语句所包含的值或引用作为返回值。举例说明:eval()------javascrit表达式 Document var bar = 'bar'; var foobar = eval('"foo" + bar原创 2015-08-25 23:46:33 · 1248 阅读 · 0 评论 -
a标签加入单击事件 屏蔽href跳转页面
本文转载至:http://blog.163.com/huang_qy/blog/static/615601452012101411625600/我们常用的在a标签中有点击事件:1. a href="javascript:js_method();"这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的hre转载 2016-04-08 23:10:39 · 717 阅读 · 0 评论 -
java web前端攻城狮 学习路线图
原创 2016-05-24 09:15:52 · 720 阅读 · 0 评论 -
通过js fetch() 模拟后台接口的并发测试
业务需求:今天开发人员向我反馈,说之前的旧系统存在,在高并发的情况下,会产生流水发号重新的现象。说是迟,写是快。快速写完高并发情况下的流水号生成服务。核心代码如下:@Controller@RequestMapping("/api/sys/pip/record")@Api(value = "流水号记录Controlle", tags = "流水号记录操作服务")public clas...原创 2019-10-11 14:26:31 · 1048 阅读 · 0 评论 -
javascript 字符串判断是否为空
var a =document.getElementById("notValid");if(!a) {//a为null 或者"" 或者0 alert("javascript 字符串为null、""或者是0"); }原创 2015-05-15 16:30:09 · 755 阅读 · 0 评论 -
javascript 清除Array 包含的重复对象
结构图代码实现分析:伪代码: function arraydistant(元素一,元素二){ //元素一:匹配对象,元素二:装载数组 //定义标识符 private target=false; //遍历装载数组数据 for(var原创 2015-01-03 12:59:58 · 719 阅读 · 0 评论 -
JavaScript生成随机数及随机字母
JavaScript生成随机数及随机字母1. Math.random()生成一个0~1的随机数 02. Math.random()*100 则生成一个0~100之间的随机数3. Math.random()*100 + 100 则生成一个100~200之间的随机数4. 所以Math.random()*m 则生成一个0~m的随机数下面是一个生成随机字母(随机密码的Jav原创 2014-02-28 17:52:53 · 1232 阅读 · 0 评论 -
javascript 创建类和对象的几种方式
在JS中,创建对象(Create Object)并不完全是我们时常说的创建类对象,JS中的对象强调的是一种复合类型,JS中创建对象及对对象的访问是极其灵活的。JS对象是一种复合类型,它允许你通过变量名存储和访问,换一种思路,对象是一个无序的属性集合,集合中的每一项都由名称和值组成(听起来是不是很像我们常听说的HASH表、字典、健/值对?),而其中的值类型可能是内置类型(如number,原创 2014-02-28 17:52:02 · 731 阅读 · 0 评论 -
javascript 清除字符串空格
去除字符串前后的空格function trim(str) { return str.replace(/(^\s+)|(\s+$)/g, "");}去除字符串中所有空格function removeAllSpace(str) { return str.replace(/\s+/g, "");}用法举例:alert(trim(' ab原创 2014-02-26 14:02:18 · 831 阅读 · 0 评论 -
javascript中的编码与解码
javascript中可用的编码解码函数,有如下的组合: escape(string); unescape(string); encodeURI(string); decodeURI(string); encodeURIComponent(string); decodeURIComponent(string); 他们之间的区别为: escape/unescape转载 2014-02-26 14:04:53 · 703 阅读 · 0 评论 -
javascript 实现AES对称加密
aes.js源代码:var AES = { sbox: [0x63, 0x7c, 0x77, 0x7b, 0xf2, 0x6b, 0x6f, 0xc5, 0x30, 0x01, 0x67, 0x2b, 0xfe, 0xd7, 0xab, 0x76, 0xca, 0x82, 0xc9, 0x7d, 0xfa, 0x59, 0x47, 0xf0, 0xad, 0xd4, 0xa2, 0xaf,原创 2014-01-27 10:56:46 · 4239 阅读 · 0 评论 -
javascript 实现Base64加密
想必大家对base64并不陌生吧,在本文将为大家介绍下Js中的base64加密解密过程,感兴趣的朋友不要错过 var base64encodechars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var base64decodechars = new Array( -1, -1,原创 2014-01-26 21:53:02 · 973 阅读 · 0 评论 -
javascript 实现MD5加密
1、引入md5.JS原创 2014-01-26 13:46:21 · 3013 阅读 · 2 评论 -
JavaScript中json对象和string对象之间相互转化
json对象 复制代码 代码如下:var json = {aa:true,bb:true}; var json1 = {aa:'b',bb:{cc:true,dd:true}}; 1:js操作json对象 复制代码 代码如下:for(var item in json){ alert(item); //结果是 aa,bb, 类型是 string alert(t原创 2014-01-26 13:36:00 · 898 阅读 · 0 评论 -
HTML 清除缓存代码设置
HTML: "> ASP response.expires=0 response.addHeader("pragma","no-cache") response.addHeader("Cache-Control","no-store, must-revalidate") PHP header("Expires: Mon, 26 Jul原创 2014-02-26 14:04:21 · 4204 阅读 · 0 评论 -
Js保留小数点
//保留两位小数 //功能:将浮点数四舍五入,取小数点后2位 function toDecimal(x) { var f = parseFloat(x); if (isNaN(f)) { return; } f原创 2014-03-06 15:51:53 · 738 阅读 · 0 评论 -
jquery 操作select(取值,设置选中)
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。比如1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true);原创 2015-01-15 20:44:15 · 528 阅读 · 0 评论 -
javascript 判读字符串是否为数字
javascript在通过parseIn或parseFloat将字符串转化为数字的过程中,如果字符串中包含有非数字,那么将会返回NaN,参考下面代码 parseInt("Hello",10);//return NAN parseInt("110",10);//return 110 所以简单的判断字符串是否为数字的方法就是利用isNaN(),如果返回true,则该字符串不为原创 2015-01-14 16:14:55 · 695 阅读 · 0 评论 -
javascript 基础知识之derfer 妙用
javascript 一般是加载完后立即执行,但是有些时候并不想立即执行,而是等到页面装载完毕时再执行,怎么实现这样的需求呢? 答案就是使用 标签的defer属性,见下例: $(document).ready(function(){ var u_left = 92; var u_top = 19; var u_var= 89; var top原创 2014-11-30 16:01:22 · 971 阅读 · 0 评论 -
javascript 除法运算
javascript除法如何取整 Math.round(x) 四舍五入,如Math.round(0.60),结果为1;Math.round(0.49),结果为0; Math.floor(x) 向下舍入,如Math.floor(0.60)与Math.floor(0.49),结果均为0; Math.ceil(x)向上舍入,如Math.ceil(0.60)与Math.ceil(0. 4原创 2014-10-24 14:05:15 · 3200 阅读 · 0 评论 -
JavaScript截取字符串方法详解
1 substring() (1)用于提取字符串中介于两个指定下标之间的字符。语法:stringObject.substring(start,stop) start:必需。一个非负的整数,规定要提取的子串在第一个字符在 stringObject 中的位置。 stop;可选。一个非负的整数,比要提取的子串的最后一个字符在 str原创 2014-03-09 10:41:23 · 732 阅读 · 0 评论 -
javascript 转数字:javascript数字相加
var a = 3; var b = 98 c = a + b 想得到c=101 确变成了字符串拼接,得到了398 我该则么做呢?c = parseInt(a) + parseInt(b)原创 2014-03-09 14:50:56 · 1060 阅读 · 0 评论 -
javascript 判断用户输入文本框是否为空
楼主要确认密码么,要是不用可以直接去掉就可以了 MyHtml.html <!--function check(){ if(form1.text1.value=="") {alert("请输入用户名!"); return false;} if(form1.password1.value=="") {alert("请输入密码!") return原创 2014-03-06 16:07:58 · 17594 阅读 · 1 评论 -
js动态控制表单的tr,td的显示和隐藏
无论是事先写好的,还是动态生成的,要找到指定的tr或td都必须知道其相关的一个属性,未必必须是id或name,然后无论是在一个table还是多个 table都可以通过document.getElementsByTagNames( "tr ")或td,取得集合,……再根据知道的属性再找,最后设置显示/隐藏 方法一: document.getElementById( "控件ID原创 2014-03-06 15:50:44 · 4199 阅读 · 0 评论