原来入门这么难

一、先说心得体会

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

哈哈,没想到以前不会的Markdown我也能写个7788了

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,638评论 25 708
  • 配置 在模块的加载阶段, AngularJS会在提供者注册和配置的过程中对模块进行配置。在整个AngularJS的...
    vanhukset阅读 473评论 0 0
  • 1给你画个混血妆 梅晓晓一回家,就迫不及待地向她哥梅仁炫耀她刚买的一整套美宝莲彩妆。 梅仁很淡定的翘着二郎...
    泪容颜笑阅读 267评论 1 0
  • 不知为何 blackletter 在中文里的翻译奇乱无比,有的按字面意思“黑字母”翻译成黑体, 这让中文里代表无衬...
    不知语冰阅读 761评论 0 0