一、先说心得体会
- 1、以前的学习方法不对。应该按照课前预习，课中总结失败的教训、写博客，课后深入作业，以后严格按照这三部来学习新技术
- 2、以前搜索问题的方法不对。应该看原始的开发文档，不要随便去看不认识的博客；搜索方法用谷歌(方式是：关键字 MDN)
- 3、代码要按照C-R-M的方式来学习。先通过关键字搜索到自己需要的内容，先直接找代码(不要陷在繁琐的细节里面，跑通代码后有必要深入的话就研究细节！！！！！！以前解决问题的主次顺序总是颠倒，导致java学习停滞不前，陷于繁文缛节，而没有提高，消磨掉了兴趣)，从MDN文档中Copy代码，再Run，Modify。
- 4、知识的分类不同，投入的时间也不同！每个领域的知识分为:
- 工具使用的知识------------无法速成，只能使用的时候挨个点击
- 概念性的知识---------------对于JavaScript来说，先学懂概念，对后期有帮助，而CSS要先做出结果来在看概念
- 工程实践中的知识---------程序员必须要不断的敲代码，踩各种坑，失败之后的总结，叫经验
- 经验教训
- 5、把一本好书看3遍胜过看三本书；把一件事情反复迭代改进四遍胜过把一件事情重复4遍！！！成长的道路要想加速，必须记住这一点~~~
二、再说具体学习内容
- 1、HTML-----------直接用MDN
- 2、CSS-------------MDN+CSS揭秘或者按照 css-tricks 的路径来学习，新内容是CSS3、LESS、SASS
- 3、JavaScript------JavaScript高级程序设计或者阮一峰的书,要学ES6和TypeScript
三、几个小知识点
- 四个二进制位等于一个十六进制的位。0000-1111的二进制表示0-F的16进制数。
- 负数用对应的正数的二进制表示按位取反，再加一得到补码，用这个补码来表示。
- CSS的animation动画效果 MDN文档实例
p {
//动画持续时间
animation-duration: 3s;
//p标签调用的哪个动画帧
animation-name: slidein;
}
//关键帧，从哪到哪的一个效果，3s后恢复成原样
@keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
<script>
function openRequestedPopup() {
let windowObjectReference;
let strWindowFeatures = `
menubar=yes,
location=yes,
resizable=yes,
scrollbars=yes,
status=yes
`;
windowObjectReference =
window.open(
"http://www.cnn.com/", //要跳转的网站的窗口
"CNN_WindowName", //给网址一个代号，可以把两个地址的代号设成一个，实现同一个窗口显示不同网站
strWindowFeatures//新打开的网站窗口的一些属性，例如width、height、top、left
);
}
</script>
哈哈，没想到以前不会的Markdown我也能写个7788了
