自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

多啦的博客

梦里青草香

原创 Egg04 cookie

通过ctx.cookie可以很便捷的在Controller中设置、读取Cookie 设置Cookie ctx.cookies.set(key, value, options) 设置Cookie其实是通过在HTTP响应中设置set-cookie头完成的,每个set-cookie都会让浏览器在Coo...

2019-05-30 20:05:39

阅读数 96

评论数 0

原创 小程序09 小程序中的数据

小程序中数据的作用域 逻辑层负责产生、处理程序,小程序的JS脚本运行在同一个JSCore线程中 逻辑层和渲染层是一对多关系,但页面对象(Page)和页面层级(Webview)一一对应。 (1)全局数据 // app.js App({ globalData: 'I am global...

2019-05-29 09:48:01

阅读数 36

评论数 0

原创 Egg03 断点调试

使用Chrome调试 需要Node 8.x+版本以上。 首先执行npm run debug(与node app.js --inspect原理相同) 然后有两种方法启动控制台(不是访问接口的控制台,而是直接启动一个新的针对Node的控制台) (1)执行npm run debug之后,在控制台最后会输...

2019-05-16 19:11:53

阅读数 211

评论数 0

原创 算法练习06 从数组中取出n个元素的所有组合

题目 给定一个数组arr,从中选出n个元素,要求给出所有组合的情况(结果在一个数组中) 例子: const arr = ['1', '2', '3']; const n = 2; const result = getCombine(ar...

2019-05-16 09:57:17

阅读数 199

评论数 0

原创 HTML+CSS32 FOUC

什么是FOUC FOUC,Flash Of Unstyled Content,中文名称无样式内容闪烁。就是当浏览器在解析一个网页的时候,会出现的内容样式闪烁的现象。 具体的过程是,当页面加载渲染时,首先以样式A渲染,当页面加载渲染完成时,页面突然改为由样式B渲染,导致出现页面样式闪烁。 原理 为什...

2019-05-14 09:57:34

阅读数 28

评论数 0

原创 HTML+CSS31 网页换肤

常规做法1 一个全局class来控制样式,切换皮肤时通过更改全局样式来实现换肤: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...

2019-05-13 22:24:30

阅读数 76

评论数 0

原创 React-Router03 按需加载

为了提高页面加载性能,加载首屏的加载速度,有的时候我们需要对路由进行懒按需加载,减少首屏需要加载的代码包的体积。 按需加载就是不加载当前路由匹配的组件代码,而不加载其他组件的代码 V3中的实现 在V4版本之前,需要利用getComponet这个API来实现按需加载: const about =...

2019-05-13 11:08:55

阅读数 71

评论数 0

原创 React-Router02 静态路由和动态路由

静态路由 传统的路由一般都是静态路由,像Express等框架,使用的都是静态路由: React.render(( <Router> <Route path="/" component={App}> <Route path=&...

2019-05-13 11:08:37

阅读数 513

评论数 0

原创 React基础12 React中的this绑定

已同步到个人博客,欢迎访问。 为什么要bind(this) React的Class组件中常常会用到bind(this)来绑定this,但是究竟为什么要这么做呢?难道Class中的方法拿不到实例的this吗? 来试验一下: class Person { constructor(name) { ...

2019-05-12 23:14:16

阅读数 49

评论数 0

原创 React基础11 React中初始化state的两种方法

初始化state的两种方法 在React的组件中可以在两个位置来初始化state:(1)在组件的constructor中;(2)直接在class中利用属性赋值的方式 在constructor中 在constructor中初始化state如下所示: class App extends React.C...

2019-05-12 17:40:48

阅读数 1741

评论数 0

原创 零散专题09 Moment.js和date-fns

Moment.js Moment.js是一个(轻量级)的Javascript日期处理类库,使用它可以轻松解决前端开发中遇到的种种日期时间问题。 Moment.js不依赖任何第三方库,支持字符串、Date、时间戳以及数组等格式,可以格式化日期时间,计算相对时间,获取特定时间后的日期时间等等。 支持中...

2019-05-09 18:42:11

阅读数 283

评论数 0

原创 零散专题10 Fetch API

简介 Fetch是基于Promise设计的,是属于window对象的方法,可以用来替代Ajax。旧浏览器不支持Promise,需要使用Polyfill进行处理 。 兼容性 目前浏览器对Fetch的原生的支持率并不高,幸运的是,引入下面这些polyfill后可以完美支持IE8+ : 由于IE8是...

2019-05-09 11:45:53

阅读数 39

评论数 0

原创 Egg02 使用Postman发送Post请求

在网页发送请求 默认情况下,Egg在框架中内置了安全插件egg-security,插件中针对post请求做出了一些处理。 在AJAX请求中,默认配置下,token会被设置在Cookie中,在AJAX请求时,可以从Cookie中获取到token,放置到query、body或者header中发送给服务...

2019-05-05 19:43:11

阅读数 312

评论数 2

原创 Egg01 入门

在调研BFF的过程中,看到蚂蚁金服自研的BFF的开发框架BFF Chair是基于Egg.js开发的。BFF Chair没有开源,但是Egg.js已经开源了,如果需要引入BFF,需要基于Egg.js的基础上开发自己的BFF开发框架。 1 Egg.js是什么 Egg是一个为了开发企业级应用的框架,没...

2019-05-05 19:42:47

阅读数 140

评论数 0

原创 Koa01 中间件

概念 Koa中间件的最大特色就是中间件(middleware)的设计。 中间件是一个函数,它处在HTTP Request和HTTP Response中间,用来实现某种中间功能,通过app.use()来加载中间件。 const Koa = require('koa'); con...

2019-05-05 16:49:43

阅读数 279

评论数 0

原创 Node14 Buffer对象

概述 Buffer对象是Node处理二进制数据的一个接口,它是Node原生提供的全局对象,可以直接使用,不需要require Buffer对象是一个构造函数,生成的实例代表了V8引擎分配的一段内存,是一个类数组对象,成员是0到255的数值,即一个8位的字节 let btyes = new Buff...

2019-05-05 09:52:17

阅读数 15

评论数 0

提示
确定要删除当前文章?
取消 删除