- 博客(50)
- 收藏
- 关注
RSS订阅原创 Vue.js
课程介绍内容概述 ◼认识Vuejs ◼为什么学习Vuejs ◼简单认识一下Vuejs ◼Vuejs安装方式 ◼CDN引入 ◼下载和引入 ◼NPM安装管理 ◼Vuejs初体验 ◼Hello Vuejs ◼Vue列表展示 ◼案例：计数器 ◼Vuejs的MVVM ◼Vue中的MVVM为什么学习Vuejs？ 我相信每个人学习Vue的目的是各不相同的。 ◼可能你的公司正要将原有的项目使用Vue进行重构。 ◼也可能是你的公司新项目决定使.
2021-06-22 15:40:43
134
原创 Nest.js框架（4）
守卫卫是一个使用 @Injectable() 装饰器的类。 守卫应该实现 CanActivate 接口。 守卫有一个单独的责任。它们根据运行时出现的某些条件（例如权限，角色，访问控制列表等）来确定给定的请求是否由路由处理程序处理。 这通常称为 授权。在传统的 Express 应用程序中，通常由中间件处理授权。中间件是身份验证的良好选择。到目前为止，访问限制逻辑大多在中间件内。这样很好，因 为诸如 token 验证或将 request 对象附加属性与特定路由没有强关联。 中间件..
2021-06-09 14:29:10
280
原创 Nest.js框架（3）
管道管道是具有 @Injectable() 装饰器的类。管道应实现 PipeTransform 接口。 管道的作用： 转换：管道将输入数据转换为所需的数据输出 验证：对输入数据进行验证，如果验证成功继续传递; 验证失败则抛出异常; 在这个作用下, 管道 参数(arguments) 会由 控制器(controllers)的路由处理程序 进行处理. Nest 会在调用这个方法之前插入一 个管道，管道会先拦截方法的调用参数,进行转换或是验证处理，然后用转换好或...
2021-06-08 15:18:03
214
1
原创 Nest.js框架（2）
错误处理nest内置的异常层负责处理整个应用程序中的所有抛出的异常。当捕获到未处理的异常时，最终用户将收到友好的响应。 开箱即用，此操作由内置的全局异常过滤器执行，该过滤器处理类型 HttpException（及其子类）的异常。每个发生的异常都 由全局异常过滤器处理, 当这个异常无法被识别时 (既不是 HttpException 也不是继承的类 HttpException ) , 用户将 收到以下 JSON 响应: {"statusCode": 500,"message": "I..
2021-06-05 14:24:32
220
原创 Nest.js框架
认识NestJS用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架。以在TypeScript和JavaScript (ES6、ES7、ES8)之上构建高效、可伸缩的企业 级服务器端应用程序。它的核心思想是提供了一个层与层直接的耦合度极小、抽象化极高的一个架构体系。Nest.js目前在行业内具有很高 的关注度，所以我们有必要学习一下。 Nest.js基于TypeScript 编写并且结合了 OOP（面向对象编程），FP（函数式编程）和 FRP（函数式响应编程）的..
2021-06-04 14:20:46
2641
1
原创 TypeORM框架（3）
关系什么是关系 关系可以帮助你轻松地与相关实体合作。 有几种类型的关系 一对一 使用 @OneToOne 多对一 使用 @ManyToOne 一对多 使用 @OneToMany 多对多 使用 @ManyToMany 关系选项 eager: boolean - 如果设置为 true，则在此实体上使用find * 或QueryBuilder时，将始终使用主实体加载关系 cascade: boolean - 如果设置为 true，...
2021-06-02 11:58:05
262
原创 Typeorm框架（2）
使用RepositoryRepository就像EntityManager一样，但其操作仅限于具体实体。 自定义存储库可以创建一个自定义存储库，其中应包含使用数据库的方法。 通常为单个实体创建自定义存储库，并包含其特定的查询如你所见，你也可以使用getCustomRepository 获取 repository， 并且可以访问在其中创建的任何方法以及标准实体 repository 中的任何方法Find 选项-基础选项所有存储库和管理器find方法都接受可用于查询所需数据的
2021-06-01 14:28:59
998
原创 Koa框架
认识Koa 前面我们已经学习了express，另外一个非常流行的Node Web服务器框架就是Koa。 Koa官方的介绍： koa：next generation web framework for node.js； koa：node.js的下一代web框架； 事实上，koa是express同一个团队开发的一个新的Web框架： 目前团队的核心开发者TJ的主要精力也在维护Koa，express已经交给团队维护了； Koa旨在为Web应用程序和API提供更...
2021-05-26 11:58:08
1210
4
原创 Express框架
认识Web框架前面我们已经学习了使用http内置模块来搭建Web服务器，为什么还要使用框架？ 原生http在进行很多处理时，会较为复杂； 有URL判断、Method判断、参数处理、逻辑代码处理等，都需要我们自己来处理和封装； 并且所有的内容都放在一起，会非常的混乱； 目前在Node中比较流行的Web服务器框架是express、koa； 我们先来学习express，后面再学习koa，并且对他们进行对比； express早于koa出现，并且在Node社区中迅速...
2021-05-21 13:08:37
177
1
原创 JS模块化(2)
认 识 ESModuleJavaScript没有模块化一直是它的痛点，所以才会产生我们前面学习的社区规范：CommonJ S、AMD、CMD等， 所以在ES推出自己的模块化系统时，大家也是兴奋异常。 ES Module和CommonJS的模块化有一些不同之处： 一方面它使用了import和export关键字； 另一方面它采用编译期的静态分析，并且也加入了动态引用的方式； ES Module模块采用export和import关键字来实现模块化： export负...
2021-05-18 14:07:12
64
原创 JavaScript模块化
什么是模块化呢？那么，到底什么是模块化开发呢？ 事实上模块化开发最终的目的是将程序划分成一个个小的结构； 这个结构中编写属于自己的逻辑代码，有自己的作用域，不会影响到其他的结构； 这个结构可以将自己希望暴露的变量、函数、对象等导出给其结构使用； 也可以通过某种方式，导入另外结构中的变量、函数、对象等； 上面说提到的结构，就是模块；按照这种结构划分开发程序的过程，就是模块化开发的过程； 无论你多么喜欢JavaScript，以及它现在发展的有多好，我们都需...
2021-05-15 15:21:12
248
1
原创 Node.js
什么是Node.js呢？我们先看一下官方对Node.js的定义： Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。 但是这句话对于很多同学来说，非常笼统： 什么是JavaScript运行环境？ 为什么JavaScript需要特别的运行环境呢？ 什么又是JavaScript引擎？ 什么是V8？ 我们先来把这些概念搞清楚，再去看Node到底是什么？JavaScript无处不在Sta...
2021-05-15 15:13:36
87
原创 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 方法
2021-05-14 11:38:51
1039
原创 MySQL(3)
聚合函数聚合函数表示对值集合进行操作的组（集合）函数。# 华为手机价格的平均值SELECT AVG(price) FROM `products` WHERE brand = '华为’;# 计算所有手机的平均分SELECT AVG(score) FROM `products`;# 手机中最低和最高分数SELECT MAX(score) FROM `products`;SELECT MIN(score) FROM `products`;# 计算总投票人数SELECT SU..
2021-05-13 14:53:31
105
原创 MySQL（2）
SQL的数据类型 – 数字类型我们知道不同的数据会划分为不同的数据类型，在数据库中也是一样： MySQL支持的数据类型有：数字类型，日期和时间类型，字符串（字符和字节）类型，空间类型和 JSON数 据类型数字类型MySQL的数字类型有很多： 整数数字类型：INTEGER，INT，SMALLINT，TINYINT，MEDIUMINT，BIGINT；=>number...
2021-05-11 13:35:48
194
原创 MySQL数据库
为什么需要数据库？ 任何的软件系统都需要存放大量的数据，这些数据通常是非常复杂和庞大的： 比如用户信息包括姓名、年龄、性别、地址、身份证号、出生日期等等； 比如商品信息包括商品的名称、描述、价格（原价）、分类标签、商品图片等等； 比如歌曲信息包括歌曲的名称、歌手、专辑、歌曲时长、歌词信息、封面图片等等； 那么这些信息不能直接存储到文件中吗？可以，但是文件系统有很多的缺点： 很难以合适的方式组织数据（多张表之前的关系合理组织）； 并且对数据进行...
2021-05-10 13:24:51
447
原创 TypeScript（2）
TypeScript抽象类什么时抽象类？被abstract修饰的类，就是抽象类，抽象类又叫基类 为什么要有抽象类？ 为了规定类中的一些属性和方法，在被继承的时候必须重写，所以被abstract修饰的方法和属性，在继承时必须重 写，分别叫做抽象类和抽象方法 抽象类的特点： 抽象类自身无法实例化，必须由子类（派生类）进行实例化 抽象类也可以拥有自己的抽象方法和属性 抽象类中的抽象方法和抽象属性必须被重写TypeScript抽象类的定...
2021-05-09 20:14:49
91
原创 TypeScript
TypeScript是什么？ TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。 TypeScript本身并非什么高深的技术，凡是有JavaScript基础的同学都可以轻松掌握TypeScript...
2021-05-07 14:19:54
80
原创 ES6（2）
SetES6 提供了新的数据结构 Set（集合）。它类似于数组，但成员的值都是唯 一的，集合实现了 iterator 接口，所以可以使用『扩展运算符』和『for…of…』进 行遍历，集合的属性和方法： 1) size 返回集合的元素个数 2) add 增加一个新元素，返回当前集合 3) delete 删除元素，返回 boolean 值 4) has 检测集合中是否包含某个元素，返回 boolean 值 5) clear 清空集合，返回 unde
2021-04-29 17:14:46
80
原创 ES6
什么是 ECMAScript？ECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言。什么是 ECMA-262 ？Ecma 国际制定了许多标准，而 ECMA-262 只是其中的一个，所有标准列表查看 http://www.ecma-international.org/publications/standards/Standard.htm ECMA-262 历史 ECMA-262（ECMAScript）历史版本查看网址 http:/..
2021-04-28 17:05:12
94
原创 BootStarp4（3）
Bootstrap4 模态框模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗 体可提供信息交互等。 可以通过添加 .modal-sm 类来创建一个小模态框，.modal-lg 类可以创建一个大模态框。 尺寸类放在 <div>元素的 .modal-dialog 类后Bootstrap4 提示框提示框是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。 ...
2021-04-26 13:52:40
620
原创 BootStrap4（2）
Bootstrap4 列表组大部分基础列表组都是无序的。 要创建列表组，可以在 <ul> 元素上添加 .list-group 类, 在 <li> 元素上添加 .list-group-item 类 .active 激活状态的列表项 .disabled 禁用的列表项链接列表项要创建一个链接的列表项，可以将 <ul> 替换为 <div> ， <a> 替换 <li>。如果你想鼠标悬停显示灰色...
2021-04-24 14:43:40
819
原创 Bootstrap4
Bootstrap4是什么？Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。 Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大 量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构 建整个 app 。 Bootstrap4 安装使用我们可以通过...
2021-04-23 18:35:16
631
原创 JavaScript高级（3）
函数进阶-函数的定义方式函数声明函数表达式函数声明与函数表达式的区别函数声明必须有名字 函数声明会函数提升，在预解析阶段就已创建，声明前后都可以调用 函数表达式类似于变量赋值函数表达式可以没有名字，例如匿名函数函数表达式没有变量提升，在执行阶段创建，必须在表达式执行之后才可以调用函数进阶-函数的调用方式<script> // 1.声明方式 // 规则：1.函数首字母小写，遵循驼峰命名规范 // 2.类：首字母..
2021-04-21 13:19:19
89
原创 JavaScript高级(2)
创建对象1.通过new object（）创建var person = new Object()person.name = 'Jack'person.age = 18person.sayName = function () { console.log(this.name)}2.通过字母量创建var person = { name: 'Jack', age: 18, sayName: function () { console.log(this.name)
2021-04-20 14:07:01
61
原创 JavaScript高级（1）
什么是对象？什么是面对对象？面向对象与面向过程：面向过程的体现<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">.
2021-04-17 14:58:56
43
原创 CSS3（2）
媒体查询CSS2 中引入了 @media 规则，它让为不同媒体类型定义不同样式规则成为可能例如：您可能有一组用于计算机屏幕的样式规则、一组用于打印机、一组用于手持设备，甚至还有一组用于电视，等等。 不幸的是，除了打印媒体类型之外，这些媒体类型从未得到过设备的大规模支持。CSS3 引入了媒体查询CSS3 中的媒体查询扩展了 CSS2 媒体类型的概念：它们并不查找设备类型，而是关注设备的能力。媒体查询可用于检查许多事情，例如：视口的宽度和高度设备的宽度和高度方向平板电脑/手机处于
2021-04-16 14:58:57
66
原创 CSS3
Flex布局-项目属性order属性：order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。flex-grow属性：flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。flex-shrink属性：lex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩
2021-04-14 18:16:33
50
原创 HTML5（2）
canvas元素HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。一个画布在网页中是一个矩形框，通过 <canvas> 元素来绘制.注意: 默认情况下 <canvas> 元素没有边框和内容。 <canvas id=“canvas" wid...
2021-04-13 13:51:42
150
原创 HTML5基础
什么是HTML5？HTML5 是最新的 HTML 标准。HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。HTML5 拥有新的语义、图形以及多媒体元素。HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。HTML5新特性HTML5 的一些最有趣的新特性：新的语义元素，比如 <header>, <footer>, <a
2021-04-10 14:30:52
79
原创 JQuery的AJAX方法
jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据$.ajax()：ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。settings[可选]用于配置 Ajax 请求的键值对集合。.
2021-04-08 14:38:10
277
原创 AJAX基础知识
什么是AJAX：AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。AJAX简介：AJAX = Asynchronous JavaScript and X
2021-04-07 16:57:39
57
原创 数组的方法
数组的定义：数组是一组数据的集合，在内存中是一段连续的内存空间。数组的特点：数组定义时可以无需指定数组长度存储数据是无需指定具体类型，可以存储任意类型数组的创建方式：var a=[]var a=new Array()//括号里面参数可以有参数，若为一个数字，表示该数组的长度，如果为多个数字或者一个（多个）非数字表示的是传递数组中应该包含的值。数组中的方法：1.join()将数组的元素组起一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符，该方..
2021-04-06 19:05:44
99
原创 JSON基础知识
什么是JSON？JSON 指的是 JavaScript 对象表示法（JavaScriptObjectNotation）JSON 是轻量级的文本数据交换格式JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。JSON--独立于语言的轻量级的文本数据交换格式。在没有JSON之前我们使用XML充当数...
2021-03-25 19:25:32
341
原创 JQuery基础知识（2）
jQuery HTMLjQuery获取/设置文本元素的值1.jQuery获取元素的值 text()、html() 以及 val()2.text()---返回所选元素的文本内容----设置所选元素的文本内容[不解释html标记]3.html()--返回所选元素的内容（包括 HTML 标记）----设置所选元素的内容[解释html标记]4.val()----返回表单字段的值---设置表单字段的值添加元素append() - 在被选中元素中插入内容（从上往下）prepend() .
2021-03-24 17:05:00
51
原创 JQuery基础（1）
JQuery简介jQuery 是一个 JavaScript 库。[.js] jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 jQuery 库可以通过一行简单的标记被添加到网页中。 例如：<script src=”js/jquery.js”></script>什么是JQuery？jQuery是一个轻量级的"写的少，做的多"的JavaScript函数库。[独立的javascript文件]JQuery的作用？...
2021-03-23 14:29:51
74
原创 JavaScript基础知识（7）
JavaScript中的BOM对象浏览器对象模型--BrowserObjectModel (BOM)主要的对象属于window对象中的内容。window对象我们不需要手动创建，是一个内置的对象，我们只管使用。window对象中的属性确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）window对象中的函数 open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口 close() 方法用于..
2021-03-19 19:41:41
124
转载 JavaScript基础知识（6）
JavaScript中的DOM对象DOM--Document Object Model[文档对象模型]当网页被加载时，浏览器会创建页面的文档对象模型。HTML DOM模型被构造为对象的树当网页被加载时，浏览器会创建页面的文档对象模型。那么在网页中的任何一个html标记都有可能成为DOM对象。我们通过javascript来控制网页中的html标记，但是javascript并不能直接控制html标记，这是我们就需要将网页中的html标记，变成javascript能够识别的对象，这个能..
2021-03-18 17:47:59
72
转载 JavaScript基础知识（5）
JavaScript中的Date对象创建Date对象1.new Date(); //当前系统时间2.newDate(milliseconds)//返回从1970年1月1日至今的毫秒数3.newDate(dateString)4.newDate(year,month,day,hours,minutes,seconds,milliseconds)常用的函数getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。getFullYe...
2021-03-17 13:50:30
155
原创 JavaScript基础知识（4）
Javascript中的对象1.1自定义对象--我们自己创建的对象1.2 内置对象----javascript提供好的对象1.高级对象字符串对象（String）Number 对象JavaScript Array（数组）Boolean（布尔)Date（日期）Math（算数）RegExp 对象2.dom对象---控制html网页标记的对象3.bom对象---浏览器对象自定义对象1.“{}”自定义对象的标志2.自定义对象中可以包含变量和函数3.自定义
2021-03-16 19:06:44
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人