吻你千万，赠予前端的万个书签整理 - 撰文ing
掘金安东尼 2021-02-23
项目
# 缘起
做前端开发至今，收藏过不少网站链接作为浏览器书签。随着时间的推移，收集的链接越来越多，书签的整理难度越来越大，冗余和不规范也越来越多。
回首一看，已收集了上千书签链接。
让人不禁思考，能不能做点什么,来规范在 前端路径 (opens new window) 学习过程中收集的书签？
- 可以让自己在路径学习中更加系统化。
- 遇到问题（总有一些共通且常见的问题）可以快速定位到一个解决链接（也能快速地分享给同伴）。
- 一串简单的 URL，就能将你传送到一个新的世界，打开视野。
之前在掘金上发布过一篇文章 作为一个卑微的前端仔，我收集了哪些网站链接？ (opens new window)。每隔一段时间，都会新增一两个赞，让我想兑现结语的那段话：
后续仍会持续更新，您的点赞是我坚持下去的动力。或将更改展现形式，以期梳理自我和方便大家。期待交流和建议！
所以后来自己又尝试了用网站的形式展示这些链接，但是效果并不满意（设计、维护等无力）。如有兴趣，可以本地下载了跑一跑：项目地址-FEMB (opens new window)，有更多想法欢迎交流~ +V: ifuckinghigh
一个人的力量实在太小，且水平（号召力、组织力）有限，只得抛砖引玉。
最终希望实现：前端工程师们可以将各自浏览器书签添加到这个项目中，共同努力，做一个规范、有效的“前端书签”网站。
一切就止步于此吗？事情不能拖，拖着拖着想法都要给拖没了。不完美前进吧，故撰此文以续想法，邀志同者共进。
很喜欢李宗盛《山丘》里的一句歌词：“说不定我一生涓滴意念，侥幸汇成河”。
我们一生中有很多散乱的意念，有的人能侥幸将其汇聚成河，有的人则随风将其遗忘在了时间里。
意义或许就是没有意义，只是觉得自己想这么去做！
1
2
3
4
5
2
3
4
5
# 脑图
脑图由 processon (opens new window) 支持
# 一、开发日常
# 社区博客
# 技术社区
国内
- https://juejin.im (opens new window) 掘金：代码不止 掘金不停 👍👍👍👍👍
- https://www.csdn.net (opens new window) CSDN：中国最大的程序员社区 👍👍👍👍👍
- https://www.cnblogs.com (opens new window) 博客园：老一代博客中心 👍👍👍👍
- https://segmentfault.com (opens new window) 思否：中国的 stackoverflow 👍👍👍👍
- https://www.v2ex.com (opens new window) V站：V 站上面多大佬，多有各类洁癖 👍👍👍👍
- https://www.jianshu.com/ (opens new window) 简书：好文章还是有不少 👍👍👍👍
- https://www.oschina.net (opens new window) 开源中国：最大开源社区 👍👍👍👍
- https://www.infoq.cn (opens new window) InfoQ：知识与创新 👍👍👍👍
- https://www.51cto.com (opens new window) 51CTO：谁又不想成为 CTO 呢？👍👍👍
- https://toutiao.io (opens new window) 👍👍👍
- http://www.jobbole.com (opens new window) 👍👍👍
- https://gitbook.cn (opens new window) 👍👍👍
- https://www.iteye.com (opens new window) 👍👍👍
国外
- https://stackoverflow.com/ (opens new window) 无需多言，技术问答社区第一，IT 圈的Google 👍👍👍👍👍
- https://medium.com (opens new window) 内容创作平台，本瓜常看 👍👍👍👍👍
- news.ycombinator.com 黑客新闻 👍👍👍👍
- https://www.quora.com/ (opens new window) 国外知乎 👍👍👍👍
- https://www.reddit.com (opens new window) 国外天涯 👍👍👍👍
- https://dev.to (opens new window) 国外掘金 👍👍👍👍
- https://simpleprogrammer.com (opens new window) 我也只是一个简单的程序员 👍👍👍👍
- https://www.sitepoint.com/web/ (opens new window) 前端仔可看 👍👍👍👍
- https://developers.google.com (opens new window) 想要权威的官方的，看这里 👍👍👍👍👍
- https://www.daniweb.com (opens new window) 质量比较高的问答平台 👍👍👍
- https://www.dreamincode.net (opens new window) 国外博客园 👍👍👍
# 个人博客
- http://www.ruanyifeng.com/ (opens new window) 阮一峰 👍👍👍👍👍
- https://www.zhangxinxu.com/ (opens new window) 张鑫旭 👍👍👍👍
- https://www.yinwang.org (opens new window) 王垠 👍👍👍👍
- https://coolshell.cn 👍👍👍👍
- http://zh.lucida.me (opens new window) 👍👍👍👍
- https://blog.codingnow.com (opens new window) 云风的 BLOG， 思绪来得快去得也快，偶尔会在这里停留 我很喜欢这句话。👍👍👍👍
- https://yuguo.us (opens new window) 余果的博客 👍👍👍👍
# 其它社区
- https://www.huxiu.com (opens new window) 虎嗅：心有猛虎、细嗅蔷薇 👍👍👍👍👍
- https://www.36kr.com (opens new window) 36 Kr：让一部分人先看到未来，那为什么不能是我呢？ 👍👍👍👍👍
- https://www.bilibili.com (opens new window) B 站：中国 Youtube ! 👍👍👍👍👍
# Github 个人
- https://github.com/yyx990803 (opens new window) 尤大，我佛了 👍👍👍👍👍👍
# 工具利器
# 开发工具
- https://cubic-bezier.com/ (opens new window) 贝塞尔曲线，ღ( ´･ᴗ･` )比心 👍👍👍👍👍
- https://cdnjs.com (opens new window) 需要各类 js 库的 CDN 地址，上这来！👍👍👍👍👍
- https://www.w3schools.com/browsers/default.asp (opens new window) 最受欢迎的浏览器是？👍👍👍👍
- https://wordhtml.com (opens new window) 文本转 HTML，欢迎来到 HTML 世界 👍👍👍👍
- http://test.veryos.com/selector/slickspeed/index.html (opens new window) CSS 选择器测试 👍👍👍
- https://www.docker.com (opens new window) Get Started with Docker. 👍👍👍👍
# 辅助工具
- https://tinypng.com (opens new window) 压缩图片利器！常用必备 👍👍👍👍👍
- https://www.remove.bg (opens new window) 扣图片背景利器！常用必备 👍👍👍👍👍
- https://ps.gaoding.com/#/ (opens new window) 在线 PS！常用必备 👍👍👍👍👍
- https://sm.ms (opens new window) 超强图床！👍👍👍👍👍
- https://www.shorturl.at (opens new window) 生成短链接 👍👍👍👍
- https://panzoid.com (opens new window) 视频片头制作 👍👍👍👍
- https://mybrandnewlogo.com/logo-designs (opens new window) logo 制作 👍👍👍👍
- https://tools.ipip.net/ping.php (opens new window) 专业的 IP 地址库，从多个节点发起 ping 👍👍👍👍
- https://www.ip138.com (opens new window) 查询网 👍👍👍👍
- https://www.revolvermaps.com/livestats/map// (opens new window) 网站数据统计 👍👍👍👍
- http://www.useragentstring.com (opens new window) 展示你的浏览器详尽信息 👍👍👍👍
- https://wejizan.com (opens new window) 朋友圈集赞 👍👍👍👍
# 格式转换
- https://online-audio-converter.com/cn/ (opens new window) 视频转音频 👍👍👍👍👍
- https://app.xunjiepdf.com/voice2text/ (opens new window) 音频转文本 👍👍👍👍
# 插件库
- https://cryptojs.gitbook.io/docs/ (opens new window) cryptojs 加密库 👍👍👍👍👍
- http://momentjs.cn (opens new window) JavaScript 日期处理类库 👍👍👍👍👍
- https://p5js.org (opens new window) JS 创造无限可能！👍👍👍👍👍
- https://v-charts.js.org/#/ (opens new window) 意在解决 echarts 痛点 👍👍👍👍
- http://inmap.talkingdata.com (opens new window) inMap 是基于百度地图的大数据可视化库 👍👍👍👍
- https://github.com/SortableJS/Sortable (opens new window) 排序库 👍👍👍👍
- https://uppy.io/docs/ (opens new window) Uppy 是一个时尚且模块化的文件上传器 👍👍👍👍
- http://www.treejs.cn/v3/api.php (opens new window) zTree 树插件 👍👍👍👍
# 教程网站
- https://requirejs.org/docs/download.html (opens new window) requirejs 👍👍👍👍
# API 日常
- https://www.showdoc.com.cn/ (opens new window) 一个非常适合IT团队的 API 文档、技术文档工具 👍👍👍👍
- https://swagger.io/ (opens new window) API Development for Everyone 👍👍👍👍
- 有哪些好玩的免费的API接口? (opens new window) 👍👍👍👍👍
# 浏览器
# 浏览器调试
// 占位
# 浏览器原理
- 一文看懂Chrome浏览器运行机制 (opens new window) 译文加上作者理解，写的又全又棒，推荐。👍👍👍👍👍
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 (opens new window) 👍👍👍👍
- 坚持仅合成器的属性和管理层计数 (opens new window) 👍👍👍👍
- 深入理解浏览器的缓存机制 (opens new window) 👍👍👍👍
- 浏览器中的进程与线程 (opens new window) 👍👍👍👍
- Chrome 的进程体系 (opens new window) 👍👍👍👍
- 如何启用或禁用 Chrome 硬件加速，在性能和功能间取得平衡 (opens new window) 👍👍👍👍
- 从哪里了解 Google Chrome 升级的新特性 (opens new window) 👍👍👍👍
- 自己制作Chrome便携版实现多版本共存 (opens new window) 👍👍👍👍 chrome64win-stable (opens new window)
- 你可能不知道的Google Chrome命令行参数 (opens new window)
# 前端模板
# UI 模板
// 占位
# 模板引擎
// 占位
# 交互设计
# 交互网站
// 占位
# 设计平台
- https://dribbble.com (opens new window) Discover the world’s top designers & creatives.👍👍👍👍👍
- https://www.awwwards.com (opens new window) awwwards：对网页设计进行评分，专业。👍👍👍👍👍
- https://www.uisdc.com (opens new window) 优设：为设计师发声、替好作品说话。👍👍👍👍
- https://www.zcool.com.cn (opens new window) 站酷：国内没有哪个做设计的不知道吧。👍👍👍👍
- https://www.ui.cn (opens new window) UI 中国，主打图形界面设计。👍👍👍👍
- https://uispace.net (opens new window) 炫酷设计。👍👍👍
- https://www.shejidaren.com (opens new window) 设计达人：老牌设计网，还附有 JS 代码。👍👍👍👍
# UI 灵感
- http://collectui.com/ (opens new window) 优秀 UI 范例，每日更新。👍👍👍👍
- https://bm.s5-style.com (opens new window) 日系 WEB UI，大气简约。👍👍👍👍👍
- http://lapa.ninja/ (opens new window) 灵感来源。👍👍👍
- https://muz.li (opens new window) chrome 扩展，收录知名网站，每天都有新发现。👍👍👍👍
# 配色
- https://coolors.co (opens new window) 只是浏览示例配色就很舒服。👍👍👍👍
- https://webgradients.com (opens new window) 想要 WEB 渐变色看这里。👍👍👍👍
# 图片素材
- https://unsplash.com/ (opens new window) 无著作权的高清图片，免费商用。👍👍👍👍👍
- https://www.pinterest.com (opens new window) 图像主题收集。👍👍👍👍
# 二、技术语言
# JavaScript
# 基础
# Webpack
- webpack原理 (opens new window) 👍👍👍👍
- webpack 之 loader 和 plugin 简介 (opens new window) 👍👍👍
- 前端模块化：CommonJS,AMD,CMD,ES6 (opens new window) 👍👍👍👍
- Tree Shaking (opens new window) 👍👍👍
- 如何开发webpack plugin (opens new window) 👍👍👍
# Vue
# 响应式原理
# 好用组件
- v-weekSlider (opens new window) 一个基于Vue无限滑动选择日期的手机端组件 👍👍👍
- Vue.Draggable (opens new window) Vue 拖拽功能 👍👍👍👍
# 三、生活杂录
# 佳文阅读
# 房子
# 四、职场二三
# 面试
# 初级前端
# 中级前端
50行javaScript代码实现简单版的 call , apply ,bind (opens new window) 👍👍👍👍
掘金用户可移步本瓜的收藏集看更多关于中级前端工程师 (opens new window)
# 高级前端
# 职业规划
# 规划
# 职场阅读
# 五、工作空间
# 总结
整理的过程中产生过多次怀疑，自己会不会整理出一个垃圾出来？不过通过这个过程，本瓜至少明白一点：正是这些 Web 开发者的努力，让我们如今的互联网网页世界如此华丽多彩。
# 这是一个终结吗？
这会是一个终结吗？不会。我能想象到这些奇妙的书签再汇聚成十万个、百万个。
# 白皮书
# 求赞
# 说明
# 撰文说明
- 每个网站都是本瓜或多或少亲自体验过的，承诺不存在无脑平行搬运的情况。
- 👍点赞是本瓜结合体验的主观判断，仅作参考。从三个赞到六个赞可依次理解为：不错、很好、太棒了、我佛了。
- 我不否认对于链接分类会存在认知偏差，如有意见可反馈讨论。
# 格式说明
- 平台类型的书签格式是：链接 + 平台名 + 备注 + 评赞。
- 文章类型的书签格式是：文章名 + 备注 + 评赞。
- 平台名、备注为非必填项。
