摘要: 一、状态管理 1.1、什么是状态管理? 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <script setup> import { ref } from 'vue' // 状态 const count = ref(0) // 动作 fu 阅读全文
posted @ 2022-11-23 08:34 张果 阅读(158) 评论(0) 推荐(2) 编辑
摘要: 一、JWT概要 1.0、认证方式 1.0.1、基于Session的认证 基于session认证所显露的问题: Session: 每个用户经过我们的应用认证之后,我们的应用都要在服务端做一次记录,以方便用户下次请求的鉴别,通常而言session都是保存在内存中,而随着认证用户的增多,服务端的开销会明显 阅读全文
posted @ 2022-11-17 10:51 张果 阅读(392) 评论(0) 推荐(3) 编辑
摘要: 第一章: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 阅读全文
posted @ 2022-11-11 10:09 张果 阅读(630) 评论(0) 推荐(7) 编辑
摘要: 一、前端路由的概念与原理 1.1. 什么是路由 路由(英文:router)就是对应关系。 1.2. SPA 与前端路由 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。 此时,不同组件之间的切换需要通过前端路由来实现。 结论:在 SPA 阅读全文
posted @ 2022-11-11 08:38 张果 阅读(499) 评论(0) 推荐(5) 编辑
摘要: 一、组件 如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展,但如果,我们将一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了。如果我们将一个个功能块拆分后,就可以像搭建积木一下来搭 阅读全文
posted @ 2022-11-02 14:51 张果 阅读(898) 评论(0) 推荐(12) 编辑
摘要: 一、模板语法 Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。 在底层机制中,Vue 会将模板编译成高度优化的 JavaScript 代码。结合 阅读全文
posted @ 2022-10-26 14:57 张果 阅读(824) 评论(0) 推荐(15) 编辑
摘要: 一、常用 Composition API 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 组合式 API (Composition API) 是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书 阅读全文
posted @ 2022-10-19 14:59 张果 阅读(713) 评论(0) 推荐(16) 编辑
摘要: 一、类型type 1.1、定义 Type又叫类型别名(type alias),作用是给一个类型起一个新名字,不仅支持interface定义的对象结构,还支持基本类型、联合类型、交叉类型、元组等任何你需要手写的类型。 type Num = number; // 基本类型 type StringOrNu 阅读全文
posted @ 2022-09-29 15:53 张果 阅读(383) 评论(0) 推荐(7) 编辑
摘要: 一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、MVC(Model View Controller) MVC的核心理念是:你应该把管理数据的代码(Model)、 阅读全文
posted @ 2022-09-26 16:17 张果 阅读(791) 评论(0) 推荐(15) 编辑
摘要: 一、编译选项与配置文件 自动编译文件 编译文件时,使用 -w 指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译。 示例: tsc xxx.ts -w 自动编译整个项目 如果直接使用tsc指令,则可以自动将当前项目下的所有ts文件编译为js文件。 但是能直接使用tsc命令的 阅读全文
posted @ 2022-09-26 14:57 张果 阅读(371) 评论(0) 推荐(11) 编辑
摘要: 一、原始数据类型基本使用 TypeScript中拥有更多的类型,如下表所示: 类型例子描述 number 1, -33, 2.5 任意数字 string 'hi', "hi", hi 任意字符串 boolean true、false 布尔值true或false 字面量 其本身 限制变量的值就是该字面 阅读全文
posted @ 2022-09-21 14:21 张果 阅读(500) 评论(0) 推荐(14) 编辑
摘要: 一、TypeScript概要 TypeScript是一种由微软开发的自由和开源的编程语言,它是JavaScript的一个超集,扩展了JavaScript的语法,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构师,工作于TypeScript的开发。 官 阅读全文
posted @ 2022-09-21 09:30 张果 阅读(294) 评论(0) 推荐(22) 编辑
摘要: 一、MongoDB MongoDB是开源,高性能的NoSQL数据库;支持索引、集群、复制和故障转移、各种语言的驱动程序丰富;高伸缩性;MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和 阅读全文
posted @ 2022-09-16 08:55 张果 阅读(650) 评论(0) 推荐(14) 编辑
摘要: 一、Node.js模块化 1.0、变量作用域 (1)、在浏览器端使用var或不使用关键字定义的变量属于全局作用域,也就是可以使用window对象访问。 <script> var a = 100; (function () { b = 200; })(); console.log(window.a, 阅读全文
posted @ 2022-09-05 08:25 张果 阅读(532) 评论(0) 推荐(13) 编辑
摘要: 一、简介 1.1、概要 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。 Nodejs 的单线程 非阻塞 阅读全文
posted @ 2022-09-05 08:24 张果 阅读(417) 评论(0) 推荐(11) 编辑
摘要: 一、Express Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。使用Node.js作为AngularJS开发Web服务器的最佳方式是使用Exp 阅读全文
posted @ 2022-09-05 08:24 张果 阅读(726) 评论(0) 推荐(10) 编辑
摘要: 一、JavaScript概要 JavaScript(JS)是一种轻量级、解释型、动态类型的高级程序设计语言。它诞生于1995年,是一门基于原型、函数优先的语言,是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持I/O,比如网络 阅读全文
posted @ 2022-05-26 14:16 张果 阅读(630) 评论(0) 推荐(5) 编辑
摘要: 一、概述 ES6不仅在语法上有很大的改进,在代码的组织结构上也有重大升级,ES6中新增加了像Set、WeakSet、Map、WeakMap、ArrayBuffer、TypedArray和DataView等数组结构;原生的模块化解决了复用、依赖、冲突、代码组织混乱的问题,让开发复杂的前端项目变得更加容 阅读全文
posted @ 2022-05-20 08:34 张果 阅读(735) 评论(0) 推荐(11) 编辑
摘要: 一、概述 JavaScript的实现标准是ECMAScript,简称"ES"。主流的浏览器都完整的支持ES 5.1与ES3标准。2015年6月17日,ECMA国际组织发布了ECMAScript的第六版,该版本正式名称为ECMAScript 2015,被称为ECMAScript 6或ES6(泛指ES6 阅读全文
posted @ 2022-05-19 16:20 张果 阅读(399) 评论(0) 推荐(4) 编辑
摘要: 一、概述 面向对象程序编程(Object-oriented programming,缩写:OOP)是用抽象方式构建基于现实世界模型的一种编程模式,JavaScript是一种基于对象(object-based)的语言,支持面向对象编程与函数式编程,但JavaScript的面向对象与其它的面向对象语言有 阅读全文
posted @ 2022-05-19 16:14 张果 阅读(387) 评论(0) 推荐(8) 编辑
摘要: 一、概述 开发者常戏称"函数是JavaScript中的一等公民",这足以体现了函数的重要性,为了更好的掌握函数我们需要学习函数的构造器Function等相关内容。 因为JavaScript的作用域与我们学习过的静态语言(如Java、C#等)有非常大的区别,理解作用域对更加深入的掌握JavaScrip 阅读全文
posted @ 2022-05-19 16:04 张果 阅读(331) 评论(0) 推荐(6) 编辑
摘要: 通过一个简单的图书管理系统巩固前6章所学知识,使用Spring Boot+MyBatis+MySQL+Vue+Axios技术实现一个前后端分离的图书管理功能,能完成图书的展示、分页、删除、多删除、导出、导入。 一、第一阶段 第一阶段只完成查询与分页功能,目的是先搭建起项目框架,让前后端运行成功后再添 阅读全文
posted @ 2022-05-17 10:35 张果 阅读(1558) 评论(0) 推荐(3) 编辑
摘要: 一、分页(pagehelper) pagehelper 是一个强大实用的 MyBatis 分页插件,可以帮助我们快速的实现MyBatis分页功能,而且pagehelper有个优点是,分页和Mapper.xml完全解耦,并以插件的形式实现,对Mybatis执行的流程进行了强化,这有效的避免了我们需要直 阅读全文
posted @ 2022-05-10 15:35 张果 阅读(730) 评论(0) 推荐(8) 编辑
摘要: 一、MyBatis配置文件详解 1.1、settings全局参数配置 mybatis框架运行时可以调整一些运行参数。比如,开启二级缓存,开启延迟加载等等。全局参数会影响mybatis的运行行为。 mybatis-settings的配置属性以及描述 setting(设置) Description(描述 阅读全文
posted @ 2022-04-29 10:59 张果 阅读(928) 评论(0) 推荐(11) 编辑
摘要: 程序员应该将核心关注点放在业务上,而不应该将时间过多的浪费在CRUD中,多数的ORM框架都把增加、修改与删除做得非常不错了,然后数据库中查询无疑是使用频次最高、复杂度大、与性能密切相关的操作,我们希望得到一种使用方便,查询灵活的ORM框架,MyBatis可以满足这些要求,MyBatis是一个支持普通 阅读全文
posted @ 2022-04-27 11:16 张果 阅读(638) 评论(0) 推荐(7) 编辑
AmazingCounters.com