大前端工具集

本篇文章记录了一枚程序猿的百宝箱。PS:每个分类的都按照推荐的先后排列。

主要内容是一些使用过的库、工具、套路或关注的前端组织等等,反正用 前端瑞士军刀 来总结这篇文章再合适不过鸟。

您可以通过以下方式联系到我:


目录

正文

前端组织/前端博客

虽混过外企俩家,但劳资英文这项的技能点还是灰色的...so,俺关注的站点主要以中文为主

博客搭建

使用 hexo/jekyll + GitPage,前端搭建静态博客那是相当 easy。用 Markdown 写文章做记录,再 pushGit 上,分分钟高大上有木有

HTML/CSS

浏览端 JS

Swiper/PhotoSwipe/fullPage 有这仨库,微信里常见的 H5 页完全不是问题哒

Project Build

Gulp + Webpack 的使用套路参考: learning-gulp

Gulp 资料收集:use-gulp

推荐篇与 Webpack 相关的文章《CSS Modules

Webpack 用起来吼吼:webpack-howto

Node Package

作为一名大前端甚至是多端,Node 绝逼是必备的一块

有关 Node 的学习资料,请访问

这里介绍些有特色且前端有必要知道的包

supervisornodemon 这俩都是监控 Node 代码,使得每次修改代码后会,开发 Node 程序必备

以上库俺都有使用过,甚至有不少都是项目开发中、各种特定场景下必用的,有任何使用问题欢迎沟通哈:)

Node Project

暂无

精选阅读

前端技术

Node 学习资料

前端面试

其他技术

工具/软件

Web

APP

以下列表中的 APP 都是不区分系统平台的

Mac

对于美好事务的追求无论何时都不算晚,前年公司给配了台 Mac 用做测试开发机,于是开始在 Mac 下办公。 Windows? 回不去鸟...

Linux

Chrome 浏览器插件

Chrome 应用商店必定是需要翻墙的哈。

以下插件都是俺多年积累淘出来的,按照俺推荐的强度自上向下展示,且大多数插件就是偶工作和生活必备,希望能对大家有用。后续如有新发现好插件,偶也会及时更新哒

补充:

  1. 翻墙代理的插件偶没使用,偶手机和电脑的翻墙都是配的 Surge 无脑搞定,不过翻墙代理插件推荐Proxy SwitchySharp,熊掌公司里大多用的都是它
  2. 日常开发相关的插件就以上这些,还有几款如知乎的插件、购物插件等这类与开发效率不沾边的,俺就不这上头列了哈

Git

数据端

设计/交互

作为负责最终效果呈现的前端工程师,多少得了解些 设计和交互 的,这也是为什么 fetool 会单独的存在这一章...当然话又说回来了,偶毕业的第一份工作是设计:)

速查手册

RT,这篇都是些文档或者API,一般这类东西都在大家浏览器的书签内,偶这也列一下大前端常用的手册地址

杂七杂八

放些开发中较有用的杂物在这儿

前端炫技-_炫酷狂拽叼炸天站点_

小结

背景

俺算个比较能自我总结的码农,所以偶尔喜欢写点东西做些记录或者自我熏陶陶醉一下。 可写着写着发现Evernote里面的东西太尼玛多(乱)了,于是想着把一些技术相关的资料都整理整理,都丢到Git上沉淀下来。 这样Evernote就可以只需要记录些偏生活方便的,看着清爽一些...

所以,这篇记录其实只是为偶自己而写,确信以后也一直会这样~~~

说说目标

其实与这篇记录类似的文章太多鸟,俺也不愿意成为一个单纯的收集资料,分享资料的这么个东西。 我希望 fetool 能更生动、更个性,最好能更另类点,对于每样工具的思考和解析更多点,吐槽也必须有理有据,然后再配上劳资收集的 low 图,完美! 希望通过不停的完善这篇记录,能Push劳资多了解业内的新玩具和新创意,然后围绕这些新东西,客观的再写点好东西,比如文章、资料、开源项目这些,让其他伙伴们少走弯路或学的更顺畅点儿

所以劳资对自己的要求是:这篇记录里列出的每样东西,自己都得的去了解、去尝试,然后再列出来。 能举一反三最好,如果达不到至少也能清楚的认识:列出来的这玩意对程序员有没有卵用,解决了啥痛点。

TODO

  1. 继续完善和扩充内容

  2. “备注/说明”这一栏不够犀利,希望再多加入自己的理解、点评、吐槽,让这篇记录更犀利和生动

  3. 支持导出多种格式,如.pdf.epub.mobi

  4. 后续看看如果有必要,可以单独搞个页面,优化下阅读和展示效果


以下是 @拔赤 总结的前端技能图: 拔赤总结的前端技能图


完善 ing,慢慢把 Evernote浏览器书签 里面的好东西慢慢捣腾到这儿,更欢迎 PR,谢谢。

用自己青涩时的照片镇楼,哇哈哈~