JavaScript - 随笔分类 - carysun

JavaScript全栈学习10-面向对象编程

摘要：JavaScript的所有数据都可以看成对象，那是不是我们已经在使用面向对象编程了呢？当然不是。如果我们只使用Number、Array、string以及基本的{...}定义的对象，还无法发挥出面向对象编程的威力。 **JavaScript的面向对象编程和大多数其他语言如Java、C#的面向对象编程阅读全文

posted @ 2021-05-23 16:34 carysun 阅读(148) 评论(0) 推荐(0)

JavaScript全栈学习13-操作表单操作文件

摘要：操作表单用JavaScript操作表单和操作DOM是类似的，因为表单本身也是DOM树。不过表单的输入框、下拉框等可以接收用户输入，所以用JavaScript来操作表单，可以获得用户输入的内容，或者对一个输入框设置新的内容。 HTML表单的输入控件主要有以下几种：文本框，对应的<input ty 阅读全文

posted @ 2021-05-12 16:28 carysun 阅读(105) 评论(0) 推荐(0)

Visual Studio Code实时预览网页

摘要：这里要讨论的并非在浏览器地址栏里使用本地路径访问HTML页面的方式，如file:///E:/js_liaoxf/dom3.html。而是通过在VS Code中安装扩展插件Live Server由VS Code提供本地服务，在浏览器中通过IP地址及相对路径实时预览HTML的方式。实时：您的HTML 阅读全文

posted @ 2021-05-10 16:19 carysun 阅读(3660) 评论(0) 推荐(0)

JavaScript全栈学习12-插入、删除DOM

摘要：插入DOM appendChild createElement setAttribute 当我们获得了某个DOM节点，想在这个DOM节点内插入新的DOM，应该如何做？如果这个DOM节点是空的，例如，<div></div>，那么，直接使用innerHTML = '<span>child</span> 阅读全文

posted @ 2021-05-10 14:00 carysun 阅读(164) 评论(0) 推荐(0)

JavaScript全栈学习11-浏览器、操作DOM

摘要：浏览器对象：window navigator screen location document。操作DOM：修改innerHTML innerText textContent；innerText textContent区别；修改CSS style标签内容。阅读全文

posted @ 2021-05-10 10:28 carysun 阅读(146) 评论(0) 推荐(0)

JavaScript全栈学习09-标准对象(Date RegExp JSON)

摘要：在JavaScript的世界里，一切都是对象。但是某些对象还是和其他对象不太一样。为了区分对象的类型，我们用typeof操作符获取对象的类型，它总是返回一个字符串： typeof 123; // 'number' typeof NaN; // 'number' typeof 'str'; // ' 阅读全文

posted @ 2021-05-07 14:05 carysun 阅读(91) 评论(0) 推荐(0)

JavaScript全栈学习08-闭包（closure）、箭头函数（Arrow Function）、generator（生成器）

摘要：闭包（closure）函数作为返回值高阶函数除了可以接受函数作为参数外，还可以把函数作为结果值返回。我们来实现一个对Array的求和。通常情况下，求和的函数是这样定义的： function sum(arr) { return arr.reduce(function (x, y) { retur 阅读全文

posted @ 2021-05-06 16:56 carysun 阅读(179) 评论(0) 推荐(1)

JavaScript全栈学习07-高阶函数

摘要：JavaScript高阶函数：map、reduce、filter、sort、every、find、findIndex、forEach。阅读全文

posted @ 2021-05-02 22:24 carysun 阅读(67) 评论(0) 推荐(0)

JavaScript全栈学习06-方法

摘要：在一个对象中绑定函数，称为这个对象的方法。在JavaScript中，对象的定义是这样的： var xiaoming = { name: '小明', birth: 1990 }; 但是，如果我们给xiaoming绑定一个函数，就可以做更多的事情。比如，写个age()方法，返回xiaoming的年龄：阅读全文

posted @ 2021-04-30 17:34 carysun 阅读(59) 评论(0) 推荐(0)

JavaScript全栈学习05-变量作用域与解构赋值

摘要：在JavaScript中，用var申明的变量实际上是有作用域的。如果一个变量在函数体内部申明，则该变量的作用域为整个函数体，在函数体外不可引用该变量： 'use strict'; function foo() { var x = 1; x = x + 1; } x = x + 2; // Refe 阅读全文

posted @ 2021-04-30 16:51 carysun 阅读(57) 评论(0) 推荐(0)

JavaScript全栈学习04-函数

摘要：我们知道圆的面积计算公式为： \(\mathrm{πr}^2\) 当我们知道半径r的值时，就可以根据公式计算出面积。假设我们需要计算3个不同大小的圆的面积： var r1 = 12.34; var r2 = 9.08; var r3 = 73.1; var s1 = 3.14 * r1 * r1; 阅读全文

posted @ 2021-04-30 14:10 carysun 阅读(82) 评论(0) 推荐(0)

JavaScript全栈学习03-条件判断、循环、Map、Set、iterable

摘要：条件判断 JavaScript使用if () { ... } else { ... }来进行条件判断。例如，根据年龄显示不同内容，可以用if语句实现如下： var age = 20; if (age >= 18) { // 如果age >= 18为true，则执行if语句块 alert('adult 阅读全文

posted @ 2021-04-29 18:02 carysun 阅读(151) 评论(0) 推荐(0)

JavaScript全栈学习02-字符串、数组、对象

摘要：字符串 JavaScript的字符串就是用''或""括起来的字符表示。如果'本身也是一个字符，那就可以用""括起来，比如"I'm OK"包含的字符是I，'，m，空格，O，K这6个字符。如果字符串内部既包含'又包含"怎么办？可以用转义字符\来标识，比如： 'I\'m \"OK\"!'; 表示的字符阅读全文

posted @ 2021-04-28 19:35 carysun 阅读(96) 评论(0) 推荐(0)

JavaScript全栈学习01-JS入门（基本语法、数据类型和变量简述）

摘要：参考廖雪峰JavaScript全栈教程在Web世界里，只有JavaScript能跨平台、跨浏览器驱动网页，与用户交互。着HTML5在PC和移动端越来越流行，JavaScript变得更加重要了。并且，新兴的Node.js把JavaScript引入到了服务器端，JavaScript已经变成了全能型选阅读全文

posted @ 2021-04-27 17:55 carysun 阅读(332) 评论(0) 推荐(0)

随笔分类 - JavaScript