javascript学习笔记

【Javascript学习笔记】【DOM案例实战——JQ轮播】

目录目录横向轮播通知栏原理效果代码简单的轮播图效果效果代码带有链接点简单的轮播图效果原理效果代码应公司要求的轮播图：hover小图查看对应图，点击小图跳转文章效果实战代码Download快捷链接横向轮播通知栏原理设置一个固定大小的溢出隐藏容器，再设置一个子容器，设置其宽度比父容器大，并放置需要轮播的内容，通过定时器定时调用某函数实现自容器位置的变换，实现的轮播效果。效果自动轮播，可点击立刻向右下一
欣欣__KuanG97·2018-07-27 16:06

【Javascript学习笔记】【01数据类型&&变量】

目录目录数据类型Number字符串多行字符串模板字符串操作字符串toUpperCase()toLowerCase()indexOf()substring(),substring(x,y)布尔值比较运算符null和undefined数组indexOf()slice()push()和pop()unshift()和shift()sort()reverse()splice()万能修改concat()连接j
欣欣__KuanG97·2018-07-27 00:00

【Javascript 学习笔记总目录】

目录2018/8/28最近更新：【Javascript学习笔记】【查询HTTP请求+Ajax入门】目录笔记主目录ES6笔记案例实战实战代码Download快捷链接笔记主目录【Javascript学习笔记
欣欣__KuanG97·2018-07-27 00:00

【Javascript学习笔记】【DOM案例实战— —简单图库】

目录目录图库（点击链接加载对应的图片）效果图实现思路代码快捷链接图库（点击链接加载对应的图片）该图库不会在另外一个页面打开图片，此处只实现案例思想，具体图库样式从简。效果图实现思路建立有一个对象作为参数的函数，获取点击对象–（链接元素）里的href属性以及title属性，并将对应的两个属性放置在对应id的容器内src和文本节点。通过点击触发函数，无论调用函数是否成功，都会因为returnfalse
欣欣__KuanG97·2018-07-19 17:48

【Javascript学习笔记】【DOM案例实战— —JQ简单树菜单】

目录目录css部分都用这个JQ简单二级树菜单html部分jq部分JQ二级树菜单效果优化效果html部分JQ部分JQ二级树菜单优化关闭效果（保证打开一个其他关闭，打开流畅不突兀）html部分JQ部分JQ树菜单优化--多级树效果html部分JQ部分实战代码下载快捷链接css部分都用这个ul{list-style:none;} a:link, a:visited, a:hover, a:active{t
欣欣__KuanG97·2018-07-19 17:28

【Javascript学习笔记】【DOM案例实战— —联动效果】

目录目录二级联动js部分html部分三级联动快捷链接（包含各类实践练习）二级联动js部分window.οnlοad=function(){ /**初始化数据*/ varlinkDatas={ depart:[{ "code":0, "name":"请选择" },{ "code":1, "name":"办公室" },{ "code":2, "name":"技术组" },], job:{ 0:[ "
欣欣__KuanG97·2018-07-19 00:00

「JavaScript学习笔记」JS 变量赋值小疑问

今天群里面讨论了一个小问题vara={n:1}varb=aa.x=a={n:2}console.log(a.x)//?console.log(b.x)//?一开始我的想法是//按赋值运算符优先级a={n:2}a.x={n:2}//b指向a的值//a.x{n:2}//b.x{n:2}正确答案是：console.log(a.x)//undefinedconsole.log(b.x)//{n:2}为什么
这名字真不对·2018-07-11 11:07

Javascript学习笔记——8.7 函数属性、方法和构造函数

函数是一个特殊的对象，所以可以有自己的属性和方法，甚至可以用Function()构造函数来创建新的函数length函数有只读的length属性，它代表函数定义的参数的个数。要与arguments.length区分开，后者是函数调用时传入参数的个数。prototype每个函数都包含不同的原型对象。当函数用作构造函数的时候，新创建的对象会从原型对象上继承属性。call()和apply()call和ap
IFELSE·2018-07-05 09:42

Javascript学习笔记——8.5 做为命名空间的函数

Javascript中的作用域：函数作用域：在函数中声明的变量只在函数体内部可见，包括嵌套函数内，在函数外部不可访问全局作用域：不在函数体内定义的变量是全局变量，在整个Javascript程序中都是可见的Javascript没有块作用域，比如forwhile循环体（花括号）内定义的变量，在循环体外也可以访问，是全局变量由于没有块作用域，为了防止全局命名空间被污染，经常通过定义一个函数用作临时命名空
IFELSE·2018-06-27 09:46

Javascript学习笔记——6.9 序列化对象

对象的序列化是指将对象转换为字符串和将字符串还原为对象。内置函数JSON.stringify()和JSON.parse()用来序列化和还原Javascript对象。这些方法都使用JSON(JavascriptObjectNotation)作为数据交换格式。varp={name:'Mike',age:22}vars=JSON.Stringify(p)console.log(s)//{name:'Mi
IFELSE·2018-06-08 09:22

JavaScript学习笔记-函数

一函数定义1方式一在JavaScript中，定义函数的方式如下：functionabs(x){if(x>=0){returnx;}else{return-x;}}2方式二varabs=function(x){if(x>=0){returnx;}else{return-x;}};3方式三（重要）ES6标准新增了一种新的函数：ArrowFunction（箭头函数）：x=>x*x箭头函数相当于匿名函数，
NickDada·2018-05-30 20:32

JS笔记三：类型转换、内存与引用的面试题、深拷贝、垃圾回收

JavaScript学习笔记三个人学习笔记参考阮一峰的JavaScript教学类型转换,内存,深拷贝,关于内存的面试题等等转换为StringtoString()方法null和undefined没有toString
马涛涛·2018-05-01 00:00

JavaScript学习笔记一 js基础

总结自http://www.w3school.com.cn操作HTML元素如需从JavaScript访问某个HTML元素，您可以使用document.getElementById(id)方法。请使用"id"属性来标识HTML元素：MyFirstWebPageMyFirstParagraph.document.getElementById("demo").innerHTML="MyFirstJava
milanac007·2018-04-25 17:03

HTML，CSS，JavaScript学习笔记

HTML与CSS，JavaScript的区别在HTML语言中可以直接编写CSS代码CSS可以控制网页字体变化和大小JavaScript语言可以和HTML语言结合，在HTML中可以直接编写JavaScript代码JavaScript可以实现类似弹出提示框这样的网页交互性功能HTML：hyperTextMarkupLanguage超文本标记语言CSS：CascadingStyleSheets层叠样式表
Up_梅子酒·2018-04-08 18:12

JavaScript学习笔记（一）

DOM（D：documentO：objectM：map）1、节点helloworld2、获取元素节点hello    （1）通过元素ID获取节点document.getElementId("one");//返回的是元素节点对象（2）通过标签名获取节点document.getElementsByTagName("p");//返回的是数组元素节点对象，即使只有一个元素也是数组，只是长度为1（3）通过类
DJMUTUDU·2018-03-08 00:42

Kevin的Javascript学习笔记（1）- 数据类型和运算符

什么是值？个人理解为保存在计算机内存里面的数据为值，JS里面的值有6中类型：数字(number)、字符串(string)、布尔值(boolean)、对象(object)、函数(function)和未定义类型(undefined)。数字JS（JavaScript的缩写）,我们生活中可以写一个很大的数字，比如9999999999999999999999999999...99，但是JS不一定能够保存这么
kevin_captain·2018-02-24 09:19

【JavaScript学习笔记】8：for-in遍历,ES6的for-of遍历,可迭代对象的forEach()方法

回顾for-in遍历在js里，for-in遍历的是可迭代对象的key，这点需要特别注意："usestrcit";varx=['lz','h','is','asb'];//Array对象是可迭代的for(letiinx){console.log(i);//用for-in遍历输出看一下}输出0123不方便之处如果要获取它的值，就需要再去查询一次这个key所对应的值："usestrcit";varx=[
刘知昊·2018-02-09 01:06

Javascript学习笔记——3.1 数字

javascript不区分整数和浮点数当一个数字直接出现在程序中，我们称之为数字直接量（numericliteral）整形直接量包括十进制和十六进制，十六进制以0x或0X为前缀浮点型直接量实数写法，整数+.+小数指数计数法写法2.8E153.6e-23算数运算简单运算包括加减乘除和求余（%）复杂运算通过Math对象来实现，比如Math.abs(-5)NaN和Infinityjs算数运算溢出时不会报
IFELSE·2018-02-05 15:08

javascript学习笔记：DOM节点关系和操作

0x01：前面的话DOM可以将任何HTML描绘成一个由多层节点构成的结构。节点分为12种不同类型，每种类型分别表示文档中不同的信息及标记。每个节点都拥有各自的特点、数据和方法，也与其他节点存在某种关系。节点之间的关系构成了层次，而所有页面标记则表现为一个以特定节点为根节点的树形结构。本文将详细描述DOM间的节点关系和基础的DOM操作。节点中的各种关系可以用传统的家族关系来描述，相当于把文档树比喻成
wt7315·2018-02-01 17:14

javascript学习笔记：DOM节点概述

0x01：DOM是javascript操作网页的接口，全称为文档对象模型(DocumentObjectModel)。它的作用是将网页转为一个javascript对象，从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型，将HTML文档解析成一系列的节点，再由这些节点组成一个树状结构。DOM的最小组成单位叫做节点(node)，文档的树形结构(DOM树)由12种类
wt7315·2018-01-31 11:16

JavaScript学习笔记

引言什么是javascript？第一个javascript程序开发javascript的基本语法结构基本语法JavaSctipt语法变量数据类型基本类型字符串数字布尔特殊的类型基本类的特殊操作对象类型运算符表达式赋值运算符算术运算符比较运算符逻辑运算符程序的流程控制条件分支循环函数（function()）对象类型自定义对象内置对象数组字符串日期算术HTML对象事件DOM[documentobjec
最佳陌生人·2018-01-10 21:59

3.JavaScript学习笔记

JavaScript概述：是什么JavaScript是网络的一种脚本语言，所谓的脚本语言：不能独立运行，必须嵌入到其他语言中执行，JavaScript是被浏览器解析执行的，不需要编译。干什么1.验证表单2.修改css样式3.修改页面的HTML元素4.对事件作出响应js组成1.EcmaScript:js语法,js基本对象2.Bom:browserobjectmodel(浏览器对象模型:控制浏览器的窗
Vincilovfang·2018-01-09 23:20

Javascript学习笔记-异步和回调

Javascript异步和回调.png1.异步Javascript中程序是分块执行的，块的最常见单位是函数，在Javascript引擎执行的时候，通常最少存在一个现在正在执行的块和一个将要执行的块，对于异步的分块执行，最简单的方式就是回调。functionf1(){console.log(1);}functionf2(){console.log(2);}//当开始执行f1的时候，f1就是当前执行块
Patrick浩·2017-12-10 15:12

JavaScript学习笔记7 DOM为指定元素插入子元素的方法

书中提供了一个小的案例来讲述DOM控制页面节点树的方法，我将这个过程比较详细的写了一遍，确实很实用！虽然使用方法比innerHTML繁琐些，但是可以非常精确控制每一个节点的位置，还可以把这个节点做成一个全局变量（这个是我看到这里自己总结的，应该是成立的），以后随时可以调用！下面内容包括代码，我都是在markdown编辑器下手敲的，目的是为了在这个过程中，能再写一遍代码，对这些代码能加深印象如果文字
若飞丶·2017-12-04 02:10

JavaScript学习笔记（8）：引用类型，Object对象，Array对象

1，在js中，引用类型是一种数据结构，用于将数据和功能组织在一起。2，尽管js也是一门面向对象的语言，但它不具备传统的面向对象语言所支持的类和接口等基本结构，所以我们不能把引用类型成为“类”。3，对象是某个特定引用类型的实例。4，object是js中最基本也是使用频率最高的一个引用类型。5,创建一个引用类型实例的两种方法。//method1varperson=newObject();person.
陈大饼同学·2017-11-27 03:24

javascript学习笔记--数据类型

Javascript的数据类型1.String2.Number3.Boolean4.undefined5.nullundefined表示声明未赋值；varaaa；console.log(aaa)；输出结果是undefined判断数据类型：使用typeof操作符语法上可以使用两种typeof（xxx）或者typeofxxx特殊的：null是表示一个空的对象。varobj=null或者varobj={
人才辈出阿卡姆·2017-11-16 16:01

javascript学习笔记

阅读更多JavaScript-判断语句（if...else）if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。语法:if(条件){条件成立时执行的代码}else{条件不成立时执行的代码}假设我们通过年龄来判断是否为成年人，如年龄大于等于18岁，是成年人，否则不是成年人。代码表示如下:varmyage=18;if(myage>=18)//myage>=18是判断
Eileenlml·2017-10-20 11:00

javascript学习笔记（二）——执行上下文

执行上下文执行上下文可以理解为当前代码的执行环境，JavaScript中的运行环境大概包括三种情况。全局环境：JavaScript代码运行起来会首先进入该环境函数环境：当函数被调用执行时，会进入当前函数中执行代码eval（可忽略）每一个函数执行时，都会给对应的函数创建这样一个执行上下文。当JavaScript开始要解释执行代码的时候，最先遇到的就是全局代码，所以初始化的时候首先就会向执行上下文栈压
一月二十九日·2017-09-19 16:28

javascript学习笔记（一）——内存管理

内存生命周期不管什么程序语言，内存生命周期基本是一致的：分配你所需要的内存使用分配到的内存（读、写）不需要时将其释放\归还在JavaScript中，最后一步是隐藏的、透明的。JavaScript的内存分配JavaScript在定义变量时就完成了内存分配。vara=123;//给数值变量分配内存varb="azerty";//给字符串分配内存通过函数调用的内存分配varc=newDate();//分
一月二十九日·2017-09-19 16:32

JavaScript学习笔记之函数记忆

本文讲解函数记忆与菲波那切数列的实现，分享给大家，具体如下定义函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。举个例子：functionadd(a,b){returna+b;}//假设memorize可以实现函数记忆varmemoizedAdd=memorize(add);memoizedAdd(1,2)//3memoizedAdd(1,2)//相同
�暧�·2017-09-06 11:25

JavaScript学习笔记之惰性函数示例详解

前言本文主要给大家介绍了关于JavaScript惰性函数的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。需求我们现在需要写一个foo函数，这个函数返回首次调用时的Date对象，注意是首次。解决一：普通方法vart;functionfoo(){if(t)returnt;t=newDate()returnt;}问题有两个，一是污染了全局变量，二是每次调用foo的时候都需要进
�暧�·2017-08-27 09:15

JavaScript学习笔记(DOM脚本)

本篇讲述的是文档对象模型（DOM）。JavaScript在Web开发中的主要作用是用于与用户交互，而DOM便是我们实现这些功能的基础。DOM是W3C提供的一种标准，它为开发人员提供了一种方式以表达网页中的所有元素。我们可以通过JavaScript修改页面元素相应的DOM属性，便可以对页面中的元素进行相关操作。有一点儿比较值得称赞的是，因为DOM只表示页面中的内容，所以它并不受浏览器影响，因此我们编
moonfish0607·2017-08-25 23:09

javascript学习笔记之filter(数组去重）

数组去重的多种方法遍历数组法实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5方法，IE8以下不支持，需多写一些兼容低版本浏览器代码：//最简单数组去重法functionunique1(array){varn=[];//一个新的临时数组//遍历当前数组for(vari=0;i
啾啾哒·2017-08-24 16:01

Javascript学习笔记（持续补充更新）

前言一.含义JavaScript是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它的主要目的是，验证发往服务器端的数据、增加Web互动、加强用户体验度等。二．JavaScript特点松散性JavaScript语言核心与C、C++、Java相似，比如条件判断、循环、运算符
qq_15288543·2017-08-15 12:34

Javascript学习笔记（十三）--window浏览器对象模型

功能：使JavaScript有能力与浏览器“对话”所有浏览器都支持window对象。它表示浏览器窗口。所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。全局变量是window对象的属性。全局函数是window对象的方法。甚至HTMLDOM的document也是window对象的属性之一：window.document.getElementById("header");
五秋木·2017-08-12 20:42

Javascript学习笔记（八）--内置对象之String

String对象用于处理已有的字符块。txt.length得到字符串长度txt.big()：字体变大txt.small()：字体变小txt.bold()：变粗txt.italics()：倾斜txt.blink()：闪烁，对于好多浏览器没用，比如谷歌和edgetxt.fixed()：字符串显示为打字机字体。txt.strike()：加删除线txt.fontcolor("Red")：改颜色txt.fo
五秋木·2017-08-03 21:10

7月份前端资源分享

数组元素随机化排序算法实现JavaScript学习笔记：数组随机排序44个Javascript变态题解析(上)44个Javascript变
Toby·2017-07-10 00:00

javascript学习笔记（一）

ECMAScript定义javascript语言的基础。javascript由下列三个部分组成：ECMAScriptDOM（文档对象模型）BOM（浏览器对象模型）function(){alert("");//当浏览器遇到“"时,会以为那是结束标签。而通过转义“\"可以解决这个问题，""}如果有多个script标签，则浏览器会按照它们的先后顺序进行解析。引入的javascrpt脚本最好是放在前面，页
Paranoidyang·2017-06-20 21:37

Javascript学习笔记 基础（一）

js基本语法有下面几个点：变量作用域语法逻辑语句结构事件的绑定函数（定义）一个计算器的小练习变量变量是存储信息的容器。js变量可用于存放值和表达式。变量命名可以用$和_或者字母开头，并且变量的名称对大小写敏感（newarr和newArr是两个不同的变量）数据类型变量的数据类型有number、string、boolean、object、array等作用域变量的作用域有两种，全局变量和局部变量：全局变
moonnn_light·2017-06-19 19:03

[JavaScript学习笔记]正则表达式

常用作用:找到有规则的文本//常用.//表示任意字符,不包括回车\n//回车\d//表示数字\b//boundary边界线,跟空格无关,而是词组的组成形式,英语是空格,中文是单字{n}//n填数字,匹配前面的多个\w//word,匹配字母数字或者下划线\s//space匹配空白符+//前面的字符一个或多个^//开头$//结尾$1//需要放在替换栏,表示匹配到的字符保存下来,$1,$2…对应前边第n
这名字真不对·2017-06-05 01:30

JavaScript学习笔记（第一天）

关于对JavaScript的介绍我就不多加述说了，因为我的理解肯定没有大佬们表述的清晰，JavaScript在我的印象里是一种很流行的脚本语言，至于为何流行？因为所有的网页，浏览器都是由js来驱动的，H5，跨手机，电脑，pad等多种平台。工具：webstorm快速入门：javascrip入门1varabc='Helloworld'alert(abc);为什么这么写？因为js是驱动h5与用户进行交互
隔壁小王66·2017-06-01 00:35

JavaScript学习笔记30-数组属性和方法

本文介绍数组的length属性和数组几个常用方法。varar1=newArray("张三","李四","王二");varar2=newArray("Lucy","Lily","Tom");//数组常用属性lengthdocument.write(ar1.length+"");//数组方法concat()两个数组拼接varname1=ar1.concat(ar2);//把ar2拼接到ar1的末尾va
Anthony_tester·2017-04-29 16:53

JavaScript学习笔记——DOM

JavaScript学习笔记4——DOMJavaScript学习1——3参考谷哥的小弟博客[http://blog.csdn.net/lfdfhl?
csdn1125550225·2017-04-28 00:00

JavaScript学习笔记4-变量类型

从前一篇文章我们了解了变量的声明和在打印语句中使用，这里我们看看变量有哪些类型。//整形变量varage=18;//字符变量varname="Anthony";//小数varprice=19.99;//负数varx=-34.56;//布尔型(falsetrue)varstatus=false;vars=null;//这是什么鬼 //字符串中如何打印出双引号？需要转义varmessage="Hesa
Anthony_tester·2017-04-26 21:18

JavaScript学习笔记————JavaScript的应用环境

JavaScript的应用环境，主要是宿主环境（hostenvironment）和运行期环境构成。其中，宿主环境是指外壳程序（Shell）和Web浏览器等，而运行期环境则是由JavaScript引擎内建的。宿主环境宿主环境是为了隔离代码、语言与具体的平台而提出的一种设计。一方面我们不能让浏览器拥有一个巨大无比的运行期环境（虚拟机就是拥有特别大的运行期环境的一个平台），另一方面服务器端又需要较强大的
IT阳光罗诺·2017-04-26 14:14

JavaScript学习笔记————JavaScript的应用环境

JavaScript的应用环境，主要是宿主环境（hostenvironment）和运行期环境构成。其中，宿主环境是指外壳程序（Shell）和Web浏览器等，而运行期环境则是由JavaScript引擎内建的。宿主环境宿主环境是为了隔离代码、语言与具体的平台而提出的一种设计。一方面我们不能让浏览器拥有一个巨大无比的运行期环境（虚拟机就是拥有特别大的运行期环境的一个平台），另一方面服务器端又需要较强大的
阳光罗诺·2017-04-26 13:19

JavaScript学习笔记之事件处理机制

摘自李刚《疯狂HTML5/CSS3/JavaScript讲义》1、为DOM对象或HTML元素绑定事件处理函数（或多条JavaScript脚本），当这些DOM对象或HTML元素发生某个动作时，这些事件处理函数（或多条JavaScript脚本）就会被触发，从而获得执行的机会。为HTML绑定事件处理函数的两种具备跨浏览器特性的方法：绑定HTML元素属性绑定到HTML元素属性时，属性值是一条或多条Java
_June_·2017-04-14 18:39

JavaScript学习笔记之对象

摘自李刚《疯狂HTML5/CSS3/JavaScript讲义》1.JavaScript语言与纯粹的面向对象程序设计语言的对比纯粹的面向对象程序设计语言（如Java）：最基本的程序单位是类，类与类之间提供严格的继承关系。JavaScript：没有提供规范的语法让开发者定义类。由于JavaScript的函数定义不支持继承语法，故JavaScript没有完善的继承机制。它不允许开发者指定类与类之间的继承
_June_·2017-04-13 18:00

JavaScript学习笔记之强大的自动类型转换

转换规律：对于减号运算符，因为字符串不支持减法运算，所以系统自动将字符串转换成数值进行【减法运算】；对于加号运算符，因为字符串可用加号作为连接运算符，所以系统自动将数值转换成字符串进行【连接运算】。若希望字符串和数值执行加法运算呢？使用强制类型转换。toString()：将布尔值、数值等转换成字符串。parseInt()：将字符串、布尔值等转换成数值。parseFloat()：将字符串、布尔值等转
_June_·2017-04-13 10:55

JavaScript学习笔记（1）—— js基础

JavaScript学习笔记（1）——js基础本文目录一、认识JS二、JS的词法结构（语法基础）三、变量与数据类型四、运算符与表达式五、语句一、认识JS1、JS是什么JavaScript是一种运行在浏览器上的脚本语言可用于客户端
惠子huiz·2017-04-07 17:00
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他