REACT-ROUTER June 21, 2018

前端路由实现与react-router源码分析

Words count 11k Reading time 10 mins.

在单页应用上,前端路由并不陌生。很多前端框架也会有独立开发或推荐配套使用的路由系统。那么,当我们在谈前端路由的时候,还可以谈些什么?本文将简要分析并实现一个的前端路由,并对 react-router ...

Read article

REACT-ROUTER June 21, 2018

前端路由实现与react-router源码分析

Words count 11k Reading time 10 mins.

在单页应用上,前端路由并不陌生。很多前端框架也会有独立开发或推荐配套使用的路由系统。那么,当我们在谈前端路由的时候,还可以谈些什么?本文将简要分析并实现一个的前端路由,并对 react-router 进行分析。

谈一下前端路由的简要原理,以hash形式(也可以使用History API做处理)为例,当url的hash发生变化时,触发hashchange注册的回调,在回调中进行不同的操作,展示不同的页面。直接看代码比较直观。

    function Router(){
        this.routes...
Read article

BUG June 08, 2018

移动端常见Bug汇总

Words count 6.5k Reading time 6 mins.

本文是摘录整理了移动端常见的一些bug以及解决方案

Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。

A:根本原因是-webkit-tap-highlight-color,这个属性是用于设定元素在移动设备(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。建议写在样式初始化中以避免所以问题:div,input(selector) {-webkit-tap-highlight-color: rgba(0,0,0,0);}另外...

Read article

JS June 03, 2018

教科书式的正则匹配

Words count 6.1k Reading time 6 mins.

正则在js中是一类比较特殊的对象,它可以匹配各个场景需要的格式验证,例如邮箱、手机号、用户登录名、密码等等,似乎无处不在,在常见的字符串检索或替换中,我们需要提供一种模式表示检索或替换的规则,来匹配一系列符合某个句法规则的字符串。

以下是正则的较为官方的解释:

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。这些模式被用于 RegExp 的 exectest 方法, 以及 Stringmatchreplacesearchsplit...

Read article

Article May 27, 2018

新一代的前端存储方案--indexedDB

Words count 13k Reading time 11 mins.

我们都知道在前端开发当中,有时会因为某些需求,要将一些数据存储在前端本地当中.比如说:为了优化性能,将一些常用的数据存在本地,这样以后需要的时候直接从本地拿,不需要再向后端进行请求.还有就是为了防止CSRF攻击,后端给前端一个token,前端就需要将这个token存在本地.之后每次请求都需要带上这个token.等等不一而足.

而这些需求就不油避免的造就一个前端的发展方向–前端存储

在前端的’上古时代’里,我们前端想要存储数据,只有一种方式,那就是Cookie.但是Cookie虽然可以做前端存储...

Read article

Article May 23, 2018

Token:服务端身份验证的流行方案

Words count 9.6k Reading time 9 mins.

服务端提供资源给客户端,但是某些资源是有条件的。所以服务端要能够识别请求者的身份,然后再判断所请求的资源是否可以给请求者。

token是一种身份验证的机制,初始时用户提交账号数据给服务端,服务端采用一定的策略生成一个字符串(token),token字符串中包含了少量的用户信息,并且有一定的期限。服务端会把token字符串传给客户端,客户端保存token字符串,并在接下来的请求中带上这个字符串。

它的工作流程大概是这样

在这样的流程下,我们需要考虑下面几个问题:

  • 如何根据token获取用户的...
Read article
Load more
0%