• http://www.bithublab.org/ 代码搜索
  • lin-xinlin-xin/blog· 12 时前 node

    前言

    在前后端分离的开发中,通过 Restful API 进行数据交互时,如果没有对 API 进行保护,那么别人就可以很容易地获取并调用这些 API 进行操作。那么服务器端要如何进行鉴权呢?

    Json Web Token 简称为 JWT,它定义了一种用于简洁、自包含的用于通信双方之间以 JSON 对象的形式安全传递信息的方法。JWT 可以使用 HMAC 算法或者是 RSA 的公钥密钥对进行签名。

    说得好像跟真的一样,那么到底要怎么进行认证呢?

    jwt流程图

    首先用户登录时,输入用户名和密码后请求服务器登录接口,服务器验证用户名密码正确后,生成token并返回给前端,前端存储token,并在后面的请求中把t

  • hurujihuruji/blog· 1 天前 CSS

    先说环境,我测试了两台IOS手机,iphone 8 ios 11.4.1iphone 6s plus ios 11.4.1,都存在这个诡异的bug。

    这几天老大告诉我要做一个用户的引导页,引导页大致的效果像是这样子:

    我也用过很多APP,很多APP其实这个引导页可视区域都是用图片代替的,但是我认为使用图片的话,当引导页消失的时候,用户会发现这和自己在引导页看到的不一致,我认为这是一种不好的用户体验,因此我不想用图片来代替!!!

    于是灵光一现使用box-shadow来做,因为box-shadow的第四个值就是阴影的拓展尺寸,我把这个设置为非常大,这样就很适合作为黑色的蒙层部分,想想

  • riskersriskers/blog· 2 天前

    因为 GFW 的存在让我们一直无法畅快地浏览网站、使用软件、开发程序,现在就这几个方面一一展开说明。

    事先准备

    • 外网服务器

      你可以自己搭一个,也可以买一个服务,建议买一个,省事很多。我是在 枫叶主机 上买的,速度还不错,价钱也合适。

    • ShadowsocksX-NG

      下载地址: https://github.com/shadowsocks/ShadowsocksX-NG

      不会使用的同学可以查看 https://help.fengye.la/replay/sub_mac.html 来学习。

    SwitchyOmega - 浏览器科学上网

    下载地址: https://chrome.goo

  • chunpuchunpu/blog· 3 天前

    使用两年 Flexbox 后再谈 Flex

    这张图非常经典

    首先解释一下为什么叫交叉轴而不是副轴次轴这样的, 主轴很容易理解, 就是 direction 的方向

    交叉轴, 就是和主轴垂直的线, 可以理解为十字交叉口, 如果叫次轴的话并不能明确表达方向的语义

    谁说盒子只能竖着排

    在 flexbox 出现之前, 盒子默认都是竖着排的, 文字才是横着排的

    flexbox 的字面意思是弹性伸缩盒, 但 flexbox 附赠了 direction, 这个缺失已久的属性

    这使我们可以轻松写出一个竖着排盒子的容器, 而不再是用各种 trick 技巧

    之前的各种布局写法

    float

    float 设计之初是为