马涛涛的博客——前端的征途

0

Node.js基础10：理解NPM、package.json、使用nodemon

• 马涛涛   2019-03-18 发布
• 收藏

我们写项目的时候，每改写一个功能就要把服务器重启一次，比如运行node app，这样比较麻烦，我们可以让代码一改变服务器就自动重启。这个工具就是nodemon

0

Node.js基础9：web服务器2 处理 GET 或 POST 请求发送的数据

• 马涛涛   2019-03-18 发布
• 收藏

server中的 request.url会把查询字符串也带过来解决方法：使用url库解析，这样pathname就是查询字符串前面的字符串，url库可以对url进行一些处理，可以取一些主机名，协议之类的数据

0

Node.js基础9：web 服务器1 请求与响应、路由

• 马涛涛   2019-03-18 发布
• 收藏

web 服务器 1介绍 客户端服务器模块 {代码...} 然后node app.js开启服务器本地访问127.0.0.1:3000 2 响应 json 响应json {代码...} 3响应HTML app.js {代码...} 假设这是相同文件路径下的index.html: {代码...} 4...

0

Node.js基础 78：创建和删除目录、流和管道

• 马涛涛   2019-03-07 发布
• 收藏

举例:在命令行中ls命令:查看当前目录下的文件和目录grep:筛选,例如是否包含"app"这个关键字ls输出一个流(输出一个信息),这个流作为了grep命令的输入

0

Node.js基础 23456：全局对象，回调函数，模块，事件，读写文件（同步，异步）

• 马涛涛   2019-03-07 发布
• 收藏

全局变量在所有模块中都可使用。 以下变量虽然看起来像全局变量，但实际上不是(global里面没有以下属性)。 它们的作用域只在模块内，详见 文档：

0

Node.js 1：Nodejs介绍与开发环境搭建

• 马涛涛   2018-12-12 发布
• 收藏

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。

2

从MVC到MVVM（为什么要用vue）

• 马涛涛   2018-11-11 发布
• 2 收藏

axios 功能类似于jQuery.ajax。 {代码...} 比jQuery.ajax功能更多 除了ajax功能之外没有其他功能（更庄专注） ajax操作使用axios，dom操作使用vue，从此可以不使用jquery Mock 使用axios模拟后台请求与响应就是Mo...

3

CSS8:到底什么是BFC？

• 马涛涛   2018-11-04 发布
• 2 收藏

浮动，绝对定位元素，非块盒的块容器（例如，inline-blocks，table-cells和table-captions）和'overflow'不为'visible'的块盒会为它们的内容建立一个新的块格式化上下文

3

CSS 7：网页布局（传统布局，flex布局，布局套路）

• 马涛涛   2018-11-03 发布
• 3 收藏

width: 1000px; //或 max-width: 1000px;margin-left: auto;margin-right: auto;演示地址范例

36

CSS6：flex布局

• 马涛涛   2018-11-02 发布
• 32 收藏

前言：这是我看过最好的flex布局教程：30分钟彻底弄懂flex布局 传统的布局方法与flex属性通览 文档流：块级元素独占一行，从上往下排列，行级元素从左往右排列。 display inline-block主要用来做横向的布局。用分...

1

webpack@3简单使用

• 马涛涛   2018-10-25 发布
• 1 收藏

这篇博客用的是webpack3的版本，作为入门理解学习非原创，只为学习记录。博客大部分内容引用来源如下： 作者：夕阳链接：[链接]来源：掘金著作权归作者所有。 如果侵权，立即删除！ 前端为什么需要工程化工具？ ...

2

前端工程化

• 马涛涛   2018-10-24 发布
• 2 收藏

所谓前段工程自动化就是：由于前端分裂，有人写css代码，有人写scss，有人写es5，有人写es6，那么就需要翻译工具（命令行工具）翻译成ie或其他所有浏览器能运行的代码版本。

1

使用NPM

• 马涛涛   2018-10-23 发布
• 1 收藏

为了避免造轮子，我们有时候会用到其他人的劳动成果，比如一些优秀的框架，比如Express，我们直接使用NPM下载下来就可以用了，降低开发成本和时间。

7

HTTP缓存（Cache-Control、Expires 、ETag）

• 马涛涛   2018-10-16 发布
• 5 收藏

假设我们首页有一个请求,请求js文件<script src="./main.js"></script>如何让CSS和JS请求速度加快?

1

Cookie与Session、LocalStorage与Sessionstorage 对比

• 马涛涛   2018-10-15 发布
• 1 收藏

第一次创建Session的时候，服务端会在HTTP协议中告诉客户端，需要在 Cookie 里面记录一个Session ID，以后每次请求把这个会话ID发送到服务器，就可以依据此来识别不同客户端了。

23

LocalStorage、SessionStorage

• 马涛涛   2018-10-15 发布
• 18 收藏

localStorage是html5技术提供的API，html5中新增加的标签,技术(包括promise,localStorage等),统称为html5

33

Session

• 马涛涛   2018-10-15 发布
• 23 收藏

由于HTTP协议是无状态的协议，所以服务端需要记录用户的状态时，就需要用某种机制来识具体的用户，这个机制就是Session。典型的场景比如购物车，当你点击下单按钮时，由于HTTP协议无状态，所以并不知道是哪个用户...

31

以登录注册理解Cookie的作用过程

• 马涛涛   2018-10-01 发布
• 23 收藏

这篇文章是前一篇文章(Cookie理论知识)的实践性理解 完整代码: 完整代码 Cookie在注册登录时的作用过程： 注册 注册时把账号密码写入数据库 登录 第一次登录时服务器给浏览器发送Cookie. 后台的登录路由代码(node...

51

虚拟DOM

• 马涛涛   2018-09-28 发布
• 42 收藏

DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。DOM就是将网页转化为一个对象并...

29

Cookie

• 马涛涛   2018-09-12 发布
• 21 收藏

Cookie 本文章整理自:阮一峰Cookie参考「每日一题」简述 Cookie 是什么 什么是Cookie Cookie 是服务器保存在浏览器的一小段文本信息。浏览器每次向服务器发出请求，就会自动附上这段信息。 Cookie的作用 Cookie ...