「 REACT-ROUTER 」
June 21, 2018
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
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 的 exec 和 test 方法, 以及 String 的 match、replace、search 和 split...
Read article
「 Article 」
May 27, 2018
Words count
13k
Reading time
11 mins.
我们都知道在前端开发当中,有时会因为某些需求,要将一些数据存储在前端本地当中.比如说:为了优化性能,将一些常用的数据存在本地,这样以后需要的时候直接从本地拿,不需要再向后端进行请求.还有就是为了防止CSRF攻击,后端给前端一个token,前端就需要将这个token存在本地.之后每次请求都需要带上这个token.等等不一而足.
而这些需求就不油避免的造就一个前端的发展方向–前端存储
在前端的’上古时代’里,我们前端想要存储数据,只有一种方式,那就是Cookie.但是Cookie虽然可以做前端存储...
Read article
「 Article 」
May 23, 2018
Words count
9.6k
Reading time
9 mins.
服务端提供资源给客户端,但是某些资源是有条件的。所以服务端要能够识别请求者的身份,然后再判断所请求的资源是否可以给请求者。
token是一种身份验证的机制,初始时用户提交账号数据给服务端,服务端采用一定的策略生成一个字符串(token),token字符串中包含了少量的用户信息,并且有一定的期限。服务端会把token字符串传给客户端,客户端保存token字符串,并在接下来的请求中带上这个字符串。
它的工作流程大概是这样
在这样的流程下,我们需要考虑下面几个问题:
Read article