JS笔记
文章平均质量分 68
JS学习笔记,遇到的问题,小案例。
weixin_41452476
这个作者很懒,什么都没留下…
展开
-
数组reduce方法
如果reduce不设置初始值,pre第一次的值是数组的第一项,以后每次的值是reduce函数的返回值current第一次的值是数组的第二项,循环次数为数组长度-1,以后的值为当前项后面的值,依次类推 var todu = [1,2,3,1,4,5]; var b= todu.reduce((pre,current)=>{ console.log(pre) // console.log(current) // return pre +curre原创 2021-10-18 09:15:34 · 146 阅读 · 0 评论 -
51-js整理
JavaScript简介JavaScript是什么JavaScript 编程语言 流程控制Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。JavaScript与Java名称上的近似,是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript原创 2021-03-10 09:04:30 · 1045 阅读 · 0 评论 -
jquery
1- $方法的四种传参形式 $("css选择器") // 返回与css选择器相匹配的jQuery对象 $(Node) // 返回与Node节点相匹配的jQuery(将Node节点转换为jQuery对象) $("HTML代码段") // 根据HTML代码段生成一个或若干个jQuery对象的 $(function(){}) // 类似于window.onload事件,完全等价于document.onready2- jQuery对象jQuery对象:一个由若干个Node节点构成的类数组原创 2021-01-04 08:58:14 · 95 阅读 · 0 评论 -
20-创建对象的方式,构造函数,原型,继承,call和apply,bind
1— 创建对象的三种方式1-- 字面量的方式 //1 实例对象 var per1 = { name:"卡卡西", age:20, sex:"男", eat:function(){ console.log("吃饭"); } }2–调用系统的构造函数 //2 调用系统的构造函数 var per2 = new Object(); per2.name = "大蛇丸"; per2.age = 30; per2.sex = "男"; per2.eat=funct原创 2020-12-02 20:54:54 · 379 阅读 · 2 评论 -
19-ajax请求/跨域/jsonp/服务器反向代理
ajaxajax简介概述 Web 程序最初的目的就是将信息(数据)放到公共的服务器,让所有网络用户都可以通过浏览器访问。在此之前,我们可以通过以下几种方式让浏览器发出对服务端的请求,获得服务端的数据:地址栏输入地址,回车,刷新特定元素的 href 或 src 属性表单提交这些方案都是我们无法通过或者很难通过代码的方式进行编程(对服务端发出请求并且接受服务端返回的响应), 如果我们可以通过 JavaScript 直接发送网络请求,那么 Web 的可能就会更多,随之能够实现的功能也会更多,至 少不原创 2020-12-01 20:32:29 · 170 阅读 · 0 评论 -
18 navcat链接数据库 MySQl部分语法 Nodejs简介操作MySL
1 navcat链接数据库1-1 准备工作 里面有Apache htdocs MySQL Apache 打开80端口 htdocs 存放请求的资源 MySQL 数据库1-2 MYSQL1-2-1数据库的结构关系 库 > 表 > 列(字段)和行(数据) 每一个表都有一个id的字段,该字段是该表的主键,并且一般来说会不为空并自动自增。1-2-2数据类型* int 整型(整数数字)* float 浮点型(小数)* v原创 2020-12-01 19:39:12 · 217 阅读 · 0 评论 -
17-js中可能用到的正则表达式
1-正则表达式简介1-1 什么是正则表达式正则表达式:用于匹配规律规则的表达式,正则表达式最初是科学家对人类神经系统的工作原理的早期研究,现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。1-2 正则表达式的作用给定的字符串是否符合正则表达式的过滤逻辑(匹配)可以通过正则表达式,从字符串中获原创 2020-11-14 17:36:41 · 142 阅读 · 0 评论 -
16-js事件的部分内容
1 事件–事件对象1 事件: 对某个元素的某种操作2 事件对象:当某个事件触发时产生的对象,就是事件对象。3 event使用前提,必须有事件 不同的事件产生的事件对象不同。4 事件对象的兼容: var e = evt || event;5 事件对象拥有该事件相关的属性和方法6 事件处理函数,事件触发了,函数的代码就会执行,执行的时候,函数调用的时候通过arguments.length 可以得出:事件处理函数中实际上都是有一个参数的 这个参数和事件有关系 是一个对象原创 2020-11-10 21:04:17 · 691 阅读 · 0 评论 -
15-DOM(Document Object Model)文档对象模型
1 DOM的概念文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”,双方为了在JavaScript与JScript一决生死,于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物,既有VBScript、Acti原创 2020-11-09 20:02:59 · 219 阅读 · 1 评论 -
14-Web API/BOM(浏览器对象模型)
1 Web APIAPI的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。任何开发语言都有自己的APIAPI的特征输入和输出(I/O)API的使用方法(console.log())Web API的概念浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)此处的Web API特指浏览器提供的AP原创 2020-11-09 19:04:00 · 190 阅读 · 0 评论 -
13-Math对象/Date对象/小案例
Math对象* abs() 返回绝对值* ceil() 向上取整* floor() 向下取整:类似于parseInt()* round() 四舍五入* max() 返回最大值或最小值* min()* random() 返回0-1之间的伪随机数(不可能等于1,有可能等于0)1 随机产生一个16进制颜色的函数//随机产生一个十六进制的颜色值 // console.log(parseInt(Math.random()*5)); function getColor() {原创 2020-11-06 14:55:43 · 127 阅读 · 0 评论 -
100JS - js小方法整合
1 测试方法alert(exp) 输出到警告框console.log(exp) 输出到控制台document.write(exp) 输出到页面2 数值的操作方法parseInt(Number) 取整,没有副作用parseFloat(Number) 强制转换为数字,没有副作用Number.toFixed(保留的位数) 保留几位小数;注意:这个返回结果不再是Number类型而是字符串了。3 向弹框输入内容的方法var score = Number(prompt("请输入您的成绩")原创 2020-11-03 21:07:40 · 1101 阅读 · 0 评论 -
12-String对象的全局方法
String对象的全局方法/** *字符串的常用属性: *.length--------->字符串的长度 *.charAt(索引),返回值是指定索引位置的字符串 超出索引结果是空字符串 *.fromCharCode(数字值,可以是多个参数),返回的是ASCII码对应的值 *.concat(字符串1,字符串2.........)返回的是拼接之后的新的字符串 *.indexOf(要找的字符串,从某个位置开始的索引);返回的是这个字符串的索引值 没找到则返回-1 *.lastI原创 2020-11-03 20:44:57 · 185 阅读 · 0 评论 -
11-js数组方法整理
数组* push(exp) 向后插* pop() 删除最后一个* unshift(exp) 向前插* shift() 删除第一个* splice(index,howmany,repalcement) 添加/删除/替换* splice(要插入位置的下标,0,要插入的元素) 往数组中某一个位置塞一个元素进去 * splice(要删除元素的下标,1) 从数组中删除掉某一个元素 * concat(array) 数组拼接* join() 将数组转换为字符串,参数作为分隔符。* r原创 2020-11-03 20:36:19 · 85 阅读 · 0 评论 -
10-编程思想/创建对象的三种方式/工厂模式创建对象
1 编程思想/** *编程思想:把一些生活中做事的经验融入到程序中 *面向过程:凡事都亲力亲为 每件事的具体过程都要知道 注重的是过程 *面向对象:根据需求找对象 所有的事情都用对象来做 注重的是结果 * * *面向对象特性:封装 继承 多态(抽象性) *js不是面向对象的语言,但是可以模拟面向对象的思想 *js是一门基于对象的语言: *万物皆对象-------->狗 人 * * *什么是对象? *看得见 摸得到 具体特指的某个东西 *原创 2020-11-03 20:24:43 · 114 阅读 · 0 评论 -
09-数组和函数案例/输入年月日,判断第几天/翻转数组/斐波那契数列/两个数之间的素数/数组去重/冒泡排序/定义一个含有30个元素的数组,按顺序分别赋予从2开始的偶数,然后按顺序每五个
小案例 //案例1:求数组中所有元素之和: var arr1 = [10,20,30,40,50,60,70,80,90,100]; var sum = 0; for (var i = 0; i < arr1.length; i++) { // console.log(arr1[i]); sum += arr1[i]; } console.log(sum); //案例2:求数组中所有元素的平均值 var arr2 = [1,2,3,4,5]; var原创 2020-10-31 16:11:02 · 176 阅读 · 0 评论 -
08js-数组
数组基本概念//数组:一组有序的数据 //数组的作用:可以一次性存储多个数据 //数组的定义: /** *1、通过构造函数的方式创建数组 *语法: * var 数组名 = new Array(); * var array = new Array();//定义了一个数组 * 数组的名字如果直接输出 那么 就可以把数组中的数据显示出来 如果没有数据 就看不到数据 * var 数组名 = new Array(长度); * 如果数组中没有数据 但是有长度-------原创 2020-10-31 15:43:01 · 58 阅读 · 0 评论 -
07js-函数相关概念/作用域/预解析/欲解析分段问题
函数/** *函数:把一坨重复的代码进行封装 在需要的时候拿出来 *函数作用:代码的重用 * *函数的参数: *1、形参:函数定义的时候 函数名字后面的小括号里面的变量 *2、实参:函数调用的时候 函数名字后面的小括号里的变量或者值 * *返回值: *函数中有return 函数有返回值 *函数中没有return 函数没有返回值 *没明确返回值:函数中没有return或者return后面没有任何内容如果一个函数没有明确的返回值 接收这个函数 结果是undefin原创 2020-10-31 15:27:52 · 97 阅读 · 0 评论 -
06js-函数 break/contiue关键字
1 break关键字// break 关键字:如果在循环中使用// 遇到break,立即跳出循环 // for (var i = 0; i < 10; i++) { // while(true){ // console.log("哈哈哈"); // break; // } // } // console.log("哈哈 我出来了");//找到100到200之间第一个可以被7整除的数字for (var i = 100; i <= 200; i++原创 2020-10-31 15:06:50 · 73 阅读 · 0 评论 -
05js-循环语句/for(乘法口诀表)/while/do while
1 for循环/** *for循环: * *语法: *for(表达式1;表达式2;表达式3){ * 循环体; *} * * *执行过程: **先执行一次表达式1 然后判断表达式2 如果不成立则直接跳出循环 *如果表达式2成立 执行循环体的代码 结束后 跳到表达式3执行 然后跳到表达式2 判断表达式2是否成立 不成立 跳出循环 *如果表达式2成立 则执行循环体 然后跳到表达式3 再跳表达式2 判断是否成立 一直如此 *原创 2020-10-31 14:57:54 · 161 阅读 · 0 评论 -
04JS - if语句/三元表达式和switch语句
1 if语句 if语句:主要是判断 语法: if(表达式){ 代码块 } 执行过程: 先判断表达式的结果是true还是false 如果是true则执行代码块 如果是false大括号中的代码是不执行的 例子: 问小张帅不帅 则输出真的帅 var str = "帅"; if (str == "帅") { console.log("真的好帅"); }2if-else语句if-else语句两个分支 只能执行一个分支原创 2020-10-28 00:09:25 · 172 阅读 · 0 评论 -
03 - JS数据类型转换/判断相等
数据类型转换其他类型转成数字类型:三种方式 1、parseInt();//转整数 console.log(parseInt("10"));//10 console.log(parseInt("10sfsdff"));//10 console.log(parseInt("g10"));//NaN console.log(parseInt("1afas0"));//1 console.log(parseInt("10.98"));//10 console.log(par原创 2020-10-27 23:43:30 · 146 阅读 · 0 评论 -
02JS - 标识符/变量or常量/数据类型/操作符号
1 标识符变量,对象的属性以及函数的名字。由字母、数字、下划线、$符号组成,不能以数字开头不能是关键字和保留字,例如:for、while。区分大小写变量名必须有意义遵守驼峰命名法。首字母小写,后面单词的首字母需要大写2 变量or常量变量(存储数据的容器/或者操作数据)变量声明(有var 有变量名字 没有值)变量初始化(有var 有变量名字 有值)1 操作的数据都是在内存中操作2 js中存储数据使用变量的方式(名字,值----->数据)3 js中声明变量用var------原创 2020-10-26 21:16:16 · 186 阅读 · 0 评论 -
01JS - JS的简单介绍
1 JavaScript是什么JavaScript 编程语言 流程控制Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。JavaScript与Java名称上的近似,是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript的关系就像张雨和张雨生原创 2020-10-26 20:11:02 · 217 阅读 · 0 评论