重新认识一遍JavaScript

复制代码
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
 8     <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>
12     <title>Document</title>
13 </head>
14 
15 <body>
16 
17 
18     <form action="#" method="post">
19         <input type="text">
20     </form>
21 
22     <script type="text/javascript">
23         console.log('Glad to meet you again!');
24     </script>
25 
26 
27 </body>
28 
29 </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是未定义

 

 

posted @   Sunsin  阅读(195)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示