本项目为何存在？| What's this?

这个项目算是我用来将前端课使用的课件、大纲类的东西；项目有一些，代码有一些；

课程讲的虽是前端，但内容不单局限于前端；希望可以从浅入深的完成对计算机、开发的学习与认识

结构

• 使用vs code查看即可，工作区增加了自动保存配置
• 新内容采用了编号文件夹的形式
• src文件夹中是项目样例

---

新老交替中，老版碎文，没啥调理

CSS & HTML

./CSS-Positioning | position + float

• CSS Position属性详解
  定位就靠它了（当然，还有grid）
  You can learn Position how it work in css engine.

./CSS-Grid | 栅格化布局 | Grid layout

• CSS -- display:grid;
• 960栅格系统实现
• wiki-历史-删格化布局
• bootstrap 栅格系统实现方式(3.x)

./CSS-Positioning | Flex Layout

一篇blog

./CSS-

属性	简写
background	background：color img_url repeat attachment position / size background:#f00 url(background.gif) no-repeat fixed 0 0/50px 50px;

./H5-a_single_login_page

单页面练习 You can learn Responsive layout, html, css etc.

boilerplate | 模版

./bootstrap

• bootstrap 源码学习与研究
• bootstrap 栅格系统实现方式(3.x)
• bootstrap 栅格原理

./boilerplate

1. github:h5bp/html5-boilerplate
   1. 原理梗概

JS | Node.js

./node-spider

node的爬虫，抓取了一些js学习网站的习题；后续完善中

./node-simple_server

简单server,理解get、post请求

Simple Server, use it to understand GET And POST Method

./node-express

Express服务器学习&使用

./node-deep_study

系统深入的学习一下Node.js

这里我使用了思维导图，自己下插件；IDEA Mind Map
Github:netbeans-mmd-plugin

H5 - Canvas

Animation

动画步骤 全景卷轴 钟表 地月日系统 setInterval

Simple Games

贪吃蛇 pixi 记忆力游戏

chrome-extension

Doc:
Office Website
360的翻译文档
Project:
Github chrome-extension Projects
网站快照 full-page-screen-capture
web-developer
chrome-extension-skeleton
json-viewer
web-maker
qrcode

to be continue...