获得徽章 0
- 给掘金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 - 关于掘金推荐算法，在掘金刚好5周年了，我个人看法：
- 要不就首页把时间这个概念隐藏掉，就像抖音一样，首页推荐给你的视频是没有时间的，所以你刷起来不是总觉得是旧视频，至少第一感觉不是在被强迫挖坟。
- 要不就是第1～2页内不要太高比重的旧日期文章，大家其实也不是完全讨厌“挖坟”的感觉，而是你一上来就挖坟，会让人觉得一开始就吃“过期菜”？
这其实还是有比价大的差异的，第一感官和潜意思会抗拒，本质上抖音如果一打开就是旧闻，那我看着会很没劲，而明显抖音这类视频，第一打开的都是新的紧跟时事热点。
事实上作为作者，被挖坟有时候也有些羞耻，毕竟一些文章是过去的年少轻狂····
⚠️作者的新文章流量变低，读者打开高赞的文章发现是老菜，特别是关于技术更新和社区时事的文章，就会变得很难互动，缺乏互动就感觉很低迷。。。。
当然不是说是掘金就要像抖音一样让人沉迷什么的，而是给用户个选择的权利，至少不让人一上来就“以旧换新”？展开311 - 关于最近前端分享大会上尤大聊Vue3生态而我出现在了尤大的ppt上这件事。。。
由于那天早上在练功，没能凑的上尤大直播，是群里道友偶然看到了，才告知与我。
确实很鸡冻，能与其他老牌仙家放在一块，属实是我们的荣幸。
但是毕竟门派创立时日不长，门下道友也都自知，比之其余老牌仙家，道行确实不如。
怎么说呢，今日我门派功法能入的了尤长老法眼，也算我门之一幸！
就说这么多，今后必多敦促门下道友，多加修炼，填补漏洞，专注体验。
感谢尤长老检阅！
中文文档：
varlet.gitee.io
github：github.com 展开5928
![[庆祝]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web_seo/img/jj_emoji_123.da47506.png)
![[玫瑰]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web_seo/img/jj_emoji_103.6c2eed8.png)
![[奋斗]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web_seo/img/jj_emoji_29.2801857.png)
![[握手]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web_seo/img/jj_emoji_110.34d5723.png)
，(´;︵;`)，爱掘金![[机智]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web_seo/img/jj_emoji_51.e6d838e.png)
varlet.gitee.io