- 博客(50)
- 收藏
- 关注
RSS订阅原创 Vue.js
简单认识Vue.jsVue (读音 /vjuː/，类似于 view)，不要读错。Vue是一个渐进式的框架 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。 或者你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。 比如 Core+Vue-rou
2021-06-22 17:26:25
432
原创 Nest框架（三）
绑定守卫与管道和异常过滤器一样，守卫可以是控制器范围的、方法范围的或全局范围的。@UseGuards()装饰器设置了一个控制范围的守卫。这个装饰器可以使用单个参数，也可以使用逗号分隔的参数列表。也就是说，你可以传递几个守卫并用逗号分隔它们。控制器范围注册：全局范围注册：全局守卫用于整个应用程序, 每个控制器和每个路由处理程序。在依赖注入方面, 从任何模块外部注册的全局守卫 (如上面的示例中所示) 不能插入依赖项, 因为它们不属于任何模块。为了解决此问题, 您可以使用以下构造直接从任何模块设置一
2021-06-09 14:18:00
481
原创 Nest框架（二）
管道管道是具有 @Injectable() 装饰器的类。管道应实现 PipeTransform 接口。管道的作用：转换：管道将输入数据转换为所需的数据输出验证：对输入数据进行验证，如果验证成功继续传递; 验证失败则抛出异常;在这个作用下, 管道 参数(arguments) 会由 控制器(controllers)的路由处理程序 进行处理. Nest 会在调用这个方法之前插入一个管道，管道会先拦截方法的调用参数,进行转换或是验证处理，然后用转换好或是验证好的参数调用原方法。内置管道Nest 自带
2021-06-08 16:39:09
398
原创 Nest框架（一）
认识NestJS用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架。以在TypeScript和JavaScript (ES6、ES7、ES8)之上构建高效、可伸缩的企业级服务器端应用程序。它的核心思想是提供了一个层与层直接的耦合度极小、抽象化极高的一个架构体系。Nest.js目前在行业内具有很高的关注度，所以我们有必要学习一下。Nest.js基于TypeScript 编写并且结合了 OOP（面向对象编程），FP（函数式编程）和 FRP（函数式响应编程）的相关理念。在设计上的很多灵感来自于
2021-06-04 13:10:02
1051
4
原创 TypeORM框架（二）
Find 选项-基础选项所有存储库和管理器find方法都接受可用于查询所需数据的特殊选项，而无需使用QueryBuilder// select - 表示必须选择对象的哪些属性userRepository.find({ select: ["firstName", "lastName"] });// relations - 关系需要加载主体。 也可以加载子关系（join 和 leftJoinAndSelect 的简写）userRepository.find({ relations: ["profile
2021-06-01 12:10:16
1231
原创 Git（版本控制系统）
Git是什么？Git是目前世界上最先进的分布式版本控制系统。Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库SVN与Git的最主要的区别SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器那里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如果在互联网下，如
2021-05-29 18:47:39
172
原创 TypeORM框架（一）
认识TypeORMTypeORM 是一个ORM (opens new window)框架，它可以运行在 NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native、Expo 和 Electron 平台上，可以与 TypeScript 和 JavaScript (ES5,ES6,ES7,ES8)一起使用。 它的目标是始终支持最新的 JavaScript 特性并提供额外的特性以帮助你开发任何使用数据库的（不管是只有几张表的小型应用还是拥有多数据库的大型企业应用）应用程
2021-05-28 13:47:53
1366
2
原创 Express框架
认识Web框架前面我们已经学习了使用http内置模块来搭建Web服务器，为什么还要使用框架？ 原生http在进行很多处理时，会较为复杂； 有URL判断、Method判断、参数处理、逻辑代码处理等，都需要我们自己来处理和封装； 并且所有的内容都放在一起，会非常
2021-05-21 14:07:41
205
原创 http模块（二）
method的处理在Restful规范（设计风格）中，我们对于数据的增删改查应该通过不同的请求方式： GET：查询数据； POST：新建数据； PATCH：更新数据； DEL
2021-05-19 11:29:02
140
原创 Http 模块（一）
Web服务器什么是Web服务器？ 当应用程序（客户端）需要某一个资源时，可以向一个台服务器，通过Http请求获取到这个资源；提供资源的这个服务器，就是一个Web服务器；目前有很多开源的Web服务器：Nginx、Apache（静态）、Apache Tomcat（静态、动态）、Node.jsWeb服务器初体验const http = require('http');const HTTP_PORT = 8
2021-05-18 14:12:12
143
1
原创 JavaScript模块化（二）
认识 ESModuleJavaScript没有模块化一直是它的痛点，所以才会产生我们前面学习的社区规范：CommonJ S、AMD、CMD等，所以在ES推出自己的模块化系统时，大家也是兴奋异常。ES Module和CommonJS的模块化有一些不同之处： 一方面它使用了import和export关键字； 另一方面它
2021-05-18 10:16:30
132
1
原创 NodeJS
什么是Node.js呢？我们先看一下官方对Node.js的定义： Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。但是这句话对于很多同学来说，非常笼统： 什么是JavaScript运行环境？  
2021-05-15 15:54:24
336
原创 ECharts
ECharts 是什么ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。ECharts 遵循 Apache-2.0 开源协议，免费商用。ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。ECharts 安装独立版本https://cdn.staticfile.org/echarts/4.7.0/echarts.js使用 CDN 方法https://
2021-05-14 11:37:29
357
原创 MySQL（三）
聚合函数聚合函数表示对值集合进行操作的组（集合）函数。# 华为手机价格的平均值SELECT AVG(price) FROM `products` WHERE brand = '华为’;# 计算所有手机的平均分SELECT AVG(score) FROM `products`;# 手机中最低和最高分数SELECT MAX(score) FROM `products`;SELECT MIN(score) FROM `products`;# 计算总投票人数SELECT SUM(voteCnt)
2021-05-13 14:35:24
160
原创 MySQL（二）
SQL的数据类型 – 数字类型我们知道不同的数据会划分为不同的数据类型，在数据库中也是一样： MySQL支持的数据类型有：数字类型，日期和时间类型，字符串（字符和字节）类型，空间类型和 JSON数据类型。数字类型 MySQL的数字类型有很多： 整数数字类型
2021-05-11 13:39:11
111
原创 MySQL（一）
为什么需数据库？任何的软件系统都需要存放大量的数据，这些数据通常是非常复杂和庞大的： 比如用户信息包括姓名、年龄、性别、地址、身份证号、出生日期等等； 比如商品信息包括商品的名称、描述、价格（原价）、分类标签、商品图片等等； &nbs
2021-05-10 13:39:57
537
原创 TypeScript（二）
TypeScript抽象类什么是抽象类？被abstract修饰的类，就是抽象类，抽象类又叫基类为什么要有抽象类？为了规定类中的一些属性和方法，在被继承的时候必须重写，所以被abstract修饰的方法和属性，在继承时必须重写，分别叫做抽象属性和抽象方法抽象类的特点：抽象类自身无法实例化，必须由子类（派生类）进行实例化抽象类也可以拥有自己的抽象方法和属性抽象类中的抽象方法和抽象属性必须被重写TypeScript抽象类的定义与使用abstract class Animal { abstra
2021-05-08 13:03:26
111
原创 TypeScript（一）
TypeScript是什么？TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript本身并非什么高深的技术，凡是有JavaScript基础的同学都可以轻松掌握TypeScript的特性TypeScript 是一种给 Java
2021-05-07 14:11:18
149
原创 axios
get 请求 // get(url,data) axios .get('http://49.233.3.222:8080/home/goods?type=sell&page=1') .then(res => { console.log(res.data); }) async function getGoods() { // const { data } = await axios.get('http://
2021-04-30 13:31:36
95
原创 ES6（二）
ES7 新特性Array.prototype.includesIncludes 方法用来检测数组中是否包含某个元素，返回布尔类型值指数操作符在 ES7 中引入指数运算符「**」，用来实现幂运算，功能与 Math.pow 结果相同async 和 awaitasync 和 await 两种语法结合可以让异步代码像同步代码一样async 函数async 函数的返回值为 promise 对象，promise 对象的结果由 async 函数执行的返回值决定await 表达式await
2021-04-30 13:24:49
86
原创 Bootstrap 4 （四）
Bootstrap 4 模态框模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。可以通过添加 .modal-sm 类来创建一个小模态框，.modal-lg 类可以创建一个大模态框。尺寸类放在 <div>元素的 .modal-dialog 类后 <!-- 按钮：用于打开模态框 --> <button type="button" class="btn btn-primary"
2021-04-26 13:50:26
417
原创 Bootstrap 4（三）
Bootstrap 4 列表组大部分基础列表组都是无序的。要创建列表组，可以在 <ul> 元素上添加 .list-group 类, 在 <li> 元素上添加 .list-group-item 类 <ul class="list-group"> <li class="list-group-item">First item</li> <li class="list-group-item">Second item<
2021-04-24 14:34:08
3464
原创 Bootstrap（二）
表格基础表格 .table 类来设置基础表格的样式条纹表格 .table-striped 类，<tbody>内的行上添加条纹带边框表格 .table-bordered 类可以为表格添加边框鼠标悬停状态表格  
2021-04-23 14:11:21
1315
原创 Bootstrap4(一)
Bootstrap 4是什么？Bootstrap 4 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 4 目前是 Bootstrap 的最新版本，是一套用于HTML、CSS 和 JS 开发的开源工具集，利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预售组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app。Bootstrap 4安装使用我们可以通过以下两种方式来安装 Bootstrap
2021-04-22 14:27:17
392
原创 函数进阶
函数的定义方式函数声明function foo () {}函数表达式var foo = function () {}函数声明与函数表达式的区别： 函数声明必须有名字 函数声明会函数提升，在预解析阶段就已创建，声明前后都可以调用 函数表达式类似于变
2021-04-21 13:36:41
96
原创 JavaScript高级(一)
什么是对象everything is object(万物皆对象)对象是单个事物的抽象。 一本书、一辆汽车、一个人都可以是对象，一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象，实物之间的关系就变成了对象之间的关系，从而就可以模拟显示情况，针对对象进行编程。对象是一个容器，封装了属性(property)和方法(method) &nbs
2021-04-20 14:43:12
70
原创 2021-04-17
CSS3过渡CSS3中，我们为了添加某种效果可以从一种样式转变到另一种样式的时候，无需使用Flash动画或JavaScript。用鼠标移过下面的元素：CSS3过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容： 指定要添加效果的CSS属性 指定效果的持续时间语法：transition:width 2s;tra
2021-04-17 13:49:25
72
原创 2021-04-16
CSS3媒体查询CSS2 中引入了 @media 规则，它让为不同媒体类型定义不同样式规则成为可能。例如：您可能有一组用于计算机屏幕的样式规则、一组用于打印机、一组用于手持设备，甚至还有一组用于电视，等等。不幸的是，除了打印媒体类型之外，这些媒体类型从未得到过设备的大规模支持。CSS3 引入了媒体查询CSS3 中的媒体查询扩展了 CSS2 媒体类型的概念：它们并不查找设备类型，而是关注设备的能力。媒体查询可用于检查许多事情，例如： &n
2021-04-16 14:51:43
117
原创 CSS3
选择器属性选择器E[att^=“val”] 属性att的值以"val"开头的元素E[att$=“val”] 属性att的值以"val"结尾的元素E[att*=“val”] 属性att的值包含"val"字符串的元素结构伪类选择器（过滤选择器）E:root 匹配文档的根元素，对于HTML文档，就是HTML元素E:nth-child(n) 匹配其父元素的第n个子元素E:nth-last-child(n) 匹配其父元素的倒数第n个子元素E:nth-of-type(n) 与:nth-child
2021-04-14 18:14:47
101
原创 canvas及HTML5代码规范
canvasHTML5<canvas>元素用于图形的绘制，通过脚本（通常是JavaScript）来完成。<canvas>标签只是图形容器，必须使用脚本来绘制图形。可以通过多种方法 使用canvas绘制路径，盒、圆、字符以及添加图像。一个画布在网页中是一个矩形框，通过<canvas>元素来绘制。注意：默认情况下<canvas>元素没有边框和内容。<canvas id="canvas" width="200" height="100" style
2021-04-13 20:20:44
230
原创 HTML5
什么是HMTL5HTML5是最新的HTML标准。HTML5是专门为承载丰富的web内容而设计的，并且无需额外插件。HTML5拥有新的语义、图形 以及多媒体元素。HTML5提供的新元素和新的API简化了web应用程序的搭建。HTML5是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。HTML5新特性HTML5的一些最有趣的新特性： 新的语义元素，比如<header>,<footer>,
2021-04-10 14:14:02
138
原创 jQuery-AJAX
jQuery-AJAXjQuery库拥有完整的Ajax兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。jQuery.ajax() 执行异步HTTP(Ajax)请求。jQuery.getJSON() 使用HTTP GET请求从服务器加载JSON编码数据。jQuery.get() 使用HTTP GET请求从服务器加载数据。jQuery.po
2021-04-08 15:34:54
95
原创 Array数组
数组简介数组的定义： 数组是一组数据的集合，在内存中是一段连续的内存空间。数组的特点： 数组定义时可以无需指定数组长度 存储数据是无需指定具体类型，可以存储任意类型数组的创建方式 使用Array构造函数var colo
2021-04-06 21:39:08
160
原创 JSON基础
JSON基础https://www.runoob.com/什么是JSON？JSON指的是JavaScript对象表示法(JavaScript Object Notation)JSON是轻量级的文本数据交换格式JSON独立于语言：JSON使用Javascript语法来描述数据对象，但是JSON仍然独立于语言和平台，JSON解析器和JSON库支持许多不同的编程语言。目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。JSON-- 独立于语言的轻量级的文本数据交换格式。在没有JSO
2021-03-25 19:51:13
141
1
原创 jQuery基础
jQuery HTML1.jQuery获取/设置文本元素的值 1.jQuery获取元素的值 text()、html() 以及 val() text()—返回所选元素的文本内容 html()—返回所选元素的内容(包括HTML标记) val()—返回表单字段的值<!DOCTYPE html><html&g
2021-03-24 21:09:25
96
原创 2021-03-23
jQuery简介什么是jQueryjQuery是一个轻量级的"写的少，做的多"的JavaScript函数库。【独立的javascript文件】jQuery库包含以下功能：1.HTML元素选取2.HTML元素操作3.CSS操作4.HTML事件函数5.JavaScript特效和动画【元素的隐藏和显示】6.HTML DOM便利和修改7.AJAX请求【获取后台处理程序返回的数据值】高级操作Jquery下载https://jquery.com/ 官网Download the compres
2021-03-23 14:15:10
120
原创 2021-03-20
JS中的记时函数在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。setInterval(“function”,milliseconds) - 间隔指定的毫秒数不停地执行指定的代码。参数1–function–被间隔执行的动作参数2–milliseconds–间隔时间【毫秒数】clearInterval(intervalVariable) 方法用于停止 setInterval() 方法执行的函数代码。参数intervalVariable— setInterval
2021-03-20 10:46:26
114
原创 2021-03-19
1.JS中的BOM对象浏览器对象模型–Browser ObjectModel (BOM)Window对象的属性有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari;window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度对于 Internet Explorer 5，6，7，8;document.docume
2021-03-19 14:34:28
107
原创 2021-03-18
1.DOM对象DOM–Document Object Model[文档对象模型]当网页被加载时，浏览器会创建页面的文档对象模型。HTML DOM 模型被构造为对象的树当网页被加载时，浏览器会创建页面的文档对象模型。那么在网页中的任何一个html标记都有可能成为DOM对象。我们通过JS来控制网页中的html标记，但是JS并不能直接控制html标记，这时我们就需要将网页中的html标记变成JS能够识别的对象，这个能够被JS识别的对象就是DOM对象 。2.查找HTML元素为了做到这件事情，您必须首
2021-03-18 17:01:56
111
原创 2021-03-17
JS中的对象Date（日期）1.创建Date对象new Date（）;//当前系统时间2…new Date(milliseconds) //返回从 1970 年 1 月 1 日至今的毫秒数3.new Date(dateString)4.new Date(year, month, day, hours, minutes, seconds, milliseconds)Date的常用方法getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。getFullYear()获取年份ge
2021-03-17 11:33:39
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人