我们在构建应用时通常需要访问一个 API 并展示其数据。做这件事的方式有好几种。这边我将在 firebase 上创建自己的数据库，然后通过 vue-resource、axios 和 fetch 三种方式对数据进行增删改查。让我们了解 vue 是怎样进行 http 请求的。

阅读全文

      路由是端到端的数据传输路径。说白了，和a标签实现的功能一样,就是跳转。使用 a 标签点击多少次，就会发送多少次的网络请求。也就是当前页面会实现不停的刷新。而 vue-router 是一个与 vue 核心深度集成的前端路由框架，性能也优化的更好。输入的 URL 地址不会直接向服务器发送请求，而是浏览器 自己来解析路由信息，包括地址，参数 ,然后来渲染组件。最后生成对应的视图。前端路由一般只向服务器获取数据，而不向服务器获取模板。Vue 路由可以帮助我们实现点击后，不会请求和页面刷新，直接就可以跳转到我们要去的位置。

阅读全文

      Vue 是一个渐进式的 JS 框架，也就是一个没有太多限制的 JS 框架。和 Angular 相比，Vue 比 Angular 轻。Angular 是一个很重的框架，它给我们提供了一整套解决方案，Angular 就不是一个渐进式的框架，因为它有很多限制，就是用它的框架可以，但是必须要遵守它的规则，比如要使用它的组件机制，要使用对应的依赖注入，要使用对应它给我集成的东西。虽然可以集成第三方的东西，但是还是有一定的排他性，不太和其他的东西融合。Vue 和 Angular 相反，你可以使用我框架的同时去使用其他的库或者框架。都能很好的跟它们去集成起来。一些简单的语法可以去Vue 的官网学习。这篇文章主要是详细记录下 Vue 实例的生命周期。如果我们只是知道 Vue 的简单语法，可以去实现一些简单的项目。但是一旦发生问题是，我们就需要借助生命周期去寻找问题，甚至一些需求我们也可以根据生命周期的情况去定该把这个东西写在哪里，所以理解生命周期可以帮助我们：1.找错误，2.解决需求。

阅读全文

      Git 是一个版本管理工具，和 SVN 不同的是，SVN 是集中式的版本控制系统，Git 是分布式版本控制系统。这篇文章主要是简单总结下 Git 和一些常用的 git 命令。

阅读全文

      Webpack 是一个 js 应用程序的静态模块打包器。本身只能打包 js 模块，我们可以通过 loader 让 webpack 去处理那些非 JS 文件。它会将所有类型的文件，转化为应用程序的依赖图。总而言之，webpack 是一个能实现模块化打包的工具。之前的项目一直采用 gulp 进行打包，gulp 和 webpack 相比，gulp 是一种能够优化前端的开发流程的工具，而 WebPack 是一种模块化的解决方案。接下来，我将从 webpack 的工作方式、安装、使用、构建本地服务器以及 entry(入口)、output(出口)、loader、plugins(插件)四个核心概念总结下 webpack。

阅读全文

      网页排版布局从最早的table,float,再到flexbox,都有很多限制，table主要是用来做表格的，float主要是用来解决浮动的，flexbox是一维布局，针对的是某一个轴线（横轴或纵轴）上的排列。而Grid是一个二维的布局，它将容器划分成行和列，产生一个个格子，再将一个个格子根据设计组成区块，它远比flexbox强大的多，也让网页布局设计变得更加简单。网格可以分为两类。一类是我们主动去定义的，比如定义了一个两行三列的表格，那么这 6 个格子就叫显性网格。另一类是系统自动产生的，比如定义了一个两行三列的表格，可是总共有 9 个格子，那么后面 3 个就叫隐性网格。接下来我将从显性网格和隐性网格这两大类去简单记录下 CSS 网格布局

阅读全文

    之前的文章写了一些移动端常见的兼容性问题，本文将继续总结一些兼容问题的解决套路。

阅读全文

      我们小组这周分享了有关于“js 插件封装的方法”。颇有心得，就整理出了一套封装插件的固定模板公式，简称套路，百试百灵。

阅读全文

      上篇文章说完了 Promise 对象、fetch 方法。这篇我们接着说说 ES7 中丢出的语法糖，”异步终极解决方法 Async/await“。以及分别用 fetch 和 Async/await 去封装一个增删改查的库。

阅读全文

      从最早的回调函数，之后迎来了 promise,再次就是上篇文章说的 generator，js 解决异步的方案一次次的再优化，ES7 中出现的 Async/await 是目前 js 中异步最终极的解决方案，我的妈耶不谈兼容问题的话，实在是太好用啦。虽然兼容性真的很一般，但是我们可以用 polyfill(js 修补器)去兼容一下呀。接下来我将简单介绍下 Promise、fetch、 Async/await 以及分别用 fetch 和 Async/await 去封装一个增删改查的方法。来看看编写异步代码的过程是如何一步步变得优雅起来的。

阅读全文