Develop
Unread简介
TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。
参考资料
Your browser does not support the video tag.
快速入门
简介
为什么要使用 TypeScript? 因为现在主流的前端框架都采用 TS 了，比如我们常见的 Vue React Angular,已然成为了一种趋势
TS是JS的超集，所以JS基础的类型都包含在内
网上流传着一句话 始于 JavaScript,终于 JavaScript 因为浏览器是不认识 TypeScript 所以我们会把 TS 编译成 JS 最终运行的还是 js 文件
起步安装
以下安装均采用 yarn 进行管理，如果是 npm 替换对应的命令即可
安装 @types/node ts-node 是为了在开发环境直接使用命令运行 ts 文件,因为 node 不认识 ts ,如果不安装的话需要先用 tsc xxx.ts ...
简介
CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块
参考资料
Your browser does not support the video tag.
CSS
简介
css 也叫样式层叠表，是一个控制与显示 html 元素的声明式语言，从而达到控制网页的显示效果
html 和 css 就是一对组合
选择器：选择器是 用于选择 html 元素用的，即表示这个样式对 哪个 html 元素有效
CSS 语法结构
12345h1 { width: 600px; height: 1200px; margin: auto;}
CSS 样式类型
CSS 样式类型包括三种：内联样式、内部样式、外部样式
内联样式
内联样式(Inline Style),也叫内嵌样式
内联样式是直接写在 html 元素上的，没有选择器，直接使用 style 属性声明,该样式仅仅对当前的元素有效
内部样式
...
简介
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
参考资料
Your browser does not support the video tag.
Your browser does not support the video tag.
初识HTML
简介
什么是HTML? --> HTML是Hyper Text Markup Language的缩写,中文：超文本标记语言
HTML并不是一门编程语言 编程语言的关键是逻辑，例如有条件选择 if else
HTML是用来构建网页元素的标记语言 文本段落、表格、图片
目前看到的所有网站，都是由 html 元素构成
编程语言例如们 javaScript 用来写页面逻辑、调用接口、操作&连接数据库等
在做 WEB 开发时，HTML是最基础和最必须要了解的 只使用HTML就可以构建简单网页
HTML+CSS+JavaScr ...
Backend
Unread简介
Spring Security是一个功能强大且可高度自定义的身份验证和访问控制框架。它是保护基于Spring的应用程序的事实上的标准。
Spring Security是一个专注于为Java应用程序提供身份验证和授权的框架。与所有Spring项目一样，Spring Security的真正强大之处在于它可以轻松扩展以满足自定义要求。
参考视频
Your browser does not support the video tag.
总览
需求环境说明介绍对比Shiro快速入门
实现前后端分离，按钮级权限控制（接口权限控制）
围绕 RBAC 权限模型进行设计
IDEA 2022.1
JDK 17.0.2
Gradle 7.4.1
SpringBoot 2.6.4
Spring Security 5.6.2
Spring Security 是一个功能强大且可高度自定义的身份验证和访问控制框架。它是保护基于Spring的应用程序的事实上的标准。
Spring Security 是一个专注于为Java应用程序提供身份验证和授权的框架。与所有Spring项目一样，Spring Secur ...
简介
阿里云对象存储OSS（Object Storage Service）是一款海量、安全、低成本、高可靠的云存储服务，可提供99.9999999999%（12个9）的数据持久性，99.995%的数据可用性。多种存储类型供选择，全面优化存储成本。
参考资料
Your browser does not support the video tag.
阿里 OSS
简介
阿里云对象存储OSS（Object Storage Service）为您提供基于网络的数据存取服务。使用OSS，您可以通过网络随时存储和调用包括文本、图片、音视频在内的各类数据文件
创建Bucket，并将文件上传至Bucket。上传完成后，将文件（Object）下载至本地或者通过生成签名URL的方式将文件分享给第三方，供其下载或预览
入口
登录阿里云控制台 【产品】-【存储】-【对象存储 OSS】
开通 OSS
价格
当前截图时价格，我主要是做一些头像照片的存储，可以选低频的，一个月估计不会到 1 个 G，8 分钱就能解决
前置准备
创建 Bucket
地域：这里建议选择和自己服务器节点近的地域
存储类 ...
Backend
Unread简介
Gradle是一个基于Apache Ant和Apache Maven概念的项目自动化构建开源工具。它使用一种基于Groovy的特定领域语言(DSL)来声明项目设置，也增加了基于Kotlin语言的kotlin-based DSL，抛弃了基于XML的各种繁琐配置。
参考资料
环境简介：
之前用的 SpringBoot 2.3.12 + JDK11 + Maven 来构建的，这里做了一次升级，主要记录升级中遇到的问题和解决方法后期好参考
JDK 17.02
Gradle 7.4.1
SpingBoot 2.6.4
IDEA 2021.3
flyway配置参考
Your browser does not support the video tag.
快速上手
简介
注意注意如果你的磁盘是ExFAT 格式是无法创建 gradle 工程的,这是一个官方一致存在的问题也是之前困扰了我很久，因此你需要在其它磁盘上新建
Gradle 是一个比 maven 更加先进的构建工具，经过体验觉得配置方面比 maven 的 pom.xml 要简洁很多，构建速度也有明显的提升
本次笔记主要用于记录将我 ...
Backend
Unread简介
MyBatis-Plus (opens new window)（简称 MP）是一个 MyBatis (opens new window)的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。
我们的愿景是成为 MyBatis 最好的搭档，就像 魂斗罗 中的 1P、2P，基友搭配，效率翻倍。
参考资料
Mybatis-Plus
Your browser does not support the video tag.
快速集成
环境集成配置注意事项
需要配置数据的基本信息 application.yml
pom.xml 中不要用 <packaging>pom</packaging> 会导致resources目录下的文件无法编译到 classes 下 （会提示找不到数据库之类的
启动入口一定要配置 @MapperScan("com.adalucky.MybatisPlus.modules") // 需要扫描的包 不然会提示找不到 bean
注意测试类的目录层级要和 java 中层级保持一致，且测试类没有 ...
简介
Axios，是一个基于promise网络请求库，作用于node.js和浏览器中，它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.js http模块, 而在客户端 (浏览端) 则使用XMLHttpRequests
参考资料
Your browser does not support the video tag.
认识 axios
Axios简单的理解就是ajax的封装
Axios 是一个基于 promise 的 HTTP 库
支持node端和浏览器端
使用Promise管理异步，告别传统callback方式
丰富的配置项，支持拦截器等高级配置
转换请求数据和响应数据
接口案例
项目的两种编程方式：模板式编程（服务端渲染好的模板返回，例如 jsp）、接口式编程（现在基本都是这种，前后端分离）
RestFul API 规范（URL，HTTP， 版本， 状态码， 返回值， 请求条件等规范）
GET（SELECT）：从服务器取出资源（一项或多项）。
POST（CREATE）：在服务器新建一个资源。
PUT（UPDATE ...
Develop
Unread简介
ECMAScript 6.0，简称ES6，是JavaScript语言的下一代标准，已经在2015年6月正式发布。其目标为使JavaScript可以用来编写复杂的大型应用程序，成为企业级开发语言。
参考资料
Your browser does not support the video tag.
ECMAScript 6语法和应用
ECMAScript 2015 花费6年时间敲定,是一个很大的发行版
认识ES6
函数的参数
ES6兼容性解决
解构赋值
let和 const
Classl的用法
箭头函数
JSON的新应用
数组的新增方法
Module模块
Map数据结构
ES7-ES11的一些新特性介绍
字符串和新增方法和模版字符串
ECMAScript和 JavaScrip的关系
ECMA是“European Computer Manufacturers Association”的缩写,中文称欧洲计算机制造联合会。这个组织的目标是评估,开发和认可电信和计算机标准。
ECMA是标准, JavaScript是实现
类似HTML5是标准,IE10、 Chrome、FF都是 ...
简介
webpack 是代码编译工具，有入口、出口、loader 和插件。webpack 是一个用于现代JavaScript应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle
参考资料
Your browser does not support the video tag.
简介安装配置
简介
webpack 是一个模块打包器(构建工具)。它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换（transform）、打包（bundle）或包裹（package）任何资源(resource or asset)。
官网： https://webpack.js.org/
中文文档：https://webpack.docschina.org/
webpack原理和概念
树结构: 在一个入口文件中引入所有资源，形成所有依赖关系树状图
模块：模块就是模块可以是ES6模块也可以是commonJS或者 ...
