123

前端基本学习法## 语言* HTML 1. [元素概览（知识框架）](![](file:///C:\Users\sin\AppData\Local\Temp%W@GJ$ACOF(TYDYECOKVDYB.png)https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element) 2. 划重点 3. 各个击破（博客）* CSS [单词数量变多](![](file:///C:\Users\sin\AppData\Local\Temp%W@GJ$ACOF(TYDYECOKVDYB.png)https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference)，我们要分类分重点学习 1. [分类](![](file:///C:\Users\sin\AppData\Local\Temp[5UQ[BL(6~BS2JV6W}N6[%S.png)http://www.w3school.com.cn/cssref/index.asp) 以了解 CSS 能做什么 2. 先学重点 * 动画 * 背景 * 边框和轮廓 * 盒（框） * 颜色 * 定位 * 字体 * 生成内容 * 列表 * 外边距 * 内边距 * 定位 * 表格 * 文本 * 2D/3D 转换 * 过渡 * 用户界面 * 3. 用 jsbin 快速学习一个属性 4. CSS 比 HTML 多了一些概念 1. 盒模型 2. 布局 5. CSS 学习段位 1. 给个图，就能实现 2. 给个图，就能给出多种方案实现 3. 给个图，就能给出最优雅的实现* JS 概念 + 逻辑 1. [关键词](![](file:///C:\Users\sin\AppData\Local\Temp%W@GJ$ACOF(TYDYECOKVDYB.png)https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference) 2. 或者参考一本[教程](![](file:///C:\Users\sin\AppData\Local\Temp%W@GJ$ACOF(TYDYECOKVDYB.png)http://javascript.ruanyifeng.com/) 3. 一些基本概念 1. 闭包 2. 原型继承（面向对象） 3. 立即执行函数 4. 回调 / Promise 5. 作用域链 6. 异步 4. 一些逻辑 1. 排序算法## API* DOMvar button = document.getElementById('test')button.addEventListener('click',function(){ alert(1)})$('#test').on('click', function(){ })* BOM* AJAX## HTTP## 英语read.me

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容