![](https://img-blog.csdnimg.cn/20201217195601431.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 68
JavaScriptJavaScriptJavaScriptJavaScript
心湖中的石子
这个作者很懒,什么都没留下…
展开
-
ES6标准入门(阮一峰)学习笔记06第8章数组的扩展,扩展运算符,解构赋值结合,函数的返回值,字符串,实现Iterator接口的对象,各种方法,数组的空位
1、扩展运算符spread……将一个数组转为都好分隔的参数序列<script> let arry=['hello','world','!'] console.log(arry)//(3) ["hello", "world", "!"] console.log(...arry)//hello world !</script>该运算符主要用于函数调用<script> let myArray=[] function push (arry,...i原创 2021-08-20 11:20:27 · 205 阅读 · 0 评论 -
ES6标准入门(阮一峰)学习笔记05第7章函数的扩展,指定默认值,与解构赋值默认值结合使用,参数默认值的位置,函数的length属性,作用域,rets参数数组,name属性,箭头函数,尾调用,尾递归
1、基本用法es6,函数参数可以指定默认值<script> function fn(x,y=5){ console.log(x) console.log(y) } fn(10,50)//10 50 fn(19)//19 5 fn(50,'')//50 </script>原创 2021-08-19 22:35:06 · 81 阅读 · 0 评论 -
ES6标准入门(阮一峰)学习笔记04第6章数值的扩展
1、Number.isFinite()、Number.isNaN()Number.isFinite()是否为有限Number.isNaN()是否我NaN<script> let a=3434 let bb= Number.isFinite(a) console.log(bb)//true let cc=Number.isNaN(a) console.log(cc)//false let b=NaN let dd=Number.isNaN(b) conso原创 2021-08-19 18:32:29 · 106 阅读 · 0 评论 -
ES6标准入门(阮一峰)学习笔记03第4章字符串的扩展,第5章正则的扩展,字符串的遍历接口,at,includs,startwith,repeat,padstr,模板字符串,标签模板,字符转正则方法
1、字符串的遍历器接口es6为字符串添加了遍历器接口,使得字符串可以有for… of循环遍历<script> for (let codePoint of 'hello'){ console.log(codePoint) }</script>2、at()es5:charAt()es6:at()<script> let str='hello' let index=str.charAt(2) console.log(index)//原创 2021-08-19 17:17:32 · 167 阅读 · 0 评论 -
ES6标准入门(阮一峰)学习笔记02第3章变量的结垢赋值,默认值,对象,字符串,数值和布尔值,函数参数的解构赋值,结构赋值的运用场景
1、变量的解构赋值–基本用法es6允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,为结构赋值,模式匹配方法赋值<script> let [a,b,c]=[1,2,4] console.log(a)//1 console.log(b)//2 console.log(c)//4 let [foo,[good],boo]=[10,[20],30] console.log(foo)//10 console.log([good])//[20] console.log(b原创 2021-08-19 14:59:27 · 199 阅读 · 0 评论 -
node+express+mysql搭建一个系统
1、使用express创建项目参考连接NodeJS+express如何新建一个自己需要的项目1、安装exprss$npm install express -g$npm install express-generator -g2、项目根目录下 express 项目名e:md NodeJSProject //在这里md是创建新的文件并命名cd NodeJSProject //进去刚刚创建的文件夹md expressdemo //根据跟人习惯,此步骤可以不操作直接原创 2021-08-19 08:40:46 · 773 阅读 · 0 评论 -
ES6标准入门(阮一峰)学习笔记01第1,2章-babel,let,const,冻结常量,声明变量的6种方法,顶层对象的属性,global对象
1、ECMAScript6简介Node.js是Iavascript的服务器运行环境。2、Babe转码器Babe转码器是一个Es6转码器,将es6转成es5babel的配置文件是.babelrc,存放在项目的根目录下。需要配置这个文件命令行转码工具babel-clinpm -install --global babel-clibabel-cli工具自带一个babel-node命令,执行babel-node可以进入repl环境,可以直接运行es6脚本其他的还有babel-register原创 2021-08-17 19:48:42 · 526 阅读 · 0 评论 -
pink的JavaScript高级查缺补漏
1.获取不到this的时候使用that解决当获取不到this,或者因为作用域的问题this不能够拿到,可以在类定义的外部再定义个that,然后在类的构造函数里面将this赋值给that。从而让this成为一个全局的变量html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel原创 2021-04-02 21:37:32 · 168 阅读 · 0 评论 -
it营Typescript学习笔记02(基础完结)模块,命名空间,装饰器
1、安装ts原创 2021-02-08 11:13:51 · 142 阅读 · 0 评论 -
it营Typescript学习笔记01类型,函数定义,可选参数,默认参数,剩余参数(...)、函数重载,定义类,继承,静态方法,多态,抽象类,接口,泛型,泛型接口,类实例作为参数,封装底层数据库操作
1、安装tsnpm install -g typescript查看安装成功与否tsc -V2、初始化congfig.json在init后config.json后打开“outer”:“./js”tsc --init3、编译ts文件将xxx.ts编译成jstsc xxx.ts4、配置实时编译vscode里面菜单\终端\运行任务\typescript\ts:监视如果vscode报错,则参考下文https://blog.csdn.net/qq_45164496/article/de原创 2021-02-07 00:42:11 · 484 阅读 · 0 评论 -
JavaScript语言精髓与编程实战笔记01(第1-2章):数据的显式声明,赋值模板声明一批变量,转义,模板字面量,函数定义,表达式运算,匿名函数与箭头函数,三个点的展开语法,函数的三种调用,模块
1、数据的显示声明let:块作用域变量,仅仅限于函数块级,不可以重复申明同一个变量var:变量,全局或者函数块,在全局声明时会创建window对象属性,可以多次声明同一个变量const:常量三者存在作用域,值,可写性三方面的不同值类型:应用类型2、使用赋值模板声明一批变量(ES6)使用数组对数组的声明-赋值方式var [a, b] = [1, 2];console.log(a);console.log(b);var [x, y] = Array( { 'name':原创 2021-01-16 19:50:00 · 113 阅读 · 0 评论 -
JavaScript查缺补漏番外(完结)
1、自调用匿名函数格式:(匿名函数)()案例先自定义匿名函数,在将其用小括号括起来,成为一个表达式,在使用小括号调用该匿名函数。<script type="text/javascript"> (function (sentence){ console.log(sentence); })("hello world"); </script>2、函数提升函数在执行的瞬间,会将函数内部所有的声明提升原创 2021-01-01 09:30:24 · 104 阅读 · 0 评论 -
Ajax学习笔记01--php基础语法
1、闭包1、闭包是立即执行的函数(jQuery的本质是一个闭包)2、为什么要使用闭包来实现为了避免多个框架的冲突3、jQuery如何让外界访问内部定义的局部变量window.xxx=xxx4、jquer为什么要给自己传递window变量...原创 2020-10-28 08:46:19 · 67 阅读 · 0 评论 -
jQuery学习笔记04--淡入、淡出,fadein,fadeout,fadeto,弹窗广告,自定义动画及节奏,stop和delay方法,动画帧率,图标特效,无限循环滚动,添加、删除、复制、替换节点
1、下拉菜单(动画队列),停止动画队列1、stop()停止动画队列在jQuery中如果需要执行动画,建议在执行动画之前先调用stop方法,然后再执行动画。<html> <style type="text/css"> *{margin:0; padding: 0;} li{list-style: none;} .nav{ height:50px;width: 300px; margin: 100px auto; background-color:原创 2020-10-26 11:49:30 · 589 阅读 · 0 评论 -
jQuery学习笔记03--自定义事件,事件命名空间,移入移出事件,排行榜,table选项卡,动画显示、隐藏、切换,对联广告,展开及收起、折叠菜单
1、自定义事件自定义事件,必须满足两个条件1、事件必须是通过on绑定的2、事件必须通过trigger来触发<html> <style type="text/css"> .father{ width: 200px; height: 200px; background-color: green;} .son{ width: 100px; height: 100px; background-color: yellow;} </style>原创 2020-10-24 20:58:46 · 292 阅读 · 0 评论 -
jQuery学习笔记02--读取和操作属性,读取和操作属性节点,添加、删除、改变类,操作html、css、value,操作事件,事件冒泡及阻止事件冒泡,默认行为及阻止默认行为,自动触发事件
1、读取和操作属性 <script type="text/javascript"> $(function (){ function Person(){ } var person1=new Person(); person1.name="zhangsan"; console.log(person1.name); person1["homet原创 2020-10-23 23:50:57 · 173 阅读 · 0 评论 -
jQuery学习笔记01入口函数、调用类及数组等
1、初识,一个简单的演示jQuery核心函数:/jQueryjQuery核心对象:执行/jQueryjQuery核心对象:执行/jQueryjQuery核心对象:执行()返回的对象<html> <style type="text/css"> </style> <script language="javascript" src="jquery-3.5.1.js"></script>//引入jquery库 <原创 2020-10-22 20:10:52 · 117 阅读 · 0 评论 -
JavaScript学习笔记---07看书学习总结--03Window及相关顶级对象
1.警示框alertalert()2.确认框confirm有一个短消息的提示<script type="text/javascript" > var answer1=confirm(); var answer2=confirm("do u want to do it"); </script>3.提示框prompt点取消返回null&l...原创 2020-05-06 22:59:22 · 154 阅读 · 0 评论 -
JavaScript学习笔记---07看书学习总结--02JavaScript基于对象编程
1.dom中的顶级对象及其作用2.顶级对象之间的关系顶级对象名可以直接省略对象名:如windlow.alert简写为alert3.浏览器载入文档是对象的生成按载入对象创建的顺序生成对象数组<script type="text/javascript" > for (let index = 0; index < document.all.length; i...原创 2020-05-05 01:12:29 · 192 阅读 · 0 评论 -
JavaScript学习笔记---07看书学习总结--01JavaScript基础
1.引入外部js文件src方式<script type="text/javascript" src="loaded.js"> </script>伪URL方式<input type="button" value="提交" onclick="javascript:alert('hello world')" />html文档处理程序引入&...原创 2020-05-03 10:52:07 · 191 阅读 · 0 评论 -
JavaScript学习笔记---06事件
1.事件基础和事件绑定一、事件驱动1.事件javascript侦测到的用户的操作或是页面的一些行为(怎么发生的)2.事件源引发事件的元素。(发生在谁的身上)2.事件处理程序对事件处理的程序或是函数 (发生了什么事)二、事件的分类1.鼠标事件onclickondblclickonmousedowmonmouseuponmousemoveonmouseoveronmou...原创 2020-05-02 15:36:46 · 130 阅读 · 0 评论 -
JavaScript学习笔记---05节点
1.节点属性根据 DOM,HTML 文档中的每个成分都是一个节点。DOM 是这样规定的:整个文档是一个文档节点每个 HTML 标签是一个元素节点包含在 HTML 元素中的文本是文本节点每一个 HTML 属性是一个属性节点注释属于注释节点一、如何获得节点引用1.旧的获取节点引用方式 getElementById() getElementByTagName() getEl...原创 2020-05-02 11:49:23 · 82 阅读 · 0 评论 -
JavaScript学习笔记---04DOM文档对象模型
1.dom基础属性title 返回或设置当前文档的标题URL 返回当前文档的urlbgColor 设置文档的背景色fgColor 设置文档的前景色(设置文字颜色)方法write()getElementById(idname) 返回拥有指定id的(第一个)对象的引用getElementsByTagName(tagname) 返回带有指定标签名的对象的集合ge...原创 2020-05-02 00:17:45 · 186 阅读 · 0 评论 -
JavaScript学习笔记---03BOM
1.onloadwindow.onload = function () { document.write("the page is loaded"); windo }2.setInterval<!DOCTYPE html><html lang="ch"><head> <m...原创 2020-05-01 11:46:41 · 181 阅读 · 0 评论 -
JavaScript学习笔记---02数组及对象
1.创建数组格式1:声明同时赋值var myarray=new Array();<script type="text/javascript"> var myarray = new Array(2, 3, 4, 5, 6); alert(myarray); </script>格式2:声明后再赋值var myarray=ne...原创 2020-04-30 22:56:45 · 195 阅读 · 0 评论 -
JavaScript学习笔记---01函数
1.简单的计算器<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D...原创 2020-04-29 20:51:01 · 101 阅读 · 0 评论