JS新手知识一

hulovexu1314
140 阅读5分钟

一、js的历史

......

二、js的作用

行为

三、js的书写

  1. 写在哪

    • css写在哪

      • 内联（行内）：属性形式：style="样式属性:样式属性值"

      • 内部：style双标签，包裹css样式

      • 外部（外联）：link单标签，的href属性，引入css文件的路径

      • 知道啥叫公共样式不？

        • 好几个页面都要用到的样式，叫公共样式
    • js写在哪
      • 内联（行内）：属性形式：事件触发
        • <input type="button" onclick="alert('hello world')" value="点我试试">
        • 不建议使用，结构和行为的分离，优化项目，便于管理
        • 为了测试方便
      • 内部：script双标签，包裹js代码
        <script>
    alert("没有人点，我也hello world")
</script>
        • 不太建议内部，结构和行为的分离，非公共行为部分，简单行为，可以放在当前页面
          • 公共行为：好几个页面都要用到的行为，叫公共行为
        • script标签可以放在哪？
          • 可以放在任何位置
          • 行业习惯：
            • head标签内
            • body后：内部的最后；外边的最后；没有区别
            • script标签，放在不同的位置，执行顺序受到了影响。目前如果不是特殊要求，暂时将script标签写在body的后面
      • 外部（外联）：script双标签，通过src属性，引入js文件的路径
        • 创建js文件，再在html文件中使用script双标签，通过src属性，引入js文件的路径
        • script标签放在哪
          • 任何位置
          • 行业习惯：
            • head标签内
            • body后：内部的最后；外边的最后；没有区别
            • script标签，放在不同的位置，执行顺序受到了影响。目前如果不是特殊要求，暂时将script标签写在body的后面
          • 按需放置位置
      • 注意：错误写法
        <script src="./hello.js">
    alert("没有人点，我也hello world")
</script>
        • 不允许在引入外部js的script标签内，写js代码，写了，也不会执行

  2. 写什么

    • hello world

  3. 怎么写

  • 语法...

四、javascript的组成

  • ECMAScript：语法，规定，规则，法律，规定了，以什么样的格式，写代码

  • BOM：浏览器对象模型，提供了浏览器的操作

  • DOM：文档对象模型，提供了网页的操作

  • 关系：ECMAScript规定了，写什么样的代码，在BOM中操作DOM

    • 交通法规，规定，以什么样的方式，在马路上开车

  • 除非特殊说明，目前学习的大部分都是ECMAScript。后期，DOM和BOM会单独作为知识点讲解

五、打印信息的方式

  • 什么叫打印信息，不是输出信息，是打印：
    • 将计算机的执行结果或数据，给用户呈现出来
  • 打印到浏览器的弹出框，操作的是BOM对象，浏览器
    • alert()
  • 打印到页面，操作的是DOM对象，页面
    • document.write()
  • 打印到浏览器的控制台，操作的是BOM对象，浏览器（操作的V8引擎）
    • console.log()

六、js的注释

  • 单行注释
    • // 单行注释
  • 多行注释
    • /* 多行注释，可以换行 */

七、数据

1.概念

  • 分门别类，记录信息的方式

2.数据的类型（常见的）

  • 字符型(string)：必须加引号：单''、双""、反``；任何数据，只要加了引号，就是字符！！！

  • 数值型(number)：29

  • undefined(undefined)：undefined，未赋值，不是未定义

  • 布尔值(boolean)：true、false

  • 对象(object)：标志是{}，并不是绝对的

  • 函数(function)：标志是function，并不是绝对的

    • 不是数学中的函数，不用担心，跟数学一点关系都没有

  • null(object)：null，不是空对象，空值，虚无

    • 我说，见到了一个空的UFO。空：null
    • 跟我来，来了，手指，指着地上的这个机器，告诉你说，这是一个空的UFO。空：undefined

  • 注意：

    • 描述，空的时候，除了null，其他都要加 类型
      • 空 字符：""
      • 空 对象：{}
      • 空 函数：function(){}
      • 空 数组：[]
      • null：null
      • undefined未赋值：undefined

3.如何检测数据类型

  • 通过typeof关键字，检测数据类型
    • typeof 要检测的数据或变量
      • typeof 变量或数据
    • typeof(要检测的数据或变量)
      • typeof(变量或数据)
    • typeof的检测的结果的数据类型，必然是字符型数据
      • typeof typeof 变量或数据

八、变量

  • 当程序中，需要重复操作某些相同数据的时候，为了方便，可以将数据起个别名，通过这个别名，找到数据，使用，这个别名，就叫变量

  • 语法

    • 通过var的关键字，声明
      • var a;
    • 通过赋值的方式，将数据，存到变量中：一个等号赋值
      • var a = "hello";
    • 将等号右侧的数据，存在左侧的变量中（将等号右侧的数据，起了一个别名叫等号左边的单词）

  • 关键字

    • 被ECMAScript定义了功能的单词

  • 保留字

    • 暂时还没有被ECMAScript定义了功能，但是将来有可能被定义功能的单词

  • 变量名的规则

    • 必须以 字母，_，$ 开头
    • 不允许出现 字母，_，$，数字 之外的内容
    • 不建议使用中文，有兼容，不仅浏览器有兼容，操作系统也会有兼容，在公司中，容易挨揍
    • 尽量语义化
      1. 词必达意
      2. 建议使用当前数据类型的首字母作为前缀
      3. 尽量使用驼峰式
        • 小：从第二个单词的首字母开始大写，常用
        • 大：从第一个单词的首字母开始大写，面向对象中，专用
    • 不允许使用关键字或保留字
      • 诀窍：如果担心是关键字或保留字，可以在单词前加前缀

  • 注意

    • 变量名，千万别加，引号！！！！！！

注意：

1. 命名规范：

  • 文件名，不要以数字开头，不要出现中文
  • 但是课上为了演示方便，为了标记，知识点，临时用用
avatar
文章
阅读
粉丝