大家好,我是指针。冬天到了,人也变懒了,为了让自己动起来,我报名参加了拉钩教育的大前端高薪训练营。学习需要总结,需要分享,需要鞭策,于是便有了《针爱学前端》这一系列,希望大家看完能够有收获。如果文章中有不对的地方,希望能批评指针,不吝赐教!!!JavaScript异步编程 0.先做题,醒醒脑子,成功的请直接跳转到参考,失败的按照顺序往下看 console.log(1) setTimeout(()=> {console.log(2) }, 0) new Promise(res => {...
本篇笔记是对于《Javascript DOM编程艺术第2版》的笔记!第二版哦~ 第二版在第一版的基础上经过了扩展,涵盖了HTML5、Ajax和JavaScript库(尤其是jQuery);且这一版以介绍库的附录代替了上一版介绍DOM方法的附录。(由Jerrymy Keith写的序得知) 编写代码时,切记“渐进增强,平稳退化” 《Javascript DOM编程艺术》阅读笔记一 第八章_充实文档的内容笔记 引用Body标签 DOM Core方法HTML_DOM方法 缩略语列表文献来源链接快捷键清单(...
一、DOM 1.DOM树状结构图 2.节点类型 3.document节点 4.element节点 5.CSS 二、事件链 1.JS的继承结构图 2.常用事件句柄 3.事件的绑定 4.表单效验 5.事件的传播 6.event对象 7.事件的委托/代理一、DOM DOM文档对象模型 (Document Object Model) 使 JavaScript 有能力与当前文档对话。 1.DOM树状结构图 任意的文档都可以绘制成树状结构,在DOM树上,每个元素都可与看做一个对象,每个对象...
方法一: 通俗易懂 var a = []; var ap = []; var sum = 0; var i =1; while(true){if(i%2 == 0){a.push(i);sum += i;if(a.length == 5){ap.push(sum/5);a.splice(0,5);sum = 0;}}if(i>=60){break;}i++; } console.log(ap);方法二: 更通俗易懂 var a = []; var a2 = []; a[0] = 2; for(var i = 1;i < 30;i++){a[i] = a[i-1] + 2; } // console.log(a); var s= 0; for(var j = 0;j < a.length;j++){s += a[j];if((j+1)%5 == 0){a2....
一、JS中的对象 二、Array数组 1.特点 2.数组的定义 3.常用方法 4.数组的遍历 三、String字符 1.定义 2.常用方法 四、Date日期 1.定义 2.常用方法 五、JSON 1.概念 2.语法 3.JSON与JS对象的区别 4.JSON与JS对象相互转换一、JS中的对象 对象说明内置对象Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、Error、String等自定义对象程序里自己定义的对象宿主对象BOM和DOM 二...
一、运算符 1.算术运算符 2.一元运算符 3.关系运算符 4.逻辑运算符 5.赋值运算符 6.运算符的优先级 二、流程控制与循环 1.顺序结构 2.分支结构 3.循环结构 三、函数 1.JS中函数的特点 2.函数的定义 3.函数的调用 4.函数的参数一、运算符 1.算术运算符 算术运算符说明+加-减*乘/除%取余数(取模) 2.一元运算符 一元运算符说明++num/–num前置运算:先自加,后返回值num++/num–后置运算:...
1.继承 面向对象原型继承JavaScript 类:模板 对象:基于的实例<script>var student={name:'xxh',age:3,run:function () {console.log(this.name+"run....")}};var xiaoming={name:'xiaoming'};xiaoming._proto_=student;var bird={fly:function () {console.log(this.name+"fly.....")}};xiaoming._proto_=bird;</script> 面向对象class继承class关键字是在ES6引入的1.义一个类,属性,方法 class Student{constructor(name){this...
编程思维实战之JavaScript从入门到精通第2篇——JavaScript语言精要简介JavaScript是网络的编程语言。绝大多数的网站都采用JavaScript,并且所有的现代浏览器,不论是桌面浏览器,平板电脑浏览器,还是手机浏览器,都包含JavaScript语言的解释器,这使得JavaScript成为了历史上使用次数最多的编程语言。 在过去的二十年里,Node.js的出现使得JavaScript走出了网页浏览器,而Node的成功意味着JavaScript现在也是软件开发者使用最频繁...
JavaScript 作为一种典型的多范式编程语言,这两年随着React\vue的火热,函数式编程的概念也开始流行起来,lodashJS、folktale等多种开源库都使用了函数式的特性。 一.认识函数式编程 程序的本质是:根据输入通过某种运算得到输出 函数式编程(Functional programming)是一种编程思想/范式 ,其核心思想是将运算过程抽象成函数(指数学的函数而不是程序的方法或函数即纯函数),也就是面向函数编程,描述函数/数据 之间的映射,做...
相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生,这些可以说是一个前端的基本配置,而在前端的世界里,没有什么是JavaScript实现不了的,你真的了解js吗?为什么学习web前端开发要学习JavaScrip,并且必须要掌握,且精通? 关于JS有一句话:凡是可以用JavaScript来写的应用,最终都会用JavaScript,JavaScript可运行在所有主要平台的所有主流浏览器上,也可运行在每一个主流操作系统的服务器端上。现如今我们...
全手打原创,转载请标明出处:https://www.cnblogs.com/dreamsqin/p/13745195.html, 多谢,=。=~(如果对你有帮助的话请帮我点个赞啦)重新学习JavaScript是因为当年转前端有点儿赶鸭子上架的意味,我一直在反思我的知识点总是很零散,不能在脑海中形成一个完整的体系,所以这次想通过再次学习将知识点都串联起来,结合日常开发的项目,达到温故而知新的效果。与此同时,总结一下我认为很重要但又被我遗漏的知识点~构造函数不使用...
1. 计算机语言目前主要分为三类:机器、汇编、高级其中编程语言包括:汇编和高级【注:计算机CPU和内存硬盘存储只认识机器语言的二进制,所以往往高级语言要通过解释器转换】2. 编程通过语言编写一系列控制计算机的程序指令性代码3. 脚本无需编译,由浏览器内置的js引擎(如Chrome的V8,相当于解析器)读取js代码,并逐行解释为二进制,然后由计算机执行4. 区别标记语言标记语言HTML:格式化和链接,被动渲染编程语言JavaScript:逻...
1 - 编程语言 1.1 编程编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。1.2 计算机语言计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。计算机语言的种类非常的多,总的来说可以分成机器语言,...
目录 数据类型变量类型转换字符串常用方法数值型常用方法数组数组的创建、赋值数组常用方法数组迭代对象对象的创建、使用遍历对象js 面向对象编程工厂函数 数据类型 基本数据类型 string 单双引均可number 数值型booleannullundefined 未定义(已声明、未赋值)复杂数据类型:object。object又可细分为以下2种 Array 数组Object 对象检测数据类型的两种?法 typeof(xxx) 复杂数据类型显示为objectObject.prototype.toString.call(x...
浏览器是多线程的,但javascript是单线程的语言,浏览器只分配一个GUI渲染线程去执行我们的js代码,这说明它同一时间只能做一件事。对于大部分的js代码来讲,上面的代码没有执行完,下面的代码是不能执行(同步编程),但对于某些js代码来说,需要在上面代码没有处理的情况下,GUI渲染线程能够向下执行这就是所谓的“异步编程”。一、同步和异步同步:同步是所有的操作都做完了,才返回给用户,这样等待的时间就比较的长。可以看成...