<!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. python 学习第二周总复习

    目录 数据类型内置方法 数字类型内置方法 整型 浮点型 字符串类型内置方法 列表类型内置方法 元祖类型内置方法 字典类型内置方法 集合类型内置方法 布尔类型 数据类型总结 拷贝 浅拷贝 深拷贝 053 ...

  2. 【转】Hive over HBase和Hive over HDFS性能比较分析

    转载:http://lxw1234.com/archives/2015/04/101.htm 环境配置: hadoop-2.0.0-cdh4.3.0 (4 nodes, 24G mem/node) h ...

  3. shell-code-4-运算符

    #1. shell 基本运算符有:算数.关系.布尔.字符串.文件测试运算符#2. 原生bash不支持简单的数学运算,可使用awk和expr(最常用)echo `expr 1 + 2`# 反引号:表达式 ...

  4. django的rest framework框架——分页、视图、路由、渲染器

    一.rest framework的分页 1.使用rest framework内置类PageNumberPagination实现分类 from django.conf.urls import url f ...

  5. 关于网络IP地址的分类

    一.IP地址的分类 众所周知,IP地址都是以点号.分为4段来表示.不同类的IP前几位的表示含义也不尽相同. 1.A类IP [网络地址] 第一位表示网络地址,且第一个字节的第一位必须以0开头.依据此原则 ...

  6. 17，时间模块 time，random模块

    表示时间的三种方式 在python中,通常有着三种方式来表示时间:时间戳,元祖,格式化的时间字符串: 1,时间戳(timestamp):通常来说时间戳表示的是从1970年1月1日00:00:00开始按 ...

  7. luogu3159 [CQOI2012]交换棋子

    把每个点拆成 x y z 对于第 i 个点,x->y是表示流入的,y->z是表示流出的. #include <iostream> #include <cstring> ...

  8. BZOJ 4033 [HAOI2015]树上染色 ——树形DP

    可以去UOJ看出题人的题解. 这样的合并,每一个点对只在lca处被考虑到,复杂度$O(n^2)$ #include <map> #include <ctime> #includ ...

  9. BZOJ 4650 [Noi2016]优秀的拆分 ——后缀数组

    我们只需要统计在某一个点开始的形如$AA$字符串个数,和结束的个数相乘求和. 首先枚举循环节的长度L.即$\mid (A) \mid=L$ 然后肯定会经过s[i]和[i+L]至少两个点. 然后我们可以 ...

  10. 【bzoj1299】[LLH邀请赛]巧克力棒 博弈+模拟

    Description TBL和X用巧克力棒玩游戏.每次一人可以从盒子里取出若干条巧克力棒,或是将一根取出的巧克力棒吃掉正整数长度.TBL先手两人轮流,无法操作的人输. 他们以最佳策略一共进行了10轮 ...