zoukankan      html  css  js  c++  java
  • .Net转行前端工程师-Javascript简介及Script标签

    废话

      3天啃书5页...我这速度也实在是够慢的。前面的几章的确是没什么意思,但还是循序渐进慢慢来吧!前端路漫漫~~

    Javascript简介
        简单的来说Javascript由3部分组成 ECMAScript+DOM+BOM,如果有人面试让我背ECMAScript由什么组成,我就淬他一脸,怎么不让我背唐诗三百首呢?

        Javascript其实就是ECMAScript的标准的扩展。ECMAScript已经出到了第五版了,据说第六版就能出现很好的面向对象的语法了。但是有人也说第五版可能在五年内都是主流了。

        DOM(文档对象模型Document Object Model)这东西说白了就是为了方便操作HTML的各种元素而形成的一个树状的数据结构。W3C搞的为了防止各大巨头撕逼导致程序员遭殃而弄的。

        BOM(浏览器对象模型Browser Object Model),BOM这没什么标准,浏览器留给开发人员的可操作方法而已。不同的浏览器都可能有自己的实现。实现的功能普遍都为打开,关闭,放大,缩小等等。

        看有面试题经常考什么严格模式所以这里也记录一下。严格模式从名字分析就是模式更严格了,平常写错了浏览器大大还能放过你的代码。在严格模式里就不行了。启用严格模式的方法是在脚本文件的最顶部加一句话"use strict",注意一下是个字符串。支持的浏览器有IE10+,Firefox4+,Chrome...。

    使用Javascript--关于<Script>

        这个地方有点意思了,可以用做引用外部的JavaScript文件,或者将代码嵌入在Script标签里。

        有6个属性:

          1.async:只能在引用外部文件的时候用,表示需要立即下载脚本文件并执行,但不妨碍页面中的其它内容的加载。

          猜测的意思是:加载文档模式和加载脚本文件并行执行。可以使用的场景为:必须放置在head中而且较大的脚本文件。(不知道理解对不对,因没用过。欢迎大家指正)

          2.charset:指定src属性的字符集。不常用这个..。

          3.defer:这个和async正好相反这个是延迟加载。设定为文档加载完毕后加载。

          使用场景:必须等文档加载完成后才能够使用的脚本文件或方法可以使用。

          4.language:好像已经被抛弃了。脑力有限,不学。

          5.src:看到这个就太熟悉了,写你的脚本文件地址的。

          6.type:没有就默认为text/javascript,表示的是你脚本语言是啥类型。因各种奇葩原因虽然不是必须的,但是到现在依旧没被抛弃。

          PS:deferasync如果不是很熟悉不建议使用,浏览器没你想象中的那么靠谱。

          在说放置的位置,放head标签里是传统。表示全部的Javascript代码都下载完成了才开始执行。但是有可能你的Javascript因各种未知原因阻塞了你页面的加载.导致你页面各种凌乱或者是白屏。所以为了避免这个问题一般都会放置<script>在<body>元素后面。(话说我从来放到body后面过,<script>标签满页面都是哪里需要就存在在哪里。以后改正按照标准来吧...)

    <NoScript>  

        为早期一些不支持Javascript浏览器而造的。现在虽然也有用的。但是一般情况下都是为了让自己的代码更加严谨,适应能力更加的强。起作用的时候少。

        用法:<NoScript>兄弟你是用这个浏览器专门来找茬的吧???</NoScript>,这样就会在不支持Javascript的浏览器里显示这句话了。

        学习过程,希望大家能够不吝指教。

        The End;

        2015-07-03

       

  • 相关阅读:
    tomcat 配置ssi
    oracle exp imp 导入 正在跳过表 plsql 导入表 成功终止 数据 被导入
    oracle 创建数据表空间和用户
    移动端开发来个总结吧
    ssl四次握手
    面试-布局
    typeof的原理?
    马上面试了就,复习一下排序
    关于webview无法设置页面标题
    关于let的生命提升
  • 原文地址:https://www.cnblogs.com/bfcp/p/4618951.html
Copyright © 2011-2022 走看看