JavaScript笔记
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
大家好，又见面了，我是你们的朋友全栈君。全文参考：https://github.com/iuap-design/blog/issues/38 、MDNclientHeight，只读 clientHeight 可以用公式 CSS height + CSS padding – 水平滚动条的高度 (如果存在) 来计算。如图，这样一个div，它的clientHeight为95，计算：50(heigh
日期 2023-06-12 10:48:40
JavaScript笔记(2)
今天买了一块显示屏,以后终于不用疯狂切窗口了!!字面量 字面量是在源代码中固定值的表示法,通俗来说,就是字面量表示如何表达这个值.数字字面量 : 8,9,10字符串字面量 : "大前端"布尔字面量 : true, false数据类型转换 使用表单,prompt获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型.通俗来说,就是把一种数
日期 2023-06-12 10:48:40JavaScript笔记(3)
01循环目的:在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句. 在JS中,主要有三种类型的循环语句:for循环while循环do...while循环 在程序中,一组被重复执行的语句被称为循环体,能否继续重复执行,取决于循环的终止条件.由循环体及循环的终止条件组成的语句,被称为循环语句. 语法:for (初始化变量; 条件表达式; 操作表达式;) {
日期 2023-06-12 10:48:40
JavaScript笔记(4)
早起学习加油加油!!!发现忘了好多CSS的内容了,得抽空复习一下...发现前面200P应该都是我能轻松掌握的知识!加快速度!数组数组的概念: Q: 之前学习的变量,只能存储一个值.如果我们想存储班级中所有学生的名字,那么如何存储呢? A:可以使用数组(Array).数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式. Q:什么是数组呢? A:数组是指一组数据的集合,
日期 2023-06-12 10:48:40
JavaScript笔记(7)
又想起第一次学Python学到对象的时候被支配的恐惧,好在现在已经理解了JavaScript对象什么是对象 现实生活中,万物皆对象,对象是一个具体的事物,看得见摸得着的实物,例如: 一本书,一辆汽车,一个人可以是对象,一个数据库,一张网页,一个与远程服务器的连接也可以是"对象". 在JS中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串,数值
日期 2023-06-12 10:48:40JavaScript笔记(8)
内置函数JavaScript中的对象分三种:自定义对象(var) 内置对象 浏览器对象前面两种对象是JS基础的内容,属于ECMA是script;第三个浏览器对象是JS独有的,我们JS API再学习内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)内置对象最大的优点就是帮助我们快速的开发JavaScript提供了多个内置对象: Math
日期 2023-06-12 10:48:40JavaScript笔记(11)之Web APIs阶段 获取元素
我们之前学的呢,都是JS的基础部分,也就是ECMA规定的语法,后面我们就要学习BOM和DOM了. JS基础阶段我们学习的是ECMAscript标准规定的基本语法要求掌握JS的语法只学习基本语法,做不了常用的网页交互效果目的是为了JS后面的课程打基础,做铺垫. Web APIs阶段 Web APIs是w3c组织的标准Web APIs我们主要学习DOM和BOMWeb APIs是我们JS独有的部分我
日期 2023-06-12 10:48:40JavaScript笔记(16)之事件高级
事件高级 今天学习事件高级,下面是我们的学习目标注册事件概述 给元素添加事件,称为注册事件或者绑定事件 注册事件有两种方法:传统方式和方法监听注册方式 传统注册方式 利用on开头的事件如onclickbtn.onclick = function() {}特点:注册事件的唯一性同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数(比如说写两次btn.oncli
日期 2023-06-12 10:48:40
JavaScript笔记(17)
事件委托事件冒泡本身的特征,会带来坏处,也会带来好处,需要我们灵活掌握. 事件委托 事件委托也称为事件代理,在jQuery里面被称为事件委派 事件委托的原理 不是给每个子节点单独设置事件监听器,而是将事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点 (一定要记住!)事件委托的作用 我们只操作了一次DOM,提高了程序的性能那我们可以这么做,给ul加上点击事件: 但是我们可以看
日期 2023-06-12 10:48:40JavaScript笔记(25)之本地存储
接下来就要将本地存储啦,讲完就快到jQuery了,加油!还有一百多节(?) 本地存储目标: 本地存储特性 数据存储在用户浏览器中设置,读取方便,甚至页面刷新不丢失数据容量较大,sessionStorage约5M,localStorage约20M.只能存储字符串,可以将对象JSON.stringify()编码后存储(后面会学) window.sessionStorage生命周期为关闭浏览器窗口在
日期 2023-06-12 10:48:40JavaScript笔记(2) 构造函数和原型
昨天又独自把案例做了一遍,还是有点小错误出现的,但是大体上比较顺利,感觉还是逻辑比较重要,先把思路整理好再开始做会比较好.构造函数和原型目标: 这些之前都学过的我就不多赘述了,直接将图片贴上来了 JavaScript的构造函数中可以添加一些成员,可以在构造函数本身上添加,也可以在构造函数内部的this上添加.通过这两种方式添加的成员,就分别称为静态成员和实例成员静态成员: 在构造函数本身添加
日期 2023-06-12 10:48:40JavaScript 前端笔记总结(精简)
JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型,属于网络的脚本语言,现在已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果,现在随着node.js引擎的出现,使得JavaScript逐步成为了一种全栈开发语言了.JavaScript 引入方式◆代码引入◆第一种引入方式就是在body标签的区域内直接使用&l
日期 2023-06-12 10:48:40
JavaScript 笔记
什么是 JavaScript？JavaScript 是一种客户端脚本语言（脚本语言是一种轻量级的编程语言）。 JavaScript 通常被直接嵌入 HTML 页面。JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。 特点： 1. 弱类型 2. 基于对象。(因为面向对象需要具有封装、继承、多态的特征)在浏览器上执行的脚本 1. J
日期 2023-06-12 10:48:40《JavaScript DOM编程艺术》学习笔记（三）详解编程语言
终于要完成这最后一部分了，距离第二部分已经过去五天了，一直想早点写的，但还是拖到今天了………… 34、position属性的和法制：static是position属性的默认值，意思是有关元素将按照它们在标记里出现的先后顺序出现在浏览器窗口里。relative的含义与static相似，区别是relative的元素还可以（通过float属性）从文档的正常显示顺序里脱离出来。 若为a
日期 2023-06-12 10:48:40比较详细的javascriptDOM学习笔记
一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用<!DOCTYPE>语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像Document一样来保存其他节点。Element－－表示起始标签和结束标签之间的内容，例如<tag></tab>
日期 2023-06-12 10:48:40Ruffyjavascript学习笔记
1,javascript的原型模型：prototype在实现面向对象，（像是定义一个类的时候）需要一个构造函数来定义对象的成员，而方法去依附在该构造函数的原型上．2,javascript中，为了实现继承，必须将子类构造函数的prototype设置为一个父类的对象实例．3,css的方块套方块模型：最外是margin是用来设置一个元素所占的空间的边缘到相邻元素的距离边框：border用来设定一个元素
日期 2023-06-12 10:48:40javascriptprototype原型操作笔记
复制代码代码如下://varPeople={name:"xiong",age:15};//varPerson=function(user,age){// this.name=user;// this.age=age;// this.say=function(){alert("Iam"+this.name+"\n"+this.age);}//}//varChairman=func
日期 2023-06-12 10:48:40Javascript学习笔记7原型链的原理
我们先看看这样一段代码：复制代码代码如下:<scripttype="text/javascript">varPerson=function(){};varp=newPerson();</script>很简单的一段代码，我们来看看这个new究竟做了什么？我们可以把new的过程拆分成以下三步：<1>varp={};也就是说，初始化一个对象p。<2>p.
日期 2023-06-12 10:48:40javascript精粹笔记
//为构造函数原型添加方法Function.method=function(name,func){ this.prototype.name=func;}Number.method("integer",function(){ returnMath[this<0?"ceil":"floor"](this);});(-10/3).integer();//-3String.method("tr
日期 2023-06-12 10:48:40JavaScript.The.Good.Parts阅读笔记（一）假值与===运算符
JavaScript的假值列表如下， 值 类型 0 Number NaN(非数字) Number ""(空字符串) String false Boolean null Object undefined Undefined以上的值作为判断条件，都将为假值，如：复制代码代码如下:if(undefined){alert("undefined");
日期 2023-06-12 10:48:40JavaScript高级程序设计DOM学习笔记
第十章DOMDOM是针对XML和HTML文档的一个API：即规定了实现文本节点操控的属性、方法，具体实现由各自浏览器实现。1.节点层次1)文档节点：document，每个文档的根节点。2)文档元素：即<html>元素，文档最外层元素，文档节点第一个子节点。3)Node类型：①Node是DOM中各种节点类型的基类型，共享相同的基本属性和方法。□Node.Element_NODE(1);
日期 2023-06-12 10:48:40javascript笔记String类replace函数的一些事
我最近查阅javascript资料，发现了一个函数：复制代码代码如下:functionformat(s){varargs=arguments;varpattern=newRegExp("%(["+arguments.length+"])","g");returnString(s).replace(pattern,function(word,index){returnargs[index];});
日期 2023-06-12 10:48:40javascript权威指南学习笔记之null和undefined
复制代码代码如下:<!doctypehtml><html><head><metahttp-equiv="content-type"content="text/html;charset=UTF-8"><title>javascript之null和undefined</title></head><body>
日期 2023-06-12 10:48:40《JavaScript高级程序设计》阅读笔记（二）ECMAScript中的原始类型
2.6原始类型 ECMAScript有5种原始类型(primitivetype)，即Undefined、Null、Boolean、Number和String。ECMAScript提供了typeof来判断值的类型。1、typeof运算符：复制代码代码如下:varsTemp="teststring";alert(typeofsTemp);//outpus"string"alert(typeof95
日期 2023-06-12 10:48:40JavaScript学习笔记记录我的旅程
1、什么是JavaScript?(1)HTML只是描述网页长相的标记语言，没有计算，判断能力，如果所有计算，判断(比如判断文本框是否为空，判断两次密码是否输入一致)店铺放到服务器端执行的话网页的页面会非常的慢，用起来也很难用，对服务器的压力也很大，因此要求能在浏览器中执行一些简单的运算，判断，JavaScript就是一种在浏览器端执行的语言。(2)JavaScript和Java没有直接的关系，唯
日期 2023-06-12 10:48:40javascript学习笔记(三)String字符串类型介绍
1.字符方法charAt()、charCodeAt()、fromCharCode()复制代码代码如下:varstringValue="helloworld";alert(stringValue.charAt(1)); //"e"alert(stringValue[1]); //"e"alert(stringValue.charCodeAt(1)); //101alert(String.
日期 2023-06-12 10:48:40javascript学习笔记(四)Number数字类型
toFixed()方法指定小数位个数toExponential()方法用科学计数法表示数，参数指定小数位个数toPrecision()方法自动判断调用toFixed()或toExponential()方法,参数指定所有数的位数复制代码代码如下:varnum=99;alert(toFixed(2));//99.00alert(toExponential(1));//9.0e+1alert(toPr
日期 2023-06-12 10:48:40javascript学习笔记(十)js对象继承
1.原型链//很少单独使用复制代码代码如下:ViewCode//定义SuperClass类，有一个属性property和一个方法getSuperValuefunctionSuperClass(){this.property=true;}SuperClass.prototype.getSuperValue=function(){returnthis.property;}//定义SubClass类，
日期 2023-06-12 10:48:40javascript学习笔记(十一)正则表达式介绍
1.修饰符.任意一个字符*匹配*前面0个或多个字符+匹配+前面一个或多个字符?匹配?前面0个或1个字符^以^后面的字符为前导$以$前面的字符结尾[]匹配[]内的一个字符()分组，可以用\1\2提取[^]匹配^后的以外的字符{n}{n}前的字符有n个，n为正数{n,}{n,}前的字符至少有n个，n为正数{n,m}{n,m}前的字符有n~m个，n,m为正数2.字符\d一个数字\D一个非数字\w一个字
日期 2023-06-12 10:48:40javascript学习笔记(十二)RegExp类型介绍
1.匹配模式标记：g------表示全局模式，而不是发现第一个匹配成功就立刻结束i-------表示不区分大小写模式m-----表示多行匹配，一行结束时向下一行继续匹配复制代码代码如下://匹配第一个bat或cat,不区分大小写varpattern1=/[bc]at/ivarpattern2=newRegExp("[bc]at","i");//同上使用RegEXp是字面量模式要转换成字符串/\[
日期 2023-06-12 10:48:40javascript学习笔记(十七)检测浏览器插件代码
复制代码代码如下://检测非IE浏览器插件函数functionhasPlugin(name){name=name.toLowerCase();for(vari=0;i<navigator.plugins.length;i++){if(navigator.plugins[i].name.toLowerCase().indexOf(name)>-1){returntrue;}}retur
日期 2023-06-12 10:48:40