JavaScript笔记(3)
![JavaScript高级程序设计（读书笔记）（七）[通俗易懂]](/scriptcss/images/02.png)
JavaScript高级程序设计（读书笔记）（七）[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。 本笔记汇总了作者认为“JavaScript高级程序设计”这本书的前七章知识重点，仅供参考。第七章 函数表达式 小结： 在JavaScript编程中，函数表达式是一种非常有用的技术。使用函数表达式可以无须对函数命名，从而实现动态编程。匿名函数，也称为拉姆达函数，是一种使用JavaScript函数的强大方式。以下总结了函数表达式的特点。 函数表达式
日期 2023-06-12 10:48:40
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:40javaScript学习笔记（一）js基础
大家好，又见面了，我是你们的朋友全栈君。一、简介1、概述：JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。诞生于1995年，当时的主要目的是验证表单的数据是否合法。JavaScript本来应该叫Livescript，但是在发布前夕，想搭上当时超热的java顺风车，临时把名字改为了JavaScript。
日期 2023-06-12 10:48:40
JavaScript笔记(1)
今天开始正式开启JS,超级激动了!开始学习叭这里我感谢学习Python后奠定的一些基础,其实语言之间很多东西都是相通的. 编程 编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序:就是计算机所执行的一些列指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令. 注意:上面所定义的计
日期 2023-06-12 10:48:40JavaScript笔记(6)
JavaScript预解析 假如我们直接log一个num,那么结果肯定是报错,not defined,因为变量既没有声明也没有赋值 1.那如果我们先使用,再声明赋值呢? 得到的结果却是undefined. 2.如果我们在一个函数声明之前调用,会有什么结果呢? 是没有问题的. 3.我们之前还学习了匿名函数,那么先调用再声明,结果和上面一样吗? 结果是报错的. 这是为什么呢?这就
日期 2023-06-12 10:48:40
JavaScript笔记(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:40
JavaScript笔记(14)
节点操作获取元素通常使用两种方式 1.利用DOM提供的方案document.getElemetByID()document.getElemetByTagName()document.querySelector等但是逻辑性不强而且繁琐 2.利用节点层级关系获取元素 利用父子兄节点关系获取元素逻辑性强,但是兼容性稍差 这两种方式都可以获取节点,我们后面都会使用,但是节点才做更加简单. 网页中的所有
日期 2023-06-12 10:48:40JavaScript笔记(15)
来做个案例:动态生成表格 这个写的就有点棘手了...很多地方想不到决定自己再写一遍,然后再贴上来... ok写完了 先来看看结构,表格的内容不用写 存储数据,因为我们没学数据库,所以就用对象模拟一下: 因为要存多个对象,所以用数组将他们包含起来,用逗号分割.三种动态创建元素区别 document.write( )element.innerHTMLdocument.createElement
日期 2023-06-12 10:48:40JavaScript笔记(19)之JS执行机制
今天是周日,美好的一天从打代码开始this指向 this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,一般情况下this的最终指向是哪个调用它的对象. 1.全局作用域或者普通函数中this指向全局对象window(定时器的this也指向window,因为函数前面的window.是被省略的)2.方法中调用this指向的也是调用它的对象3.构造函数中this指向构
日期 2023-06-12 10:48:40JavaScript笔记(21)
今天继续做案例,昨天就看了三集...想要看完真是遥遥无期,我真的太懒了...间歇性踌躇满志,持续性懒惰,达咩!!!京东放大镜案例:唉,这玩意真的把我弄晕了快...太多数学题了...晕倒第二天早上起来重做了一遍,现在终于弄清楚了!我们先来看看结构: 样式: JS: 先获取元素: 先搞定两个简单的事件,鼠标在预览图上时就显示遮罩层和大图,否则隐藏 这个地方一定要注意是给preview-i
日期 2023-06-12 10:48:40JavaScript笔记(24)
今天下午又把轮播图自己做了一遍,比我想象中其实简单很多,只是昨天听老师讲的时候觉得特别难,很多方法也是第一次接触.自己动起手来其实还可以,虽然也踩了些坑,但还是自己解决了,列出提纲真的很重要!现在开始今天的学习节流阀 回顾我们上一节做的轮播图,如果我们连续点击轮播图的箭头,就会导致播放过快. 节流阀目的: 当上一个函数动画内容执行完毕,再去执行下一个函数动画,让事件无法连续触发 核心实
日期 2023-06-12 10:48:40JavaScript笔记(25)之本地存储
接下来就要将本地存储啦,讲完就快到jQuery了,加油!还有一百多节(?) 本地存储目标: 本地存储特性 数据存储在用户浏览器中设置,读取方便,甚至页面刷新不丢失数据容量较大,sessionStorage约5M,localStorage约20M.只能存储字符串,可以将对象JSON.stringify()编码后存储(后面会学) window.sessionStorage生命周期为关闭浏览器窗口在
日期 2023-06-12 10:48:40
关于Java&JavaScript中(伪)Stream式API对比的一些笔记
写在前面前些时日开发遇到,所以总结分享博文内容包括：Stream 相关概念简述Java和JavaScript的Stream式API对比Demo食用方式博文适合会一点前端的Java后端&会一点Java后端的前端需要了解Java&JavaScript基础知识理解不足小伙伴帮忙指正 追求轻微痛感,掌控快感释放，先做困难的事情,降低奖励期待，控制欲望,延迟消费多巴胺什么是流(Stream)
日期 2023-06-12 10:48:40JavaScript 笔记
什么是 JavaScript？JavaScript 是一种客户端脚本语言（脚本语言是一种轻量级的编程语言）。 JavaScript 通常被直接嵌入 HTML 页面。JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。 特点： 1. 弱类型 2. 基于对象。(因为面向对象需要具有封装、继承、多态的特征)在浏览器上执行的脚本 1. J
日期 2023-06-12 10:48:40《JavaScript DOM编程艺术》学习笔记（二）详解编程语言
17、DOM有insertBefore方法，但并没有提供insertAfter()方法。不过可利用已有的DOM方法和属性编写此函数： function insertAfter(newElement, targetElement) { var parent = targetElement.parentNode; if(parent.lastChild == target
日期 2023-06-12 10:48:40《JavaScript DOM编程艺术》学习笔记（一）详解编程语言
这本书是我听说学习前端基础入门书籍，于是就开始看了，大概是从5月10号开始看的吧，一直看到现在，差不多要看完了，书是挺厚的。。。286页，不过比起JAVASCRIPT权威指南来说还是差多了，权威指南才看没多少，加油吧。 本来一直是把笔记抄在我的笔记本上的，但经常忘记带身边，想看时没法看，就决定记在博客上，也方便阅读~ 小巧的笔记本，嘿嘿，就这样抄了差不多20页了，听说一个合格的程序猿都
日期 2023-06-12 10:48:40javascript优先加载笔记代码
函数部分复制代码代码如下:<scripttype="text/javascript">functionsysTab(){$("#container>ul").tabs({selected:0});}</script>复制代码代码如下:<body><divid="container"><!--需要加载的dom--><ul>
日期 2023-06-12 10:48:40JavaScript中级笔记第五章面向对象的基础
一，面向对象的基础对象是JavaScript的基础。从最基本的层次上说，对象是一系列属性的集合。1,对象的创建 相信很多朋友对这些创建对象的方式接触过很多次了，都很熟悉了。2，对象的使用和其他面向对象语言不同的是，JavaScript没有类的概念。在JavaScript里，任何函数都可以被实例化为一个对象。 本段代码通过newUser()来创建函数的一个新的对象。创建出的新对象拥有name属
日期 2023-06-12 10:48:40JavaScript学习笔记（七）字符串的连接
字符串的连接一、最常用+=一直说这种方式的效率是最低的，为什么呢？可以看下这种方式的实质过程。varstr="hello";str+="world";(1)创建存储"hello"的字符串。(2)创建存储"world"的字符串。(3)创建存储连接结果的字符串。(4)把str的当前内容复制到结果中。(5)把"world"复制到结果中。(6)更新str，使它指向结果。每次完成字符串连接都会执行步骤2到
日期 2023-06-12 10:48:40Javascript学习笔记1数据类型
代码类型只有一种形式就是function。undefined：未定义，我们也可称之为不存在，typeof(undefined)=undefined.null:为空。undefined是不存在，而null是存在，但却无。typeof(null)=object,但null又不是object，这就是null的神奇而独特之处。boolean:trueorfalse。Number:NaN和Infinity
日期 2023-06-12 10:48:40Javascript学习笔记4Eval函数
eval的作用其实很简单，就是把一段字符串传递给JS解释器，由Javascript解释器将这段字符串解释成Javascript代码，并且执行他。举个最简单的例子：复制代码代码如下:<scripttype="text/javascript">eval("alert(1+1)");</script>很简单，把字符串解释成JS代码并执行，弹出2。当然，上面的例子只是个玩具，在实
日期 2023-06-12 10:48:40JavaScript学习笔记（十三）Dom创建表格
Dom基础—创建表格利用js来动态创建表格有两种格式，appendChild()和insertRow、insertCell()。但第一种有可能在IE上有问题，所以推荐使用第二种。1、insertRow(index)：index从0开始这个函数将新行添加到index的那一行前，比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函数相当于insertRow(-1)，
日期 2023-06-12 10:48:40JavaScript学习笔记一些小技巧
一.JavaScript基础 1.try...catch使用小写字母。大写字母会出错。 2.Throw声明 throw声明的作用是创建exception（异常）。你可以把这个声明与try...catch声明配合使用，以达到控制程序流并产生精确错误消息的目的。 语法：throw(exception)exception可以是字符串、整数、逻辑值或者对象。 注意：使用小写字母编写throw。使
日期 2023-06-12 10:48:40JavaScript笔记二Array和Date对象方法
JavaScript的对象基础本篇主要讲解本地对象Array和Date的各种方法。一种面向对象语言需要向开发者提供四种基本能力：(1)封装——把相关的信息（无论数据或方法）存储在对象中的能力。(2)聚集——把一个对象存储在另一个对象内的能力。(3)继承——由另一个类（或多个类）得来类的属性和方法的能力。(4)多态——编写能以多种方法运行的函数或方法的能力。1.本地对象包括：①Array类②Dat
日期 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.The.Good.Parts阅读笔记（二）作用域&闭包&减缓全局空间污染
如代码块复制代码代码如下:if(true){inti=100;}print(i);//错误，变量i没有声明如上面例子所示，代码块外的函数是无法访问i变量的。但在javaScript里，情况则完全不同。复制代码代码如下:if(true){vari=100;}alert(i);//弹出框并显示100很多现代语言都推荐尽可能迟地声明变量，但在Javascript里这是一个最糟糕的建议。由于缺少块级作用
日期 2023-06-12 10:48:40javascript学习笔记（二）鼠标经过时，改变div块的背景色的代码
HTML部分代码：复制代码代码如下:<ul><li>鼠标经过时改变背景色</li><li>鼠标经过时改变背景色</li><li>鼠标经过时改变背景色</li><li>鼠标经过时改变背景色</li></ul>javascript部分代码：当鼠标经过时，给li添加class="cu
日期 2023-06-12 10:48:40HighPerformanceJavaScript(高性能JavaScript)读书笔记分析
第一章：加载和执行浏览器的JavaScript的引擎是编译器层的优化；当浏览器执行JavaScript代码时，不能同时做其他任何事情（单一进程），意味着<script>标签每次出现都霸道地让页面等带脚本的解析和执行(每个文件必须等到前一个文件下载并执行完成才会开始下载)，所以头部的JS和CSS用来渲染页面，交互行为（几乎所有）的JS放在<body>底部；主流浏览器都允许并
日期 2023-06-12 10:48:40javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
关于javascript中类的继承可以参考阮一峰的Blog《Javascript继承机制的设计思想》，说的很透。 一、在javascript中实例化遇到的问题： 下面用《javascript高级程序设计》中的例子来做说明，假如现在定义了一个car的对象，它是Object类的实例。像下面这样的：复制代码代码如下:varoCar=newObject();oCar.color="red";oCar.d
日期 2023-06-12 10:48:40JavaScript高级程序设计事件学习笔记
第12章事件1.事件流1.1事件冒泡（IE事件流）□事件冒泡（eventbubbling），即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接受，然后逐级向上传播到较为不具体的节点（文档）。□所有浏览器均支持事件冒泡。Firefox、chrome、safari将事件一直冒泡到window对象。1.2事件捕获（Netscape事件流）□不太具体的节点更早收到事件，而具体的节点最后收到节点
日期 2023-06-12 10:48:40JavaScript高级程序设计客户端存储学习笔记
第十九章客户端存储1.cookie①最初是在客户端用于存储会话信息的。1.1限制①cookie在性质上是绑定在特定的域名下的。当设定了一个cookie后，再给创建它的域名发送请求时，都会包含这个cookie。②cookie的限制：□IE6以及更低版本限制每个域名最多20个cookie。□IE7和之后版本每个域名最多50个cookie。□Firefox50个□Opera50个□Safari和Chr
日期 2023-06-12 10:48:40