原来入门这么难

作者: 吴少在coding | 来源:发表于2017-12-05 18:37 被阅读91次

原来入门这么难
原来这么难。
原来，忘记这么难
选择原来这么难
原来坚持这么难
学习，原来这么难……
原来落地这么难
开心原来这么难
放手原来这么难
原来早起没这么难

一、先说心得体会

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%;
       }
   }

JS中的点击一个按钮跳转到一个新的界面

<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>