函数&&高阶函数
概念函数的概念：可执行代码块，可以用来存储变量、作为参数传递给其他函数
高阶函数的概念:接收一个或多个函数作为参数，返回值也是函数，也就是一个返回函数的函数
对于函数和高阶函数其他的理解函数就像工具：
函数就像你工具箱里的一把锤子或螺丝刀，用于执行特定的任务。你可以把一些东西放进去（就像函数的参数），然后它会给你一个结果（就像函数的返回值）。
例如，你可以编写一个函数来把两个数字相加，就像使用一把加法器一样。你输入两个数字，函数返回它们的和。
高阶函数就像更强大的工具：
高阶函数就像你的工具箱里的多功能工具，它可以接受不同的附件或其他工具，或者甚至可以制造出新的工具。
例如，你可以创建一个高阶函数，它可以接受一个函数作为参数，并使用它来执行某些任务。这就像你的多功能工具可以接受不同的头部附件来完成不同的工作一样。
高阶函数和闭包的一些简单的区别高阶函数：就像是一个”函数的朋友”，它能够接受其他函数作为礼物，并且可以送出函数作为礼物。这意味着它可以让你将函数当做工具来操作，就像玩具工具箱一样。高阶函数常常用来处理一堆操作相似的任务，就像一次性处理一组玩具。
闭包：闭包就像是一个” ...
原型链
一个简单的原型链的实例
1234567891011121314151617181920212223function Person(name) { this.name = name;}Person.prototype.greet = function() { console.log(`Hello, my name is ${this.name}.`);};function Student(name, grade) { Person.call(this, name); this.grade = grade;}// 设置Student.prototype的原型为Person.prototypeStudent.prototype = Object.create(Person.prototype);Student.prototype.constructor = Student;Student.prototype.study = function() { console.log( ...
对象和数组的解构
解构的概念JavaScript中的解构是一种从复杂数据结构中提取值并赋值给变量的技巧。这使得我们可以轻松地访问和使用数据结构的特定部分，而不必手动逐个提取它们。简单的理解：
想象一下你有一个包裹着很多礼物的盒子，每个礼物都有不同的名称。现在你想把这些礼物一个个取出来，但你不想破坏盒子。解构就像使用一种神奇的方式，可以将这些礼物一个个取出并放到不同的袋子中，而盒子仍然完好无损。
解构的语法
{} 来提取对象中的属性
方括号 [] 来提取数组中的元素
等号 = 将提取的值赋给新变量
12345678910111213// 创建一个包含个人信息的对象const person = { firstName: 'John', lastName: 'Doe', age: 30,};// 使用解构提取对象属性并赋值给变量const { firstName, lastName, age } = person;console.log(firstName); // 输出 'John&# ...
对象的序列化
概念对象的序列化是将对象转换为一种可传输或可存储的格式，以便在需要时可以重新还原为原始对象。
个人对这个概念的理解：对象的序列化就像将一个对象变成一个字符串一样，就好像你把一堆积木拼好后，拍下一张照片，把照片存起来一样。这个字符串可以轻松地被传输给其他地方，就像你可以把照片发送给你的朋友一样。
然后，反序列化就像你的朋友收到了你的照片，可以根据照片上的信息重新组装出相同的积木。就像他们可以看到照片上有哪些积木，然后用同样的积木重新构建出来。
对象序列化的步骤：
创建对象：首先，您需要创建一个JavaScript对象，该对象可以包含各种属性和值。
12345const student = { name: 'Alice', age: 25, courses: ['Math', 'History', 'English'],};
序列化对象：将JavaScript对象序列化为字符串或其他格式。最常见的是将对象转换为JSON字符串，可以使用JSON.stringify()方法来执行此操作。 ...
闭包
闭包的概念
当一个内部函数（嵌套函数）引用了其外部函数的变量，即使外部函数已经执行完毕，这个内部函数仍然可以访问这些外部变量。这种函数和其相关的作用域组合就是闭包。
个人对于概念的简单理解：
想象一下你有一个盒子，里面装着一些东西。这个盒子就是一个函数，而里面的东西就是函数内部的变量。现在，你把这个盒子交给了别人，但是你希望里面的东西不被随便拿走，只有在你允许的情况下才能使用。
举个实际的例子，假设你有一个计数器，你希望其他人可以增加或减少这个计数器的值，但不能直接访问或修改它。你可以使用闭包来创建一个函数，这个函数包含计数器变量，并返回一些可以操作计数器的方法。这样，其他人只能通过这些方法来改变计数器的值，而无法直接访问它。
总之，闭包就像一个保险柜，可以安全地存放你的数据和功能，只有在你允许的情况下才能使用。这种方式使你的代码更加安全和可控。
闭包的一些实例
1.计数器
1234567891011121314151617181920function createCounter() { let count = 0; function increme ...
Vue3精简版
1.vue31.1 vue3认识vue3提供了更好的性能，更小的捆绑包体积，更好的TypeScript集成，用于处理大规模用例的新的API
(1)vue3比vue2更快
(2)vue3加入typescript的支持
(3)vue3没有beforecreate，created ，用setup取代
(4)vue3的组合式API和vue2的选项式API同时存在
1234567891011121314151617181920212223242526export default{ data(){ return{} }, methods:{} computed:{} watch:{}}-----------------------------------------------------------------------------------------<script setup> import { ref, on ...
Vue3详细版
简介
vue3简介 https://github.com/vuejs/vue-next/releases/tag/v3.0.0
使用vue-cli创建工程
官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create
12345678910111213141516## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue --version## 或者使用vue -V## 安装或者升级你的@vue/clinpm install -g @vue/cli## 创建vue create vue3_test# 勾选vue3, 选择npm## 启动cd vue3_testnpm run serve
显示Successfully created project vue3_test.说明安装成功了
启动脚手架
页面效果
使用vite创建工程
官方文档：https://v3.cn.vuejs.org/guide/installation.html#vitevite官网：https://vitejs ...
Vue2脚手架
创建脚手架121. 如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry https://registry.npm.taobao.org
脚手架官网https://cli.vuejs.org/zh/具体步骤: 第一步（仅第一次执行）：全局安装@vue/cli。
1npm install -g @vue/cli
第二步：切换到你要创建项目的目录，然后使用命令创建项目
1vue create xxxx
第三步：启动项目
1npm run serve
访问http://localhost:8080/, 可以看见脚手架为我们默认创建一个HelloWorld组件
脚手架文件结构
12345678910111213141516├── node_modules ├── public│ ├── favicon.ico: 页签图标│ └── index.html: 主页面├── src│ ├── assets: 存放静态资源│ │ └── logo.png│ │── component: 存放组件│ │ └── Hello ...
Vue2基础
Vue的安装在vue的官网中下载vue.js安装 — Vue.jsvue.js一般使用在开发环境中, vue.min.js一般使用在生产环境中
然后创建一个.html文件, 在页面上运行
12345678910111213<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>初始Vue</title> <script src="../js/vue.js"></script> ...
我的第一篇博客文章
我的第一篇博客这是刚刚用命令创建出来的一篇博客
外挂标签
test1 1test1 2test1 3This is Tab 1.This is Tab 2.This is Tab 3.
