学习笔记：MDN的JavaScript

Javascript学习笔记2.2 Javascript与DOM选项卡（滑动门）案例详解

学习了DOM的知识,今天开始做些练习,想到了一个网页滑动门的特效,见下图: 1.通过建立索引实现 <!doctype html> <html> <head> <meta charset="utf-8"> <title>js简单滑动门</title> <style type="text/css"> *{ padding:0; margin:0; font-size:14px;} li{…

python web开发学习笔记一：javascript基础

一.认识js: 能进入到软件所实习是我的最大的收获,也是我的荣幸,我相信努力付出一定能够换回收获. 项目最先开始的是接触到web前端的一些内容,我们需要利用flask搭建应该有的框架.我有一些python和java基础,学起js来觉得不是很费劲,js是一种轻量级的脚本语言,专门应用于前端开发:它是是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用…

JavaScript学习笔记——1.了解JavaScript

百度百科: JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的. JavaScript是一种解释性脚本语言(代码不进行预编译). JavaScript主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为. JavaScript可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离. 跨平台特性,在绝大多数浏览…

【学习笔记】：JavaScript基础知识超详细总结！

目录一.JavaScript的实现二.JavaScript语言的特点三.JS与HTML如何结合四.JS中的数据类型四.JS的原始数据类型 2.JS的引用数据类型五.JS引用数据类型之函数 1.函数定义 2.arguments对象 3.函数属性 4.函数的另类之处六.JS引用数据类型之数组 1.数组特点 2.数组创建 3.数组方法 4.数组属性七.JS引用数据类型之对象 1.本地对象(native object) 2.内置对象(built-in object) Global Mat…

Javascript学习笔记2.1 Javascript与DOM简介

DOM(文档对象模型)简介 DOM(文档对象模型)针对HTML和XML文档的一个API. DOM可以将任何HTML或XML文档描绘成由多层节点构成的树形结构,它是中立于平台和语言的接口,允许程序和脚本动态地访问和更新文档的内容.结构和样式. Javascript通常都是用来进行DOM操作和交互的.当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). 以下讨论的是HTML DOM. 每一个网页元素(一个HTML标签)被看做一个对象.文档对象模型通常被理解成…

bootstrap学习笔记之四（javascript插件）

下面展现四个插件的用法,一般插件的功能可以用两种方法实现,一种是引入bootstrap.js后,通过添加data属性实现,另一种则是通过js代码是实现. 第一个插件:下拉菜单的实现第一种方法:data属性可以回顾下拉菜单组件的学习,记得当开始学习下拉菜单时就引入了data-toggle="dropdown"属性,如果没有使用这个属性,是无法实现下拉菜单效果的.随便说下,将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative…

WEB学习笔记8-添加javascript禁用的提示

最常用的方式是使用<noscript>标签,此标签就是当javascript被禁用或者不被支持的时候提供一种代替方式,即<noscript>标签的内容会在此时被浏览器解析,作为javascript不可用时的备选方案. 此标签的常规用法就是当javascript不可用时显示提示信息. <script type="text/javascript"> //一些操作 </script> <noscript> <p>浏览器不…

JavaScript学习笔记系列1:JavaScript的是什么？

一.JS是什么? JavaScript作为Netscape Navigator浏览器的一部分首次出现在1996年.它最初的设计目标是改善网页的用户体验. 作者:Brendan Eich 期初JavaScript被命名为,LiveScript,后因和Sun公司合作,因市场宣传需要改名JavaScript.后来Sun公司被Oracle收购,JavaScript版权归Oracle所有. 二.浏览器的组成部分? 1.shell部分 2.内核部分:渲染引擎(语法规则和渲染),js引擎,其他模块三.目前主…

JavaScript DOM编程艺术学习笔记-第二章JavaScript语法

一.JavaScript示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Just a Test</title> </head> <body> <script src="example.js"></script> </bod…

JavaScript DOM编程艺术学习笔记-第一章JavaScript简史

一,JavaScript的起源 JavaScript是Netscape与Sun公司合作开发,它是一种脚本语言,通常只能通过Web浏览器去完成一些操作.JavaScript为程序员提供了一些操控Web浏览器的手段. 二,DOM DOM是一套对文档的内容进行抽象化的方法. DHTML(动态HTML)的含义: 利用HTML把网页标记为各种元素利用CSS设置元素样式和它们的显示位置利用JavaScript实时地操控页面和改变样式三,制定标准 W3C于1998年完成了第一个DOM标准,随后,各大厂商…

1.1（JavaScript学习笔记）、JavaScript基础

一.JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. 它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言. 二.JavaScript语句 JavaScript语句可以直接写在HTML中,但是需要使用<script></script>包裹起来. <script> //JavaScript语句 </script> 三.JavaScript输出使用JavaS…

学习笔记：《JavaScript高级程序设计》

第1章 JavaScript简介 1.一个完整的JavaScript实现应该由三部分组成:核心(ECMAScript),文档对象模型(DOM)和浏览器对象模型(BOM). 2.Web浏览器只是ECMAScript实现可能的宿主环境之一.宿主环境不仅提供基本的ECMAScript实现,同时也会提供该语言的扩展,以便语言与环境之间对接交互.而这些扩展——如DOM,则利用ECMAScript的核心类型和语法提供更多更具体的功能,以便实现针对环境的操作.其他宿主环境包括Node(一种服务端JavaScr…

【学习笔记】：JavaScript中的BOM对象

JavaScript中的BOM对象 BOM(Browser Object Model):浏览器对象模型. BOM可用于对浏览器窗口进行访问,但BOM没有相关的标准,所以根据浏览器的不同,其中定义的对象属性和方法可能会有所不同. BOM对象也就是我们所说的宿主对象,总共分为五类:Window.Navigator.Screen.History.Location. 一.Window对象 Window 对象表示浏览器中打开的窗口. 1.特点 Window对象是全局对象,所有的表达式都可以再当前的环境中计…

js-JavaScript高级程序设计学习笔记21 改善JavaScript性能的方法

第24章最佳实践 1.性能 1.避免全局查找将在一个函数中会用到多次的全局对象保存在局部变量.比如多次使用document.getElement...,可以首先var doc=document,把document对象保存在本地的doc变量中. 2.避免with语句. with会创建自己的作用域,需要额外的作用域链查找 3.避免不必要的属性查找如果需要多次用到对象属性,应该将其存储在局部变量中. 4.优化循环减值迭代更快,优化循环体 5.展开循环循环次数确定时,消除循环更快.Duff装置…

【学习笔记03】Javascript数组学习

数组定义的方法一: var Myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度2 Myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ Myarr[i][j]=i+j; //赋值,每个数组元素为i+j } } 定义方法二: var Myarr=[[0,1,2],[1,2,3]] 练习:定义一个10*10的二维数组,值为1到100,打印成10*10的矩阵 <script> v…

【学习笔记】《JavaScript DOM 编程艺术》 ——总结

一.要点阐述 1,程序设计语言分为解释型和编译型两大类,JS属于解释型,在Web浏览器中一边解释一边执行. 2,"//"注释单行,"/*...*/"注释多行.反斜杠"\"对字符进行转义. 3,变量名用下划线,如my_mood,函数名.方法名和对象属性名首选驼峰式,如myFunc. 4,JS作为弱类型语言,字符串和数值的拼接,结果是字符串. 5,对象事例化用new,包括有自主创建的对象,内建对象(如Array,Math,Date)和宿主对象(如Fo…

【前端学习笔记05】JavaScript数据存储Cookie相关方法封装

//Cookie设置 //设置新cookie function setCookie(name,value,duration){ var date = new Date(); date.setTime(date.getTime() + duration*24*3600*1000); document.cookie = name + '=' + value + ';expires=' + date.toGMTString(); }; //获取cookie function getCookie(nam…

【前端学习笔记04】JavaScript数据通信Ajax方法封装

//Ajax 方法封装 //设置数据格式 function setData(data){ if(!data){ return ''; } else{ var arr = []; for(k in data){ if(!data.hasOwnProperty(k)) continue; if(typeof data[k] == 'function') continue; var value = data[k].toString(); var key = encodeURIComponent(k);…

【前端学习笔记03】JavaScript对象相关方法及封装

//Object.create()创建对象 var obj = Object.create({aa:1,bb:2,cc:'c'}); obj.dd = 4; console.log(obj.cc); // c console.log(obj.hasOwnProperty("cc")); //false console.log(obj.hasOwnProperty("dd")); // true //仿Object.create()方法创建CreateObject函数…

【前端学习笔记02】JavaScript字符串、数组的一些操作方法

字符串操作: //str.length "micromajor".length // 10 //str.charAt() "micromajor".charAt(0) // "m" "micromajor".charAt(100) // "" //str.indexOf() "micro-major".indexOf("-") // 5 "micro-maj…

【前端学习笔记01】JavaScript源生判断数据类型的方法

原始类型(值类型):Undefined.Null.Number.String.Boolean: 对象类型(引用类型):Object: typeof 可以识别标准类型,null外(返回Object):不能识别具体对象类型(Function除外). 用法举例: var num = 100; typeof num; // 或 typeof(num) --> number 注:除number .string.boolean.undefined.function类型外,其余类型都判断为object(包括…

[JS学习笔记]浅谈Javascript事件模型

DOM0级事件模型 element.on[type] = function(){} 兼容性:全部支持 lay1 lay2 lay3 e.target:直接触发事件的元素[IE8及以下不支持taget属性,使用e.srcElement代替] e.srcElement:直接触发事件的元素[FF不支持srcElement属性,使用e.target代替] e.currentTarget:绑定事件的元素[IE8及以下不支持currentTarget属性,使用this代替] this:同e.curren…

JavaScript闭包（Closure）学习笔记

闭包(closure)是JavaScript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 下面就是我的学习笔记,对于JavaScript初学者应该是很有用的. 一.变量的作用域要理解闭包,首先必须理解JavaScript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. JavaScript语言的特殊之处,就在于函数内部可以直接读取全局变量. var n=999; function f1() { alert(n); } f1(); // 999 另一方面,在函数…

[JS学习笔记]Javascript事件阶段：捕获、目标、冒泡

当你在浏览器上点击一个按钮时,点击的事件不仅仅发生在按钮上,同时点击的还有这个按钮的容器元素,甚至也点击了整个页面. 事件流事件流描述了从页面接收事件的顺序,但在浏览器发展到第四代时,浏览器开发团队提出了两种完全相反的事件流. 冒泡事件流:IE提出的事件流,即事件由最具体的元素接收,逐级向上,传播到页面.…

《JavaScript DOM 编程艺术》学习笔记

目录 <JavaScript DOM 编程艺术> 学习笔记第一章 js简史第二章 js语法准备工作语法第三章 DOM DOM中的D DOM中的O DOM中的M 第四章 js图片库第五章最佳实践平稳退化渐进增强向后兼容分离js 性能考虑第六章案例:图片库改进第七章动态创建标记传统方法 DOM方法 Ajax 第八章充实文档内容 <JavaScript DOM 编程艺术> 学习笔记概念: 平稳退化渐进增强以用户为中心第一章 js简史可以使用DO…

《DOM Scripting》学习笔记-——第二章 js语法

<Dom Scripting>学习笔记第二章 Javascript语法本章内容: 1.语句. 2.变量和数组. 3.运算符. 4.条件语句和循环语句. 5.函数和对象. 语句(statements) 注释(comments) 方法: 1.// Note to self: comments are good. 2./* Note to self: comments are good */ 3.<!— This is a comment in JavaScript. (In HTML,…

day64—ajax技术学习笔记

转行学开发,代码100天——2018-05-19 Ajax技术学习笔记 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容. AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执…

JavaScript:学习笔记(5)——箭头函数=>以及实践

JavaScript:学习笔记(5)——箭头函数=>以及实践 ES6标准新增了一种新的函数:Arrow Function(箭头函数).本文参考的链接如下: MDN箭头函数:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions 廖雪峰箭头函数:https://www.liaoxuefeng.com/wiki/....... FunDebug的文章:https://blo…

JavaScript权威设计--JavaScript函数(简要学习笔记十一)

1.函数调用的四种方式第三种:构造函数调用如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScript构造函数调用的语法是允许省略实参列表和圆括号的. 如: var o=new Object(); //->等价于 var o=new Object; 第四种:使用call()与apply()间接调用(放在后面详细说明) 2.函数的实参与形参——可选形参先看一个例子: function g…

JavaScript权威设计--JavaScript函数(简要学习笔记十)

1.函数命名规范函数命名通常以动词为前缀的词组.通常第一个字符小写.当包含多个单词时,一种约定是将单词以下划线分割,就像"like_Zqz()". 还有一种就是"likeZqz()".有些些函数是用作内部用的或者为私有函数通常以一条下划线为前缀,就像"_zqzName()". 2.以表达式方式定义的函数如: var zqz=function (){ return "zhaoqize"; } 在使用的时候必须把它赋值给一…

【学习笔记：MDN的JavaScript】的更多相关文章