前端学习资源

前端相关资源、插件

CSS 精灵图/雪碧图

CSS 精灵(CSS sprites)，又称雪碧图，是一种网页图片应用处理技术。

一个网页中往往会应用很小的背景图作为修饰，当网页上的图像过多时，服务器就会频繁的接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的速度。因此为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度，出现了 css 精灵技术（也称css sprites、css雪碧）

精灵技术主要针对于背景图片使用，把多个小背景图片整合到一张大图片中，这个大图片也称为 sprites 精灵图 或者 雪碧图。然后利用 CSS 的 background-image, background-repeat, background-position 的组合在背景大图中定位到某个小图，background-position 可以用数字精确地定位出背景图片的位置。

vuepress博客

团队博客
博客采用 vuepress 搭建。所有文档编写采用 markdown 语法。项目共两个分支 dev， 和 master。dev 是源文件，master 分支是 vuepress 生成的静态 html，githubpage 会读取 master 的静态文件。

510team/510team.github.io
https://github.com/510team/510team.github.io

Canvas

前端小项目：使用canvas绘画哆啦A梦
https://zhuanlan.zhihu.com/p/28013131?utm_medium=social&utm_source=ZHShareTargetIDMore

Node.js

如何系统地学习Node.js？
https://www.zhihu.com/question/21567720

TensorFlow.js

作为深度学习界的当红炸子鸡——TensorFlow 开源组织终于在 2018 年 3 月推出了首个 JavaScript 版本。TensorFlow.js 可以在浏览器端完成模型训练、执行和再训练等基本任务，并且借助 WebGL 技术，可以和 Python、C++ 版本一样能够通过 GPU 硬件加速完成计算过程。

前端人工智能？TensorFlow.js 学会游戏通关
https://zhuanlan.zhihu.com/p/35451395

Bootstrap

简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。
http://www.bootcss.com/