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