<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">

     <link rel="stylesheet" href="./sass/index.css">

 9     <script src="./script/index.js"></script>

10     <script src="./script/index1.js"></script>

11     <script src="./script/index2.js"></script>

     <title>Document</title>

 </head>

 <body>

     <form action="#" method="post">

         <input type="text">

     </form>

22     <script type="text/javascript">

23         console.log('Glad to meet you again!');

24     </script>

 </body>

 </html>

1.众所周知，JavaScript可以嵌套与网页的任何一地方

2.JavaScript脚本通过src来引入

3.目前大家都知道script就是JavaScript，我们不用写type类型（IE8或者以及低级浏览器是不支持的）

4.也许我们可以加上请求的编码格式（对浏览器的声明，不加上可能会出现编码问题）

嗨，你是否经常把文件用windows的notepad创建！

<script src="./script/index.js" charset="utf-8"></script>

5.defer是什么？（听说JavaScript会阻滞吧）

不对吧，这顺序！

其实defer是延迟加载js代码，最初是IE浏览器支持的，后来逐渐被其它浏览器所支持

查询当前支持：https://caniuse.com/

6.async是什么？

async是h5新支持的异步加载js代码（但是还是会有加载顺序不一，不建议使用）

7.Ok，我们来实现一下defer

原理就是浏览器生成顺序  HTML - > CSS -> JavaScript

HTML DOM（Model）- 模式层

CSS DOM（VIEW）- 视图层

JavaScript（Controller） - 控制层

如果我们在HTML中写入JavaScript，那就耽误了HTML树形目录生成

我们的JavaScript一般最好就是生成HTML DOM 后再执行，而

window.onload恰好满足了我们的要求！

window.onload = function() {

    console.log('I am js zero');

}

8.为什么我们推荐浏览器内的JavaScript变量用双引号（引入文件内部全部采用单引号）？

这主要是方便我们以后维护

问：Emment你认为呢？

答：嗯，我已经默认CSS双引号了。

9.JavaScript我们命名分割全部用下划线吧，绝不用（-）

当然，除了这些我们还可以用驼峰以及别的命名法

因为IE某些版本只支持下划线分割命名法，不支持横杠（-） ，我就把它让给CSS兄dei吧！

话说，IE7.0以及IE8.0份额还那么多，你头痛吗？

10.为什么推荐变量与值赋值前后要分割space？

可以让我们更好地识别以及避免一些低级赋值错误（话说C语言就赋值错误犯过一次，找了好久... 往事不堪回首）

11.JavaScript多个变量赋值，用逗号分隔

12.什么是undefined，什么是 no defined

所谓undefined是定义了，未赋值

所谓no defined是未定义

重新认识一遍JavaScript的更多相关文章

  1. 重新认识一遍JavaScript - 2

    1.JavaScript没有Java和C中的int.double,怎么识别这些类型的呢?或者说不支持 问:你认为呢? 答:var 支持所有数据类型(int.double.string),取决于你输入的 ...

  2. 《javascript权威指南》读书笔记——第二篇

    <javascript权威指南>读书笔记——第二篇 金刚 javascript js javascript权威指南 今天是今年的196天,分享今天的读书笔记. 第2章 词法结构 2.1 字 ...

  3. 《JavaScript高级程序设计》读书笔记--前言

    起因 web编程过程使用javascript时感觉很吃力,效率很低.根本原因在于对javascript整个知识体系不熟,看来需要找些书脑补一下,同时欢迎众网友监督. 大神推荐书籍 看了博客大神们推荐的 ...

  4. 初中级Javascript程序员必修学习目录

    很多人总感觉javascript无法入门,笔者在这里写一下自己的学习过程,以及个人认为的最佳看书过程,只要各位能按照本人所说步骤走下去,不用很长时间,坚持个3个月,你的js层级会提高一个档次,无他,唯 ...

  5. ( 译、持续更新 ) JavaScript 上分小技巧(一)

    感谢好友破狼提供的这篇好文章,也感谢写这些知识点的作者们和将他们整理到一起的作者.这是github上的一篇文章,在这里本兽也就只做翻译,由于本兽英语水平和编程能力都不咋地,如有不好的地方也请多理解体谅 ...

  6. 第二章：Javascript词法结构

    编程语言的词法结构是一套基础性的规则,用来描述你如何编写这门语言.作为语法的基础,它规定了变量名是怎么样的,如何写注释,以及语句之间是如何区分的.本节用很短的篇幅来介绍javascript的词法结构. ...

  7. [JavaScript] 初中级Javascript程序员必修学习目录

    很多人总感觉javascript无法入门,笔者在这里写一下自己的学习过程,以及个人认 为的最佳看书过程,只要各位能按照本人所说步骤走下去,不用很长时间,坚持 个3个月,你的js层级会提高一个档次,无他 ...

  8. JavaScript中你可能不知道的九件事

    今天凑巧去W3School扫了一遍JavaScript教程,发现从中看到了不少自己曾经没有注意过的细节. 我这些细节列在这里.分享给可能相同不知道的朋友: 1.使用 document.write() ...

  9. 芝麻HTTP：JavaScript加密逻辑分析与Python模拟执行实现数据爬取

    本节来说明一下 JavaScript 加密逻辑分析并利用 Python 模拟执行 JavaScript 实现数据爬取的过程.在这里以中国空气质量在线监测分析平台为例来进行分析,主要分析其加密逻辑及破解 ...

随机推荐

  1. Day10文件内指针移动和函数

    强调:只有t模式下的read(n),n代表字符个数,除此以外都是以字节为单位 ,例如f.read(4)读出4个字符 控制文件内指针的移动:f.seek()以字节为单位 f.tell()文件开头为准,当 ...

  2. C语言文件操作 FILE结构体

    内存中的数据都是暂时的,当程序结束时,它们都将丢失.为了永久性的保存大量的数据,C语言提供了对文件的操作. 1.文件和流 C将每个文件简单地作为顺序字节流(如下图).每个文件用文件结束符结束,或者在特 ...

  3. redis配置cluster分布式集群

    #下载最新的redis5. wget http://download.redis.io/releases/redis-5.0.3.tar.gz .tar.gz cd redis- make make ...

  4. lnmp环境的使用

    lnmp环境的使用 安装的软件都安装到了:/usr/local 管理nginx service nginx start|stop|restart|reload 管理mysql 直接执行mysql即可登 ...

  5. [android开发篇]java环境配置

    http://www.runoob.com/java/java-environment-setup.html Java 开发环境配置 在本章节中我们将为大家介绍如何搭建Java开发环境. window ...

  6. 九度oj 题目1151：位操作练习

    题目描述: 给出两个不大于65535的非负整数,判断其中一个的16位二进制表示形式,是否能由另一个的16位二进制表示形式经过循环左移若干位而得到. 循环左移和普通左移的区别在于:最左边的那一位经过循环 ...

  7. 【Luogu】P3414组合数（快速幂）

    题目链接 从n的元素中选零个,选一个,选两个,选三个...选n个的方案数和,其实就是n个元素中取任意多个元素的方案数,那对于每一个元素,都有取或不取两种情况,所以方案数最终为2^n个. #includ ...

  8. 洛谷P3588 - [POI2015]Pustynia

    Portal Description 给定一个长度为\(n(n\leq10^5)\)的正整数序列\(\{a_n\}\),每个数都在\([1,10^9]\)范围内,告诉你其中\(s\)个数,并给出\(m ...

  9. 【2018.10.4】CXM笔记（图论）

    .1.给你一个无向图,问这张图的最小割是否唯一.输出yes或no. 跑一边最大流,那么最小割的那些正向边一定满流(也就是过不了了).所以在残余网络上,从S到T和从T到S各广搜找一组最小割的边(即正向边 ...

  10. Spoj-BIPCSMR16 Team Building

    To make competitive programmers of BUBT, authority decide to take regular programming contest. To ma ...