愿你坚持不懈,努力进步,进阶成自己理想的人

—— 2017.09, 写给3年后的自己

Grid布局学习总结

Grid布局是CSS中除了flex布局外的另一强大的布局系统,相比flex,Grid布局更适合二维布局 一、基本概念 1、网格容器:声明display: grid的元素,所有网格项的直接父级元素 2、网格项:网格容器的直接子元素

Socket.IO学习笔记

Socket.io是一个事件驱动的即时双向通信支持库,使用它可以很方便地开发出可靠的、快速的即时应用 一、起步:编写一个聊天应用 1、基本结构 以下示例,采用Koa2作为WEB服务的框架,所以首先需要安装Koa并加入依赖: npm install koa -S

Egg学习笔记(五):MySQL

在Web应用中,MySQL是最为常用的关系型数据库之一,Egg中则提供了egg-mysql用以驱动MySQL数据库的使用 一、安装与配置 和其他插件一样,首先需要通过npm引入,然后在config/plugin.js里进行配置: npm install egg...

Egg学习笔记(四):HttpClient

Egg基于urllib内置实现了HttpClient,因此在应用里可以很方便地发起HTTP请求 1、使用HttpClient 框架初始化时,会将HttpClient实例化到app.httpClient,故可以通过app.htt...

Egg学习笔记(三):Service/插件/模板

一、Service Service是在复杂业务场景下对业务逻辑的一个封装抽象,这种抽象的好处在于: 使Controller中的逻辑更加简洁 使Service可被多个Controller重复调用,提高可复用性 便于编写测试用例,做单元测试 编写Service,可以在app/service

Egg学习笔记(二):环境/中间件/Router/Controller

一、运行环境与配置 在Egg中,指定运行环境的方式有两种: 通过config/env文件指定,文件的内容即为运行环境 通过EGG_SERVER_ENV环境变量,这是比较常用的方式,如在生产环境启应用,可以这么启: E...

Koa学习笔记

一、起步 Koa2和Koa1的主要区别在于,Koa2全面采用async/await语法,所以Node.js应该支持async/await语法才能支持Koa2。故环境要求为Node.js版本>=v7.6.0 1、安装 $ npm install koa -S 2、示例...

React学习笔记(五):高阶知识(下)

一、错误边界(Error Boundaries) 错误边界是用来捕获子组件树内的Javascript异常,记录错误并展示一个回退的UI的React新特性。当在渲染期间发生错误的时候,就可以避免整棵组件数发生异常 不过,错误边界无法捕捉以下错误: 事件处理 异步代码(setTimeout或者reques...

PostCSS学习总结

一、什么是PostCSS 根据官方介绍,PostCSS是这么一个东西: PostCSS是一个用JS插件转换样式的工具,这些插件可以检查CSS代码、支持变量和mixin,转换未来的CSS语法、内联图片等等 而简而言之,PostCSS其实就是CSS界的babel,PostCSS自身做的事情就两件: 1)把...

Redux学习笔记(二): 异步处理

一、异步action 简单的应用如todo应用,涉及的数据操作都是同步操作。但是一般应用开发中都不可避免异步操作,那么如何用redux处理异步数据流呢? 1、Action 调用异步API时,通常要考虑三个时刻: 发起请求时 请求成功 请求失败 所以一般API调用过程中涉及三...

Redux学习笔记(一):入门

由于React只是DOM的一个抽象层,不是一个完整的Web应用的解决方案。为了开发大型的Web应用,我们还需要有一个好的架构来实现代码结构、组件间的通信。Redux应运而生 一、什么是Redux Redux是一个JavaScript状态容器,提供可预测化的状态管理。Redux除了可以和React一起使用外,还支持其他的界面库。...

ReactRouter4学习笔记(二):API

一、ReactRouter的三种路由 1、BrowserRouter <BrowserRouter>使用HTML5的history API(pushState、replacestate和popstate事件)来同步URL和UI,用法:

ReactRouter4学习笔记(一):入门

一、React-router4的理念 react-router4的核心设计理念是“动态路由” 1、静态路由 在Rails、Express、Ember、Angular等库,以及ReactRouter在4.0之前的版本中,使用的都是静态路由。使用静态路由,在应用渲染前的初始化阶段,就需要配置好路由信息。

盘点2017这一年

时光太细,指缝太宽,还没来得及反应,却一年又这么过去了。如果说有什么可以在不停转的时光里留下点痕迹,那么也许一些杂碎之语,能够记住2017年这平凡又不太平凡的一年吧。 最后的考试时光 故事的开头总是这样,适逢其会,猝不及防。2016年和2017年的交接在匆匆忙忙的考试中自然过渡,青春广场上热闹地进行着跨年演出,人群里欢呼雀跃,期待着新一年钟声的敲响。而泡了一学期温水的青蛙...