Json Web Token身份认证

用户身份认证一般有5种方式

  • HTTP Basic authentication
    在发送请求时在HTTP头中加入authentication字段,将用Base64编码的用户名和密码作为值,每次发送请求的时候都要发送用户名和密码,实现比较简单。
  • Cookies
    向后台发送用户名和密码,在用户名和密码通过验证后,保存返回的Cookie作为用户已经登录的凭证,每次请求时附带这个Cookie
  • Signatures
    用户拿到服务器给的私钥,在发送请求前,将整个请求使用私钥来加密,发送的将是一串加密信息,此方式只适用于API
  • One-Time Passwords
    一次一密,每次登录时使用不同的密码,一般由服务端通过邮件将密码发给用户,这种登录方式比较繁琐
  • JSON Web Token
    用户发送按照约定,向服务端发送HeaderPayloadSignature,并包含认证信息(密码),验证通过后服务端返回一个token,之后用户使用该token作为登录凭证,适合于移动端和api

Read More

内滚动

内滚动是一种布局,将传统的网页改造成类似于桌面软件的布局。像现在的酷我音乐盒的主体界面就是一个内滚动布局QQ音乐也是,将浏览器的滚动条用overflow: hidden隐藏,再用HTML和CSS画一个滚动条出来,通过JavaScript来处理滚动事件。这么做的好处一是增强用户体验,网页能有客户端的体验;二是可以自定义滚动条。下面我是用Vue做了个内滚动组件,用来简单介绍内滚动的实现。

Read More

广州11月份实习

2015年11月份,仍在广州实习。9月份时候的实习做的是Node.js开发,现在是Javascript工程师,也就是前端了。工作的内容也不难,但接触到的东西还是很有收获的。了解到公司的内部结构,使用的技术,真实的产品。尤其是使用浏览器内核来开发软件,解决了我好几年前关于软件开发的疑惑。还有就是MVVM框架Vue.js的使用,这个是主要内容了。

Read More

CSS3 Animation

CSS3 动画

CSS3 动画不需要写一行代码,简单的动画仅需要定义一个@keyframes并设置基本的参数就能动了。对比使用Javascript编写的动画,CSS3 动画更简单也更高效,使用sprite还能做出gif图片的效果。也可以搭配SVG使用。

Read More