<!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. LeetCode（136） Single Number

    题目 Given an array of integers, every element appears twice except for one. Find that single one. Not ...

  2. 解决- RuntimeWarning: Parent module '...' not found while handling absolute import

    Pycharm 升级到 2016.3 以后运行 unittest 报警告如下: 网上查资料说是pycharm的一个已知但未修复的bug,解决办法如下: 使用旧的utrunner.py替换新的utrun ...

  3. kali-set

    Set 简介 开源的社会工程学利用套件,通常结合metasploit(部分)来使用 更改 /etc/setoolkit下的配置文件 set_config BLEEDING_EDGE="Fal ...

  4. 04-offsetLeft和style.left的区别

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  5. xmpp 登录注册小结

    将XMPPStream放在APPDelegate,以便全局访问 #pragma mark - XMPP相关的属性和方法定义 /** * 全局xmppstream,只读属性 */ @property ( ...

  6. bzoj1065【Noi2008】奥运物流

    题意:http://www.lydsy.com/JudgeOnline/problem.php?id=1065 给一棵基环树,每个点i的权值=ci+k*∑son[i],修改至多m个点的父亲使1号点权值 ...

  7. 刷题总结——拦截导弹（ssoj）

    题目: 题目背景 NOIP1999 提高组试题 题目描述 某国为了防御敌国的导弹袭击,发展出一种导弹拦截系统.但是这种导弹拦截系统有一个缺陷:虽然它的第一发炮弹能够到达任意的高度,但是以后每一发炮弹都 ...

  8. 【THUSC2016】成绩单（bzoj4897）

    $f(i,j,x,y)$ 表示区间 $[i,j]$中,第 $j$ 个数在最后一次操作中才消去,最后一次操作的最大值为 $x$,最小值为 $y$ 时的最小代价: $g(i,j)$ 表示区间 $[i,j] ...

  9. cf575A Fibonotci

    Fibonotci sequence is an integer recursive sequence defined by the recurrence relation Fn = sn - 1·F ...

  10. 【JQ同胞遍历】

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...