javascript学习笔记

JavaScript学习笔记之DOM基础操作实例小结

本文实例讲述了JavaScriptDOM基础操作。分享给大家供大家参考，具体如下：一、子节点1、元素节点、文本节点实例01html文本节点1文本节点2文本节点3文本节点4文本节点5文本节点6元素节点qeqweq-->javascriptwindow.onload=function(){varoUl=document.getElementById('ul1');alert(oUl.childNode
致Great·2019-01-09 10:00

JavaScript学习笔记之数组基本操作示例

本文实例讲述了JavaScript学习笔记之数组基本操作。
致Great·2019-01-09 09:43

JavaScript学习笔记之图片库案例分析

本文实例讲述了JavaScript图片库。分享给大家供大家参考，具体如下：一、一个javascript图片库实例，下面是效果图点击顶部导航，会在本页面进行刷新图片，然后，在底部会显示文本的变化二、下面是代码1、gallery.html代码Snapshots红色枫叶黄色枫叶红色树蓝色枫叶Chooseanimage2、showPics.js代码functionshowPic(whichpic){var
致Great·2019-01-08 11:28

JavaScript学习笔记之DOM操作实例分析

本文实例讲述了JavaScript学习笔记之DOM操作。分享给大家供大家参考，具体如下：一、DOM概念1."D":Docment,指的是文档2.
致Great·2019-01-08 11:20

JavaScript学习笔记012-DOM2级事件监听-代理0冒泡-捕获模式

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终无知者无畏说的或许就是我们这种前端初学者吧跑去面试前端人家问：会什么框架Bootstrap，Foundation，SemanticUI，Angular，ReactRedux，Vue？我说：不会，只会原生js，我要做开发前端59期学员作业/*内部样式表*///冒泡模式（默认）：同一环境下同一对象执行的事
Mr柳上原·2018-12-10 10:33

JavaScript学习笔记014-this指向0Iterator0Generator

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终在微信公众号看到一篇文章感触很深《在公司里，千万不要骂20多岁的小年轻，因为他们一不爽就不来了》《但是你们可以使劲骂30岁以后还拿5000左右工资的油腻中年人，因为他们不敢辞职》或许很残酷社会真的是这样说什么------浪子回头金不换，学习永远来得及，什么时候改好都不算晚.....这些都是假的社会没那
Mr柳上原·2018-12-10 10:05

JavaScript学习笔记015-Promise0Async0try catch

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终总是鼓励别人乐观自己却有些悲观。。。。。。前端59期学员作业/*内部样式表*//*trycatch：错误捕获try语句允许我们定义在执行时进行错误测试的代码块catch语句允许我们定义当try代码块发生错误时，所执行的代码块finally语句在try和catch之后无论有无异常都会执行catch和fi
Mr柳上原·2018-12-10 10:51

JavaScript学习笔记016-字符串方法0数组方法0值类型与引用型

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终有没有做过一件后悔的事后悔到骨子里去了以至于每次想起心都很痛很痛的所以当想要做一件明知道不对的事情的时候三思而后行后悔药是没有的时光机也还没研发出来做过的错事也无法回复前端59期学员作业/*内部样式表*//*字符串方法：字符串的方法都不会修改源字符串注意：字符串的length为只读属性，只能获取不能操
Mr柳上原·2018-12-10 10:38

JavaScript学习笔记028-ajax0get0post0跨域请求

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终面试的时候问了点简单的es6知识然后跟我说公司开发用的是react回家啃了几天的react正式上班的时候用的是react-native对于只学了vue和小程序框架的我来说这种大起大落的感觉真是超级刺激不知道自己能不能够在公司站稳脚跟函数式编程和面向对象编程不同的两个模式挑战一下自己吧前端59期学员作业
Mr柳上原·2018-12-10 10:15

javascript学习笔记--dom查询练习(三)

//document.body获取body节点varhtmlBody=document.body;alert(htmlBody)//document.all获取所有元素等价与document.documentgetElementByTagNmae("*")varall=document.all;alert(all.length)//document.getElementByClassName获取c
持续5年输出bug·2018-11-17 09:31

JavaScript学习笔记（0）——我的现状

2007年本科毕业，研究生还未开学，本着赚钱的目的，准备在诺基亚手机上写游戏，需要用J2ME。之前只写过C和C++的代码，于是开始学Java。先学J2SE，然后写了个网页版的俄罗斯方块。浏览器运行，页面顶部会出现一个黄条提示是否运行，确认运行了才能显示游戏画面。现在想来，那个肯定是JavaScript，当时傻傻居然没分清Java和JavaScript。书上可能有讲这个是JavaScript，但没想
脱离语言·2018-11-16 10:16

javascript学习笔记--dom查询练习

三个获取元素节点对象：根据id获取一个元素节点对象getElementById()根据标签获得一组元素对象,返回类数组对象getElementsByTagName()根据name属性获取一组元素对象，返回类数组对象getElementsByName()；基本代码片段：.but{clear:both;}li{width:70px;height:100%;background-color:aquama
持续5年输出bug·2018-11-09 08:49

javascript学习笔记（第四章图片库--初步了解）

javascript学习笔记（第四章图片库–初步了解）通过前三章的学习我们已经对这个新的语言有了一个了解，js的语法基本和C语言一致，我们可以通过调用一些document对象中的函数来对实现一些很简单的基本操作
一头成精的苹果·2018-11-04 15:58

JavaScript学习笔记4—标准对象

在JavaScript的世界里，一切都是对象。一、JavaScript需要遵守的规则：1.不要使用newNumber()、newBoolean()、newString()创建包装对象；JavaScript提供了包装对象。number、boolean和string都有包装对象。没错，在JavaScript中，字符串也区分string类型和它的包装类型。包装对象用new创建：varn=newNumbe
天山雪莲_38324·2018-11-02 17:54

JavaScript学习笔记6 — Node.js

一、Node.js2009年，Ryan正式推出了基于JavaScript语言和V8引擎的开源Web服务器项目，命名为Node.js。虽然名字很土，但是，Node第一次把JavaScript带入到后端服务器开发。二、安装Node.js和npm由于Node.js平台是在后端运行JavaScript代码，所以，必须首先在本机安装Node环境。npm其实是Node.js的包管理工具（packagemana
天山雪莲_38324·2018-11-02 17:16

JavaScript学习笔记2—函数

JavaScript的相关语法知识：1、函数(important)基本上所有的高级语言(C、OC、JavaScript都是高级语言，汇编语言、机器语言是低级语言)都支持函数，JavaScript也不例外。JavaScript的函数不但是“头等公民”，而且可以像变量一样使用，具有非常强大的抽象能力。可见，借助抽象，我们才能不关心底层的具体计算过程，而直接在更高的层次上思考问题。写计算机程序也是一样，
天山雪莲_38324·2018-11-02 14:28

JavaScript学习笔记 - JavaScript基础

1JavaScript基础1.1JS在html内部的引入：html文件是从上到下加载，可以使用：//js代码或者引用JS文件：练习1-1：编写一个输入框和按钮，当点击按钮时，alert输出hello+输入框内容：//1、获取元素varoText=document.getElementById("name");varoBt=document.getElementById("bt");//2、点击事件
梦元_38ab·2018-10-27 23:21

JavaScript学习笔记之数组、函数、事件

数组创建数组语法：varmyarray=newArray();我们创建数组的同时，还可以为数组指定长度，长度可任意指定。varmyarray=newArray(8);//创建数组，存储8个数据。注意：1.创建的新数组是空数组，没有值，如输出，则显示undefined。2.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外。注意：数组每个
Dilly__dally·2018-10-27 20:18

JavaScript学习笔记之数组、函数、事件

数组创建数组语法：varmyarray=newArray();我们创建数组的同时，还可以为数组指定长度，长度可任意指定。varmyarray=newArray(8);//创建数组，存储8个数据。注意：1.创建的新数组是空数组，没有值，如输出，则显示undefined。2.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外。注意：数组每个
Dilly__dally·2018-10-27 20:18

JavaScript学习笔记之DOM操作

认识DOM文档对象模型DOM（DocumentObjectModel）定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。先来看看下面代码:将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合，三种常见的DOM节点:1.元素节点：上图中、、等都是元素节点，即标签。2.文本节点:向用户展示的内容，如...中的JavaScript
Dilly__dally·2018-10-24 20:55

javascript学习笔记--call和apply方法

this1.以函数形式调用，window2.以方法形式调用，方法的对象3.以构造函数形式调用，构造函数新创建的那个对象5.以call和apply形式调用，指定的那个对象1.call和apply是函数的方法，要通过函数对象来调用2.当对函数调用该方法时，都会调用函数执行3.在调用call和apply可以将对象作为一个参数,此时这个对象就会成为执行函数的this，4.所以可以通过call和apply修
持续5年输出bug·2018-10-19 08:48

javascript学习笔记（第三章DOM--获取对象元素）

javascript学习笔记（第三章DOM–获取对象元素）获取节点元素的三种DOM方法：元素ID、标签名字、类名字1.元素ID（getElementById）：通过调用此方法返回一个指定Id属性的元素节点所对应的对象
一头成精的苹果·2018-10-09 14:20

javascript学习笔记（第二章语法学习续）

javascript学习笔记（第二章语法学习续）一、操作在上一节里，我们对javascript的相关语法和语句进行了一些初步的了解，但是这些语句并不能完成一些相应的操作，如想要实现一些功能还需要对数据进行一些计算和处理
一头成精的苹果·2018-10-05 13:29

JavaScript学习笔记

JavaScript严格区分大小写；数据类型：Number：不区分整数与浮点数；字符串：布尔值：相等运算符：==：会自动转换数据类型再比较；===：不会自动转换数据类型，数据类型不一致则返回false；NaN，表示NotaNumber与所有其他值都不相等，包括自己；null：表示一个空的值，与0和空字符串''不同，0是一个数值，''表示长度为0的字符串，而null表示"空"；undefined：表
村雨1943·2018-10-03 10:34

JavaScript学习笔记——JSON

10.JSON///【JSON是一种数据格式，不是JS独有的】///【JSON语法】/*1.数据书写格式："name":value，JSON要求给属性名加上【双引号】，JSON不能用单引号2.JSON值可以是：数字(整数、浮点数)，字符串，布尔值(truefalse)，数组，对象，null，注意没有undefined3.数据由逗号分隔4.大括号保存对象5.中括号保存数组*/{"bool":fals
yuanyb·2018-09-25 22:00

Javascript学习笔记——表单处理

9.表单处理9.1表单的基础知识///表单用元素表示，对应的是HTMLFormElement类型，继承自HTMLElement。//属性：action、method、acceptCharset///【获取表单】varform=document.getElementById('form1');//通过给标签添加IDvarfrom2=document.froms['form_name'];//通过的n
yuanyb·2018-09-25 21:00

JavaScript学习笔记——事件

8.事件8.1事件基础1///事件就是用户或浏览器自身执行的某种动作。诸如click、load和mouseover，都是事件的名字。而响应某个事件的函数就叫做事件处理程序（或事件侦听器）。事件处理程序的名字以"on"开头，因此click事件的事件处理程序就是onclick，load事件的事件处理程序就是onload。2​3​4///【HTML事件处理程序】56​78//【DOM0级处理程序】9va
yuanyb·2018-09-25 21:00

JavaScript学习笔记——DOM

7.DOM7.1DOM简介DOM是文档对象模型，HTML文档的所有内容都是节点：整个文档是一个文档节点(document最顶级)HTML元素内的文本是文本节点每个表面的属性是属性节点注释是注释节点HTMLDOM将HTML文档视作树结构，这种结构被称为节点树。文档document根元素html元素head元素body元素title文本节点元素a属性节点href节点父、子、同胞：在节点树中，顶端节点称
yuanyb·2018-09-25 21:00

Javascript学习笔记——变量、内存、作用域

3.变量、内存、作用域3.1基本类型和引用类型的值ECMAScript变量可能包含两种不同数据类型的值：基本类型值【Undefined、Null、Boolean、Number和String。这5种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值】和引用类型值【在操作对象时，实际上是在操作对象的引用而不是实际的对象。为此，引用类型的值是按引用访问的】。基本类型值指的是简单的数据段，而引用
yuanyb·2018-09-25 21:00

JavaScript学习笔记——JS基础

1.JavaScript基础1.1语法严格区分大小写标识符，第一个字符可以是$，建议使用小驼峰法，保留字、关键字、true、false、null不能作为标识符JavaScript是用Unicode字符集编写的1.2数据类型判断数据类型：typeofxxx定义变量：varxxx=yyy;函数内部不加var可以定义全局变量可以随意改变类型vara,b,c;定义多个变量Number类型：包括整数和小数v
yuanyb·2018-09-25 21:00

JavaScript学习笔记

12.字符串String方法：charAt():返回索引指定的字符所在的位置的字符Eg:varstr="abcdef";document.write(str.charAt(“下标”));如果下标为0，则页边上的值为a如果下标为1，则页边上的值为b如果下标为2，则页边上的值为c。。。。。。charCodeAt():返回指定索引位置的字符的Unicode值Eg：varstr="abcdefg";doc
AuroraZR·2018-08-30 19:37

【Javascript学习笔记】【ES6：函数的扩展】

目录目录函数参数的默认值与解构赋值默认值结合使用默认值的位置函数的length属性作用域快捷链接函数参数的默认值直接写在参数定义的后面，若无该参数才会使用默认值。functionlog(x,y='World'){ console.log(x,y); } log('Hello')//HelloWorld log('Hello','China')//HelloChina log('Hello',''
欣欣__KuanG97·2018-08-30 00:00

【React学习笔记】【使用AntDesign】

【Javascript学习笔记】目录目录使用antdDesignyarn安装antdDesignyarn引入antdDesign高级配置方便引用引入react-app-rewired并修改package.json
欣欣__KuanG97·2018-08-28 17:24

【Javascript学习笔记】【查询HTTP请求+Ajax入门】

目录目录Ajax理解同步和异步HTTP请求完整的HTTP请求过程请求响应状态码基础创建XMLHttpRequest对象XMLHttpRequest发送请求XMLHttpRequest取得响应例子实战#处理跨域——代理或JSONP方法JSONP常用状态码实战代码Download快捷链接AjaxAjax即“AsynchronousJavascriptAndXML”（异步JavaScript和XML），
欣欣__KuanG97·2018-08-28 00:00

【Javascript学习笔记】【ES6：let/var声明变量与作用域+const声明常量+变量的解构赋值】

目录目录声明变量Let适用场景for不存在变量提升暂时性死区同一代码块不允许重复声明块级作用域下注意点如果确实需块级作用域内声明函数。也应该写成函数表达式，而不是函数声明语句。var声明常量const有效区域、特性不可改也可改的理解变量的解构赋值解构数组解构对象解构函数的解构数值和布尔值解构（感觉不常用）字符串解构（感觉不常用）解构反例解构赋值允许指定默认值解构常见用途快捷链接声明变量ES6一共有
欣欣__KuanG97·2018-08-23 00:00

【Javascript学习笔记】【函数定义与调用+关键字arguments+多行return】

目录目录定义函数function指出函数定义函数赋值给了变量的函数定义调用函数传参规则关键字arguments用途判断传入参数的个数注意ReturnES6拓展快捷链接定义函数function指出函数定义function函数名(参数){ ... }注意：一旦执行到return时，函数就执行完毕。没有return也会返回结果，且为：undefined函数赋值给了变量的函数定义将匿名函数赋值给了变量ab
欣欣__KuanG97·2018-08-23 00:00

JavaScript学习笔记02——互动

1、输出内容 varmyAge=20; varmyName="Bob"; document.write("IamBob,a20-year-oldboy！");//直接把输出内容放在“”内 document.write(myName);//直接输出变量的内容 document.write("mynameis"+myName);//输出多项内容，以+连接 document.write(myName+
52Cathy·2018-08-21 17:00

JavaScript学习笔记01

1、为什么学？目前全世界大部分网页都使用JavaScript;所有主流浏览器都支持JavaScript;它可以使网页呈现动态效果 2、如何写入JS代码？第一种做法：在HTML网页中直接插入JavaScript代码，使用标签，并把代码写在这对标签之间。eg:document.write("hello")text表明这对标签之间是文本类型（text），javascrpt表明该文本（txt）属于Java
52Cathy·2018-08-20 09:01

JavaScript学习笔记（一）

作者：cedar（https://www.jianshu.com/writer#/notebooks/28559629/notes/32531540）一、基础知识JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到中。由...包含的代码就是JavaScript代码，它将直接被浏览器执行。第二种方法是把JavaScript代码放到一个单独的.js文件，然后
CV_Cedar·2018-08-19 17:02

【ReactJs学习笔记】【子组件将数据传给父组件 && 模拟发送更新给服务端】

【Javascript学习笔记】目录目录CommentForm新添加的内容传给爸爸CommentBox理解代码效果更新评论状态代码效果优化结构代码效果优化样式——使用AntDesign快捷链接CommentForm
欣欣__KuanG97·2018-08-14 15:59

【ReactJs学习笔记】【状态State && 用JQ和ajax从服务器端得到数据】

【Javascript学习笔记】目录目录数据准备传递数据的链接模拟数据JQuery准备安装jspm包管理在本地目录安装包管理下载JQuery检查依赖配置状态StateJQuery&&Ajax效果更新获取数据的状态快捷链接数据准备传递数据的链接
欣欣__KuanG97·2018-08-14 14:15

【ReactJs学习笔记】【父子组件用于传递数据— —Props】

【Javascript学习笔记】目录目录属性Props原理下面代码理解代码效果从父组件（祖先）获得数据代码效果快捷链接属性Props原理1.父组件通过属性的形式向子组件传递参数，而子组件通过this.props.xxx
欣欣__KuanG97·2018-08-14 13:44

【JavaScript学习笔记】【Input— —限制输入为数字之H5 vs JS vs 正则表达式】

【Javascript学习笔记】目录目录H5优缺点效果代码JS优缺点代码正则表达式优缺点代码常用的正则表达式快捷链接H5优缺点优点：简单快捷；缺点：不够灵活；不可限制复杂数字，只适用于整数。
欣欣__KuanG97·2018-08-02 17:15

【Javascript学习笔记】【DOM实战+对象— —密码强度实时认证】

目录目录密码强度实时认证效果权重规则代码引用到的知识点快捷链接密码强度实时认证效果权重规则字符权重：数字1，字母2，其他字符3规则：党密码长度小于6时不符合标准；长度>=6，强度=6，强度>=10且=6，强度>=15；————强代码html部分密码强度实时验证 css部分#pwdStren{float:left;} #show{float:left;border-radius:30px;padd
欣欣__KuanG97·2018-08-02 16:49

【Javascript学习笔记】【input、textArea实时显示剩余可输入的字数】

目录目录实时显示剩余可输入的字数效果代码快捷链接实时显示剩余可输入的字数效果代码html部分实时显示剩余可输入的字数（字母，数字，中文都算一个字） 昵称: 15/15 评论内容: 30/30js部分functionkeypress1(){ vartext1=document.getElementById("myText").value; varmaxLen=document.getEleme
欣欣__KuanG97·2018-08-02 16:22

【Javascript学习笔记】【常用form操作— —Input】

目录目录文本或者表单内容的禁止复制与粘贴代码限制输入框只能输入数字代码回车提交代码方法一方法一引用到的知识点快捷链接文本或者表单内容的禁止复制与粘贴代码html部分禁止复制与粘贴 禁止复制与粘贴的文本js部分varcopyPaste=document.getElementById("copyPaste"); varcopyPasteP=document.getElementById("copyP
欣欣__KuanG97·2018-08-02 00:00

【Javascript学习笔记】【DOM实战— —jQ实现点击任意位置关闭某处的效果（常用于模态框后面的遮罩层）】

【Javascript学习笔记】目录目录点击任意位置关闭某处原理效果代码实战代码快捷链接点击任意位置关闭某处而且点击对应处并不会hide掉自己原理//点击文档任意处都触发该事件 $(document).
欣欣__KuanG97·2018-08-01 17:18

【Javascript学习笔记】【js线程实战— —实现随机速度的打字机效果】

目录目录随机速度的打字机效果效果代码引用到的知识点线程利用定时器触发线程利用事件触发线程随机数实战代码Download快捷链接随机速度的打字机效果效果代码html部分 typeWriter h2,h5,#tooltipMsg,p{white-space:nowrap;}td{border:1pxsolid#ccc;height:50px;text-align:center;font-size
欣欣__KuanG97·2018-08-01 16:23

【Javascript学习笔记】【02Map && Set && iterable类型】

目录目录MAPSetES6标准iterable类型快捷链接MAPMap是一组键值对的结构，具有极快的查找速度。.set()添加key，value.has()是否存在该key.get()获取key对应值.delete()删除varm=newMap();//空Map m.set('Adam',67);//添加新的key-value m.set('Bob',59); m.has('Adam');//是否
欣欣__KuanG97·2018-08-01 00:00

javascript学习笔记——理解对象

1.定义：①无序属性的集合，其属性可以包含基本值、对象或者函数；②对象是一组没有特定顺序的值，对象的每个属性和方法都有一个名字，而每个名字都映射到一个值；③可以看成是散列表，是成组的名值对，其中值可以是数据或函数2.属性类型①对象中的属性分为：数据属性和访问器属性②修改writable的特性值varperson{};Object.defineProperty(person,"name",{writ
ass_ace·2018-07-28 14:14
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他