一些前端工具站点【瑞士军刀】


目录

正文

技术博客/技术组织

技术公众号

博客搭建

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

再推荐几款视觉效果极佳的 Hexo 主题,且在 Github 上的 star 都很不错:

不能偏心,所以也推荐几款 Jekyll 的好主题:

HTML

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 的学习资料,请访问 Node 学习资料

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

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

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

Node Project

暂无

精选阅读

前端技术

Node 学习资料

前端面试

其他技术

工具/软件

Web

APP

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

Mac 软件篇

对于美好事务的追求无论何时都不算晚。

Mac 下的软件那么多,又是免费又是付费,应该怎么选呢?我来分享下我的推荐列表,推荐的优先级老规矩,从上往下依次降低。

以上列出来的都是偶觉得比较有意思、有特点的软件。当然,类似 DockerPolarr(泼辣修图) 等这类都太小众;有道翻译 EvernoteFoxmail 等这类又太大众;然后有些软件买了觉得有点“亏”,比如刚出手买入的 Final Cut Pro,其实机器自带的 iMovie 就挺好了(完美诠释《Final从入手到放弃》)。所以,这几类就不一一往这列举啦~

Linux

作为一名程序员兼工具控,我期待自己无比高效

首先,都是免费哒;然后,所列项目都是针对 CLI(命令行界面) 哒;最后,探索无止境

Mac

Chrome 浏览器插件

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

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

补充:

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

Git

服务端

Ruby、Python、Perl 等相似的服务端语言的学习资源。

暂无

数据端

客户端

面对大名鼎鼎的 Electron,我懵逼了。犹豫了一会儿,不知道把其放在哪个分类中,于是我单开了一个 客户端 的类目。

设计/交互

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

速查手册

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

杂七杂八

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

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


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


  • MDN Web 文档 - 权威的 Web 技术文档库,各种网络标准、最佳实践、开发者文档
  • DevDocs API Documentation - 各种 API 文档聚合,可以离线、更新迅速,可以看做网页版 Dash
  • Emmet Cheat Sheet
  • Can I use - 现代 Web 技术的浏览器支持程度对照表
  • Devhints - @rstacruz 总结的各种技术备忘单,界面很好看哦
  • CSS Reference - CSS 属性可视化指南
  • CSS Triggers - 列出了哪些 CSS 属性会触发浏览器重新布局、绘制和合成

🎨 Playgrounds

以下都是比较出名的了

🛠 Tools, Generator, Visual editor

VUE组件汇总

自己找的

内容

UI组件

开发框架

实用库

服务端

  • nuxt.js ★4564 - 用于服务器渲染Vue app的最小化框架
  • unvue ★310 - 使用简单的通用VueJS应用
  • express-vue ★302 - 简单的使用服务器端渲染vue.js
  • vue-ssr ★92 - 非常简单的VueJS服务器端渲染模板
  • doubanMovie-SSR ★85 - Vue豆瓣电影服务端渲染
  • vue-ssr ★80 - 结合Express使用Vue2服务端渲染
  • vue-easy-renderer ★44 - Nodejs服务端渲染

辅助工具

应用实例

Demo示例