获得徽章 7
- #贺师俊公布与360的劳动争议诉讼# 4月16日，贺师俊在Github仓库中公布了与360集团的劳动争议诉讼。
github.com
“本仓库公开了我（真名贺师俊，网名hax）与360集团（诉讼法律主体为「北京奇虎科技有限公司」，360的全资子公司）的劳动合同纠纷事件，包括相关法律文件的内容，以及我个人对这一事件的回顾、说明和思考。”展开913 - 给掘金App端的一些产品建议：
使用掘金App以来，对于掘金App端的设计风格和交互都是比较满意的。但某一天当我无聊点开“设置”页面的时候，一股浓浓的“不协调感”扑面而来。
身为产品经理的我实在不能忍，这里提出一些产品见解和想法作为参考，后续将iOS开发过程以文章形式分享出来。
1、设置页面风格：掘金App设置页面转为使用卡片式UI设计风格，提升用户体验；
2、原【编辑资料】修改为个人信息卡片，展示用户头像、用户昵称、职位信息，点击进入至详情页；【个人信息】详情页突出展示头像，以列表形式展示用户名、掘金ID、职位、公司、简介；PS：前端注意文字主次关系，整体布局结构。
3、原【账号设置】更名为【账号绑定】，次要信息展示绑定状态（已绑定、未绑定），点击进入至详情页；【账号绑定】详情页转为卡片式布局方式，文字“ 绑定第三方账号”改为“第三方账号”，注销按钮更换其按钮样式信息；
4、原【基础版掘金、个性化推荐设置、推送通知设置】合并为【通用设置】，点击进入详情页，将原有页面的设置合并在同一个页面；
5、原【缓存管理】更名为【清理缓存】，新增缓存数据展示；PS：详情页来不及做；
6、新增【版本更新】，点击查看版本信息及更新信息；PS：详情页来不及做；
7、原【关于】更名为【关于我们】，统一风格；PS：详情页来不及做；
8、设置页列表设置项新增图标，提高页面审美及增强用户对其辨识度；
9、未完待续......
关于为什么掘金App设置页面会有这些问题：
大概是大家都不注重设置页面，一直没有更新过这部分的内容；二是本身这块访问量不高，产品价值有限（边角料的功能），企业更愿意投入资源到核心业务场景及功能上，这也无可厚非。
总而言之，还是希望掘金能越来越好吧。展开84 - 说一下 react-router 3.x 升级 5.x 过程中的几个坑：
1. history 的版本号和 react-router-dom 的版本号要匹配。首先，history 库需要单独安装，其次一定要记得和 react-router-dom 5.x 相匹配的 history 版本号是 4.x；而和 react-router-dom 6.x 匹配的 history 版本号是 5.x。
2. react-router-dom 也有一个更为底层的 Router 组件（不是 BrowserRouter）。如果要使用自定义的 history 一定要使用 import {Router} from 'react-router-dom'，切记不能 import {BrowserRouter} from 'react-router-dom'。因为官网的例子给的大部分都是后者，所以很容易忽略。而且去文档里看，说的也是只有三种 Router，一种是 BrowserRouter，一种是 HashRouter，还有一种是给非浏览器用的 Router，根本没有提到用 Router 这个更底层的组件。
3. 很多类组件如果想用 location, match 等参数的话可以用 withRouter 这个装饰器。文档里给的示例基本都是函数式组件的例子，但是因为很多老项目升级的时候，都会有类组件，那么类组件如果要使用一些新的 api 的话就需要用 withRouter 包裹一下。展开12
github.com![[庆祝]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
![[玫瑰]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_103.6c2eed8.png)
![[奋斗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
![[握手]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_110.34d5723.png)
，(´;︵;`)，爱掘金![[机智]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_51.e6d838e.png)