摘要:
react管理状态的工具: 1、利用hooks进行状态管理; 2、利用Redux进行状态管理,这种方式的配套工具比较齐全,可以自定义各种中间件; 3、利用Mobx进行状态管理,它通过透明的函数响应式编程使得状态管理变得简单和可扩展。 2013 年 5 月 React 诞生。但 2015 年之前,大概 阅读全文
摘要:
写这篇文章的目的是为了学习React Native开发打基础,能够更好的运行、测试原生应用,带来比模拟器更好的体验。 WSA(适用于Windows的Android™️子系统),全称Windows Subsystem for Android,它能够让你在Windows 11系统中安装和使用Androi 阅读全文
摘要:
一、列表和keys 1.1、Lists and Keys (列表和键) 首先,我们回顾一下在javascript中怎么去变换列表。 下面了的代码,我们用到了数组函数的map方法来实现数组的每一个值变成它的2倍,同时返回一个新数组,最后打印出了这个数组: const numbers = [1,2,3, 阅读全文
摘要:
一、JSX 1.1、什么是JSX? JSX = JavaScript XML,这是React官方发明的一种JS语法(糖) 概念:JSX是 JavaScript XML(HTML)的缩写,表示在 JS 代码中书写 HTML 结构 设想如下变量声明: const element = <h1>Hello, 阅读全文
摘要:
一、概要 React是用于构建用户界面的MVVM框架。 1.1、介绍 React 是 Facebook 开发的一款 JavaScript 库,而 React 被建造是因为 Facebook 认为市场上所有的 JavaScript MVC 框架都不能满足他们的扩展需求, 由于他们非常巨大的代码库和庞大 阅读全文
摘要:
一、vite 1.1、概要 Vite(法语意为 "快速的",发音 /vit/,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成: 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。 一套构建指令,它使用 阅读全文
摘要:
一、状态管理 1.1、什么是状态管理? 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <script setup> import { ref } from 'vue' // 状态 const count = ref(0) // 动作 fu 阅读全文
摘要:
一、JWT概要 1.0、认证方式 1.0.1、基于Session的认证 基于session认证所显露的问题: Session: 每个用户经过我们的应用认证之后,我们的应用都要在服务端做一次记录,以方便用户下次请求的鉴别,通常而言session都是保存在内存中,而随着认证用户的增多,服务端的开销会明显 阅读全文
摘要:
第一章:Vue 3.0 概述 1、选择题 1.1、在MVVM设计模式中,Model代表的是_______。 A. 数据模型 B. 控制器 C. 视图 D、监听模型 1.2、在Vue中挂载点是在_______文件中定义的。 A. main.js B. App.vue C. index.vue D、in 阅读全文
摘要:
一、前端路由的概念与原理 1.1. 什么是路由 路由(英文:router)就是对应关系。 1.2. SPA 与前端路由 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。 此时,不同组件之间的切换需要通过前端路由来实现。 结论:在 SPA 阅读全文
摘要:
一、组件 如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展,但如果,我们将一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了。如果我们将一个个功能块拆分后,就可以像搭建积木一下来搭 阅读全文
摘要:
一、模板语法 Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。 在底层机制中,Vue 会将模板编译成高度优化的 JavaScript 代码。结合 阅读全文
摘要:
一、常用 Composition API 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 组合式 API (Composition API) 是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书 阅读全文
摘要:
一、类型type 1.1、定义 Type又叫类型别名(type alias),作用是给一个类型起一个新名字,不仅支持interface定义的对象结构,还支持基本类型、联合类型、交叉类型、元组等任何你需要手写的类型。 type Num = number; // 基本类型 type StringOrNu 阅读全文
摘要:
一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、MVC(Model View Controller) MVC的核心理念是:你应该把管理数据的代码(Model)、 阅读全文
摘要:
一、编译选项与配置文件 自动编译文件 编译文件时,使用 -w 指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译。 示例: tsc xxx.ts -w 自动编译整个项目 如果直接使用tsc指令,则可以自动将当前项目下的所有ts文件编译为js文件。 但是能直接使用tsc命令的 阅读全文
摘要:
一、原始数据类型基本使用 TypeScript中拥有更多的类型,如下表所示: 类型例子描述 number 1, -33, 2.5 任意数字 string 'hi', "hi", hi 任意字符串 boolean true、false 布尔值true或false 字面量 其本身 限制变量的值就是该字面 阅读全文
摘要:
一、TypeScript概要 TypeScript是一种由微软开发的自由和开源的编程语言,它是JavaScript的一个超集,扩展了JavaScript的语法,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构师,工作于TypeScript的开发。 官 阅读全文
摘要:
一、MongoDB MongoDB是开源,高性能的NoSQL数据库;支持索引、集群、复制和故障转移、各种语言的驱动程序丰富;高伸缩性;MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和 阅读全文
摘要:
一、Node.js模块化 1.0、变量作用域 (1)、在浏览器端使用var或不使用关键字定义的变量属于全局作用域,也就是可以使用window对象访问。 <script> var a = 100; (function () { b = 200; })(); console.log(window.a, 阅读全文
摘要:
一、简介 1.1、概要 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。 Nodejs 的单线程 非阻塞 阅读全文
摘要:
一、Express Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。使用Node.js作为AngularJS开发Web服务器的最佳方式是使用Exp 阅读全文
摘要:
一、JavaScript概要 JavaScript(JS)是一种轻量级、解释型、动态类型的高级程序设计语言。它诞生于1995年,是一门基于原型、函数优先的语言,是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持I/O,比如网络 阅读全文
摘要:
一、概述 ES6不仅在语法上有很大的改进,在代码的组织结构上也有重大升级,ES6中新增加了像Set、WeakSet、Map、WeakMap、ArrayBuffer、TypedArray和DataView等数组结构;原生的模块化解决了复用、依赖、冲突、代码组织混乱的问题,让开发复杂的前端项目变得更加容 阅读全文
摘要:
一、概述 JavaScript的实现标准是ECMAScript,简称"ES"。主流的浏览器都完整的支持ES 5.1与ES3标准。2015年6月17日,ECMA国际组织发布了ECMAScript的第六版,该版本正式名称为ECMAScript 2015,被称为ECMAScript 6或ES6(泛指ES6 阅读全文