javascript prototype tospliced mutation
【8.0】前端基础之JavaScript引入
# 【8.0】前端基础之JavaScript引入 # 【一】什么是JavaScript - js也是一门编程语言，他可以写后端代码 - JavaScript想一统天下，前后端都写 - 于是node.js 支持JS代码跑在后端服务器上 - 但是并不能完美的实现 - JavaScript和Java一毛钱 ......
【9.0】前端基础之JavaScript初识
# 【9.0】前端基础之JavaScript初识 > js也是一门面向对象的编程语言，一切皆对象 # 【一】变量命名规范 - 变量名只能是 数字/字母/下划线/$ - 变量名命名规范(js中推荐驼峰式命名法) - 变量民不能用关键字作为变量名 # 【二】JS代码的书写位置 - 可以单独开设JS文件书 ......
javascript现代编程系列教程之X——javascript人工智能
JavaScript 在人工智能（AI）领域的应用主要体现在以下几个方面： 1. **浏览器端的机器学习**：TensorFlow.js 是一个在浏览器中运行的 JavaScript 机器学习库，它允许开发者训练和部署机器学习模型。这使得开发者可以在浏览器端进行实时的机器学习任务，无需将数据传输到服 ......
【十二】JavaScript之BOM
# 【十二】JavaScript之BOM ## 【1】什么是BOM - BOM（Brower Object Model，浏览器对象模型），主要是浏览器中js解释器提供给开发者调用浏览器功能的对象或接口方法 - 因为旧版本浏览器厂商实现不一样，所以有可能存在同一段代码在不同旧浏览器下的结果不一致的兼容 ......
【十三】JavaScript之DOM
# 【十三】JavaScript之DOM ## 【1】DOM - DOM（Document Object Model，译作文档对象模型），这部分内容主要是学习document对象提供给开发者操作html/xml文档的方法属性或子对象来完成动态特效的。 - 当然这部分代码在不同浏览器下的效果几乎一样， ......
【十四】JavaScript之DOM中的事件操作
# 【十四】JavaScript之DOM中的事件操作 ## 【1】事件操作 - 所谓的事件（Event）,其实就是用户与浏览器之间的一次交互过程或交互行为。 - 例如：用户输入一段内容，用户鼠标晃动一下等等。 - js中提供了大量的事件操作给开发者, 在用户发生事件操作以后，进行反馈，响应。 - 事 ......
【八】JavaScript之函数
# 【八】JavaScript之函数 ## 【1】函数 - javascript 被称为披着面向对象的皮的函数式编程语言，是函数优先的编程语言，所以本质上js中的一切都是基于函数构建出来，所以函数本身也是对象，也是一等公民。 - function，是类似变量一样的容器，代表了一段具有指定功能的代码段 ......
【二】JavaScript基本语法
# 【二】JavaScript基本语法 ## 【1】注释 - javascript中有2种注释写法。 - 注释在程序中时经常见到的，主要写给程序员查看。 - 一般良好的程序，往往一个源码文件中有1/4或者1/3内容就是注释。 ```javascript // 单行注释 /* 多行注释 多行注释 */ ......
【九】JavaScript之对象
# 【九】JavaScript之对象 ## 【1】对象 - js中，虽然是函数优先的编程语言，但是使用上也是基于对象的 - 所以在js中也存在万物皆为对象的情况。 ## 【2】对象的创建 ```html Title ``` ## 【3】对象的基本使用 ```html Title ``` ## 【4】 ......
【一】JavaScript之引入
# 【一】JavaScript之引入 - 简称“js”，是web前端开发的核心技术之一，w3c标准的行为标准，主要完成网页与用户之间的交互行为。 - 简单来说就是，就是用来做特效的，大部分网站里面会动的，用户操作网页以后会产生交互行为的都是js代码完成的。 - 常见的有多级导航，轮播图，广告，弹窗。 ......
【六】JavaScript之流程控制
# 【六】JavaScript之流程控制 ## 【1】语句块 ```javascript { // 语句块，会作为一个整体来执行。 } ``` > - 判断语句/分支语句 > - id > - switch > - 循环语句/遍历语句 > - ## 【2】判断语句/分支语句 ### 【2.1】**i ......
【七】JavaScript之异常判断
# 【七】JavaScript之异常判断 ## 【1】异常捕获 > 文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/try...catch > ### js中提供了三种异常处理的写法： 1 ......
【三】JavaScript之数据类型
# 【三】JavaScript之数据类型 ## 【0】数据类型展示 - javascript中变量的值有不同的作用或者功能。 - 按不同的功能，值也可以区分不同的类型。 | 类型 | 名称 | 描述 | | | | | | Number | 数值型 | 整数，浮点数。。。。 | | String | ......
【十】JavaScript之内置对象
# 【十】JavaScript之内置对象 ## 【1】内置对象 - build-in Object，也叫内建对象，由浏览器提供给开发者直接使用的。 > 文档地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Glo ......
【四】JavaScript之类型转换
# 【四】JavaScript之类型转换 ## 【1】类型转换 - javascript是弱类型的编程语言 - 所以本身不仅提供了数据类型的转换 - 甚至在数据使用运算符的时候，javascript的解释器也会出现默认隐式转换数据类型的情况。 ## 【2】字符串 - 字符串转换成布尔值 - 除了空字 ......
【十一】JavaScript之案例-todolist
# 【十一】JavaScript之案例-todolist ## 基本页面 ```html Title 添加 学习python删除↑↓ 学习python删除↑↓ 学习python删除↑↓ 学习python删除↑↓ ``` ## 效果实现 ```html Title 添加 ``` ......
【五】JavaScript之运算符
# 【五】JavaScript之运算符 ## 【1】算术运算符 | 运算符 | 描述 | | | | | + | 加法 | | - | 减法 | | * | 乘法 | | / | 除法 | | % | 取模/求余数 | | ** | 幂运算 | ```html Title = 计算 ``` ## 【 ......
web开发基础笔录（5）-Javascript（1）
[TOC] # 概述 JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式 ......
初学者：8个JavaScript技巧
有很多方法可以优化我们的 JavaScript 代码，本文总结了我在工作中经常使用的 8 个 JavaScript 技巧，希望它也能帮助你。 ### 减少使用 if-else 在编写两个以上的 if ... else 时，是否有更好的优化方法? 如下代码，我们需要根据一个汉堡包的名字来计算它的价格。 ......
15 个必须了解的 Javascript 数组方法
数组是任何编程语言的重要组成部分，JavaScript 也不例外。使用数组，开发人员可以存储和操作数据集合，包括字符串、数字甚至对象。 在本文中，我们将介绍每个人都应该知道的 15 个必须知道的 JavaScript 数组方法。 01、Push() 将一个或多个元素添加到数组末尾 Push() 方法 ......
JavaScript（四）面向对象
创建对象 prototype对象 JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。 当我们用obj.xxx访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，如果没有找到，就到其原型对象上找，如果还没有找到，就一直上溯到Object.prototype对象 ......
JavaScript（三）Array的高阶函数
map、reduce map：map()方法定义在JavaScript的Array中，接收一个函数对象作为参数，函数定义运算规则，对array中的每个元素进行运算，结果是一个新的array。 function pow(x) { return x * x; } var arr = [1, 2, 3, ......
JavaScript（二）函数
函数定义 函数也存在提升，与变量提升相同 函数声明 function func_name(param1,param2){ ...; return {};} 声明不定长参数，使用... function foo(a, b, ...args) { console.log('a = ' + a); con ......
JavaScript（一）基础
JS引入到文件 嵌入到html文件中，在<header> 或 <body> 中使用<script> <script> var i = 10; console.log(i);</script> 引入JS文件，在<header> 或 <body> 中使用<script> <script src="./i ......
08.原型模式(Prototype)
### 使用原型模式来解决问题 #### 定义 用原型实例指定创建对象的种类，并通过拷贝这些原型创建新的对象。 #### 应用原型模式来解决问题的思路 原型模式会要求对象实现一个可以“克隆”自身的接口，这样就可以通过拷贝或者是克隆一个实例对象本身来创建一个新的实例。如果把这个方法定义在接口上，看起来 ......
JavaScript 中 object 的几个方法：entries，values，keys 对比
在JavaScript中，对象（Object）是一种无序的键值对集合。以下是entries，values和keys这三个对象方法的比较： entries()方法：返回一个包含对象的键值对的数组。每个键值对都是一个数组，包含两个元素，第一个元素是键名，第二个元素是对应的值。 1 const obj = ......
HTML+CSS+JavaScript基础
1、HTML(Hypertext Markup Language，超文本标记语言), 用来向浏览器说明内容的结构、 2、DOM(Document Object Model, 文档对象模型)指的是HTML标签的层次结构。每一对HTML标签（有的时候是一个标签）都是一个元素。 3、CSS(Cascadi ......
JavaScript 拖拽
``` ``` >多了一个setCapture()事件 ``` 按钮01 按钮02 ``` ``` 我是一段文字 ``` > 最终版本 ``` 我是一段文字 ``` ......