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

3

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

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

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

35

Session

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

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

32

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

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

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

51

虚拟DOM

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

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

30

Cookie

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

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

13

异步与回调/函数的作用域链

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

JavaScript 只在一个线程上运行,JavaScript 同时只能执行一个任务，其他任务都必须在后面排队等待。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等...

18

JS题目总结:原型链/new/json/MVC/Promise

• 马涛涛   2018-08-22 发布
• 15 收藏

第一个框:object是实例对象,他的模板对象(原型对象)在Object()构造函数里面.构造函数.prototype指向的是原型对象,即模板对象.由构造函数构造出来的实例对象.__proto__也指向的是原型对象,即模板对象.所以true.

4

JS面向对象二:this/原型链/new原理

• 马涛涛   2018-08-21 发布
• 4 收藏

JS面向对象二:this/原型链/new原理 阮一峰JavaScript教程:面向对象编程 阮一峰JavaScript教程:实例对象与 new 命令 阮一峰JavaScript教程:this 关键字 也可以看看这篇文章周大侠啊 进击的 JavaScript（六） 之 th...

1

JS面向对象一:MVC的面向对象封装

• 马涛涛   2018-08-20 发布
• 1 收藏

JS面向对象一:MVC的面向对象封装 MDNjavascript面向对象 面向对象(Object-Oriented) 面向对象里面向的意思是以...为主,面向对象编程既以对象为主的编程. 面向对象的一些概念: Namespace 命名空间允许开发人员在一...

2

MVC中的M(model)、MVC总结

• 马涛涛   2018-08-13 发布
• 1 收藏

MVC中的M(model)、MVC总结 MVC封装message.js(重点明白M的封装) 这篇博客的源代码是我的正在写的在线简历,博客是继上一篇写的完整代码(项目暂未完成)预览地址 在本地预览项目的时候用的http-server将代码变得有结...

1

使用leancloud给简历加数据库,实现留言功能

• 马涛涛   2018-08-13 发布
• 1 收藏

使用leancloud给简历加数据库,实现留言功能 这篇博客的源代码是我的正在写的在线简历完整代码(项目暂未完成)预览地址 在本地预览项目的时候用的http-server 前端的两大块: 操纵DOM:DOM API/jQuery Ajax:http请求...