stay hungry stay foolish

目录什么是TypeScript优点使用安装语法数据类型面向对象类泛型接口模块注解类型定义什么是TypeScript微软开发的编程语言，一种客户端脚本语言(一般是不经过数据库,不经过其他编译软件编译,直接写在网站代码里的)TS是JS的超级，遵循ES6规范。TS向JS添加遵循ES6的规范的语法，以及基于类面向对象编程特性TS可以用来写google公司开发的Angular框架优点提升代码质量，增强代码可读性和可维护(IDE 类型检查,语法检查,重构)可以用来开发Angular使用安装np

目录什么是TypeScript优点安装什么是TypeScript微软开发的编程语言，一种客户端脚本语言(一般是不经过数据库,不经过其他编译软件编译,直接写在网站代码里的)TS是JS的超级，遵循ES6规范。TS向JS添加遵循ES6的规范的语法，以及基于类面向对象编程特性TS可以用来写google公司开发的Angular框架优点提升代码质量，增强代码可读性和可维护(IDE 类型检查,语法检查,重构)可以用来开发Angular安装安装 typescriptnpm install -g

目录什么是mocha怎么用安装参考目录什么是mochamocha是JavaScript的一种单元测试框架，既可以在浏览器环境下运行，也可以在Node.js环境下运行。单元测试是用来对一个模块、一个函数或者一个类来进行正确性检验的测试工。框架，就是运行测试的环境。做这个是为了保证代码质量。怎么用安装安装NodeJs安装mochanpm install -g mochamocha init testmocha的特点主要有：既可以测试简单的JavaScript函数，又可以

目录什么是自适应怎么使用@media语法补充示意图代码本节代码地址什么是自适应一套代码，可以根据屏幕大小，以合理的样式出现在手机，ipad，pc。总所周知Bootstrap可以实现页面自适应布局，在不添加Bootstrap的情况下，使用@media 也可以实现页面的自适应布局。怎么使用@media语法根据不同宽度，选择不同的样式，screen是告知设备在打印页面时使用衬线字体大于1000px@media screen and (min-width:100px){}小于1000px大

目录背景示意图代码目录结构引入icon使用flex背景示意图代码目录结构引入icon使用flex

这里写目录标题背景示意图代码补充知识点基础骨架搭建填充内容背景上一节我们讲了一篇文章快速学会HTML_CSS，这节来实战。模仿的漫威的一个网站，如有侵权立删。示意图代码补充知识点margin:0让块级元素水平居中!important避免在权重轻的时候被覆盖，换句话说锁死了这个属性，即使使用内联样式也不会改变border-radius：10px；设定外边框圆角text-decoration:none链接下面横线消失基础骨架搭建VSCode 新建一个html文件，输入！，选

目录简介Html5Css应用样式三种的方法三种样式选择器边距背景相关知识flex参考链接简介本文章会直接把HTML_CSS重点知识列出来，一些基础知识大家可以看参考链接Html5headersectionfooterarticleasidenavbarCss应用样式三种的方法using style attribute (never recommended)using st...

目录背景什么是RESTFul api如何使用参考链接背景接着上一课，使用json-server模拟REST API(接口)什么是RESTFul api先理解什么是restREST，即Representational State Transfer的缩写。直接翻译的意思是"表现层状态转化"。它是一种互联网应用程序的API设计理念：URL定位资源，用HTTP动词（GET,POST,DE...

目录背景postman介绍如何使用参考链接背景上一节说到json-server mock数据，开启服务，我们可以获取数据。这一节，我们使用postman来获取数据，并且对数据进行一些操作。postman介绍postman是一款Http请求模拟工具，可以很方便的模拟get或者post或者其他请求来调试接口如何使用下载安装直接官网下载，然后双击安装包安装即可(下载)具体使用使...

目录创建一个Angular项目Angular里面引入bootstrap方法一：直接引用方法二：npm安装Angular添加表单优化参考链接创建一个Angular项目安装Node.js安装Angular CLI,使用命令行npm install -g @angular/cli新建一个项目ng new my-app运行项目cd my-appng serve --o...

目录背景示意图代码代码结构搭建html body框架使用Bootstrap框架填充内容Bootstrap使用心得总结背景上一节，我们讲了3分钟入门Bootstrap，这一节实战Bootstrap制作简单博客，当然是个简单的，有头部，轮播图，商品列表，和尾部。示意图代码代码结构搭建html body框架 <!--菜单栏 --> <div class="h...

bootstrap做一个登录框背景效果图步骤背景bootstrap做了一个登录页面，因为这个页面经常会用到，所以写个blog做个备份效果图步骤引入bootstrap，官网：https://getbootstrap.com/ ，get start,直接copy模板2.知识点引用icon,首先登录 这个https://fontawesome.com/ ，注册会有邮件发你告诉...

目录什么是bootstrap具体使用bootstrap引入式简介具体操作下载安装简介具体操作npm安装注意事项参考链接什么是bootstrapBootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。简单说，以前需要html+css写页面的菜单，头，轮播图，用户列表...

目录背景预备知识什么是Fetch API为什么要使用Fetch API如何使用参考链接背景接着上一节，把Fetch Api 用起来。预备知识如果本节有些细节看上去有些吃力，可以看一下:同步和异步promises对象回调函数什么是Fetch APIFetch API 提供了一个 JavaScript接口，用于访问和操纵HTTP管道的部分，例如请求和响应。它还提供了一个全局 f...

目录原理优点具体使用参考链接原理现在web 流行前后端分离，后端负责提供数据，前端通过请求api 接口获取数据。那我们可以自己mock(模拟)数据，先进行测试，最后改改接口就好。json-server是一个 npm 包，可以给前端提供mock数据(前端开发设计测试数据,进行测试)。使用全局json-server命令，启动mock服务，让前端获取数据。优点可以自己在本地设计mock数据...

Promise 构造函数包含一个参数和一个带有 resolve（解析）和 reject（拒绝）两个参数的回调。 在回调中执行一些操作（例如异步），如果一切都正常，则调用 resolve，否则调用 reject。

回调函数每一个异步任务返回一个Promise对象，该对象有一个then方法，允许指定回调函数

Javascript语言将任务的执行模式分成两种：同步（Synchronous）和异步（Asynchronous）同步：一个任务完成了，才可以开展下一个任务。比如去超市买东西付账，必须等前面一个人付完了，才能轮到你付账,中途你是不能离开的f1();f2();异步：一个任务完成了，执行它的回调函数(其他任务,类似多线程)，它的下一个任务不等前任务结束就执...