关于js的一些基础随笔

JS基础

01、 js

API:别人准备好的东西,我们负责使用。

能够独立写出所有代码。

五天之后说有代码从新写一遍。

十天过后提问。

问题用red标出

02、 js分为三部分、语法、注释(总结)、异步以及同步(简单介绍)、交换两个变量量的值、

命名规范必须遵守、类型转换、运算符、流程控制。

重点

03、 快捷键

 等待添加

04、 浏览器

五大浏览器:chrome、firefox、safari、ie(*)、opera。

浏览器兼容问题(important)

测试只测试这五个(chrome、firefox、ie是重点)。

解析器专门解析代码的。

浏览器有存储数据的能力。保存数据是会删除的。

浏览器有负责联通网络的功能。

浏览器里所有的东西都是画出来的。

05、 JS组成及特点

  1. 组成

三部分ECMAScript-基本的语法对象(语法以及基本对象)

DOM:document object model 文档对象模型(内容的方法和接口)

BOM:broswer object model 浏览器对象模型(交互的方法和接口)

  1. Js是一门脚本(代码不需要编译(把代码转换成计算机所认知的二进制)直接执行、边解析一边执行的)、弱类、动态类型、解释性语言。

Int num=10;  double num2=20.9;强制类型语言。

Var num=10;弱类型语言。

动态类型:认知当前的这个变量到底是什么类型。

跨平台性。

可以直接镶嵌到html中。

JS----livescript

JS与JAVA无关系

正式名称ECMAScript

06、 最初目的:解决浏览器与服务器的交互问题(例如:验证密码)

现在:特效、游戏、移动开发。

07、 HTML作用展示信息。

Css是美化页面。

JS实现浏览器和服务器交互,有计算和交互的能力。

08、 可以直接在记事本直接写。

JS点出来的东西未必能用,点不出来的东西或许可用。(对象)

动态语言:在运行时确定类型。

09、 注意事项:

  1、 声明变量有大小写之分

  2、 弱类型语言声明变量都用var

  3、 字符串用单引号或者双引号(JS中的单双引号都表示字符串。推荐用双引号。和DOM结合的时候用单引号)

  4、 每行代码结束用分号

10、 注释 单行注释//

多行注释/**/

HTML <!---->

css /**/

11、 JS的代码:在script标签中写,可以写在html页面的任何位置,一般放在body标签里面。提升用户体验(script在页面中可以存在多对。)

12、 Script使用

  1. 内联,嵌入在html标签中
  2. 内部引用,在页面中写js代码
  3. 外部引用,<script src=”..”>

13、 如果在script标签中代码出错了,或影响该对的代码执行,不会影响后面的代码执行。

不要在引入外部的JS中写代码。

内联样式不易于开发。

14、 异步以及同步

同步:一个人有顺序的做多个事(一行一行去显示)

异步:多个人做多件事  async (一面加载就开始下载文件,下载完毕后立刻执行执行与下载一起)  defer (全下载完在执行) 他们属性的值就是自己,一般在html中如果属性的值就是自己,值可以省略。

H5中可以省略写type=“javascript”

15、 变量交换(3种)

  1、 第三方变量的方式

var num1=10;

var num2=20;

var temp=num1;

num1=num2;

num2=temp;

console.log(num1,num2);

  2、使用减法

var num1=10;

var num2=20;

num1=num1+num2;

num2=num1-num2;

num1=num1-num2;

console.log(num1,num2);

  3、位运算

var num1=10;

var num2=20;

num1=num1^num2;

num2=num1^num2;

num1=num1^num2;

console.log(num1.num2);

不同为一相同为零

16、 变量名的规范(必须遵守)

有字幕下划线或者$开头,中间包含字母、下划线、$、数字组成。(尽量不要以$开头)

变量名要有意义,最好用单词,如果单词不会用拼音,千万不要用简写。

变量名都是小写的,多个单词组合用驼峰法。

识别变量声明是否正确:变量声明可以一次声明多个。先声明后赋值也是合法的。

变量的初始化:声明变量在赋值。

17、 数据类型:js当中的原始数据类型“Number,String,Boolean,Null,undefined,Object”

Null和undefined只有一个值就是他们本身,

Boollen:true 和false  1或者0  真或者借var sex=1;//男  var sex=0;//女

未定义时或者没有明确的返回值,变量的值为undefined。

显示变量的类型:typeof 变量名  typeof(变量名)

如果想要使用变量,最好先判断这个变量的类型是不是null或undefined

typeof输出的是字符串。

Number类型:如果一个变量的值  8/10/16进制(16进制有字母0xa)020(0开头代表八进制)

不要用小数验证小数。

Js有最大值最小值

String:可以用单双引号。字符串有不可变性。(讲字符串对象的时候配合堆内存空间讲解)  string.length字符串长度(空格也算个长度)(\想显示出来可以加一个\变为\\   \t代表对齐,有四个空格的位置。显示不出来。)

18、 转译符

19、 字符串拼接(str1+str2)(一个字符串加一个数字也是拼接、一个数字减一个字符串(里面是数字)为数字)。

20、 Boolean类型

Ture 和 False

console.log(Boolean());

数字非0转boolean为true,0为FALSE

非空字符串转boolean为true,空字符串为false,空格为true

Underfined和null也为false

对象也为true。

流程控制语句用boolean类型

当一个变量没有赋值(undefined)(当一个变量声明了没有初始化)boolean为false

21、 数据类型转换(需要这种值需要转换)

  1、 其他类型转数字类型

Number(变量) 只认数字,并去掉前面的0。

parseInt(变量)数字开头可以转换(变为整数)。非数字为NaN  true为NaN。

parseFloat(变量)同上,自动把前面的0去掉。

小数转整数不要干,容易丢失数据。

  2、 其他类型转字符串类型

为了拼接显示输出

变量.toString();

String(变量);用这个

Null也不可以用第一种方式转换为字符串,但第二种方式可以。

Undefinded无法转换字符串。

3、 其他类型转Boolean类型

22、 算数运算符+-*/%

首先是一个表达式,由算数运算符连接起来的表达式

一元运算符++  --  num++ ++num由一元运算符连接起来的表达式(只有一个操作数就可以运算)

var num=10;

var num2=num1++ +10;(后++,先运算后加1////先++,先加1后运算)

二元运算符:由二元运算符连接起来的表达式

三元运算符: 。。。?。。。 :。。。

什么表达式就是用什么运算符链接起来的表达式

23、 复合运算符

var num=10;

num+=5;    num%=3

console.log(num);

24、 比较运算符<><=>= == === != !==

比较运算表达式的结果是布尔类型

25、 逻辑运算符&&  ||  !如果用了逻辑运算符则为布尔类型

逻辑运算表达式(可以掺杂比较运算表达式)的结果是布尔类型

&&属于短路操作,如果前面的表达式为false则直接为false

结果为object

26、 运算符的优先级

27、 流程控制(控制代码执行的顺序)三种基本结构

  1、 顺序结构:从上到下,从左到右(从右到左)

  2、 分支结构if、if-else 、switch-case、三元表达式

  A、If语句(执行过程:先判断表达式的结果是true还是false,如果是true则执行里面的代码,否则执行后面的内容)

  B、If-else(if(表达式){

  代码1

  }else{

  代码2

  }如果为true则执行代码1,否则为代码2)

  C、三元表达式(表达式1?表达式2:表达式3;)

  D、if-else if(if-else可以有多个)  

28、 注释

单行注释一般在一行上面就可以

多行注释一般是函数、方法、构造函数上使用

时间: 2024-10-18 18:37:53

关于js的一些基础随笔的相关文章

Angular JS从入门基础 mvc三层架构 常用指令

Angular JS从入门基础  mvc模型 常用指令 ★ 最近一直在复习AngularJS,它是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的是:MVC.模块化.自动化双向数据绑定.语义化标签.依赖注入等等. 1.常用指令 AngularJS 通过指令扩展了HTML,且通过表达式绑定数据到 HTML.下面我们看一下AngularJS中的常用指令. (1).基本概念 指令:AngularJS中,通过扩展HTML的属性提供功能.所以,ng-

JS DOM 编程艺术 随笔

DOM 最大的作用就是将整个文档通过节点树来展现.通过类似方法可以获取特定节点,并绑定js方法实现与人的交互. 1.通过dom方法,获取页面的元素(getElementsByTagName/id,通过class(getAttribute))2.获取元素之后,为他们绑定行为(点击/其他)的处理事件3.最后把所有函数绑定到window.onload()函数上面去 onload = function(){function1function2...} plus 小技巧: <a onclick=>函数

JS基础随笔

在学习的过程中总会一次次的冒出以前囫囵吞枣的地方,下面将今天学到的一下知识点记录下来方便以后查看. JavaScript中的数据类型 简单(基本)数据类型:Number.String.Boolean.Undefined.Null 复杂(引用)数据类型: Object.Array.Date.function等 下面介绍一下简单(基本)数据类型和复杂(引用)数据类型的区别: 简单数据类型:在栈内直接存储值,如下图所示                                          

JavaScript(JS)语言的基础知识

JavaScript(JS)它是一门强大的语言,但是JavaScript(JS)不能去单独操作数据库.我们要知道它的输出语法有3中,本别是alert(""),confirm("")和prompt("").变量,var a=1000;var b=10.5;var c=d:这个写法是错误的,因为这样写"d"是未定义,计算机把它当做了变量,然后在执行中发现"d"未定义,所以报了错误,正确写法要把"d&q

Js函数function基础理解

正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定义方式(见下文)之外,还有一种定义的方式能更直观的体现出这个概念: var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐 Function的构造函数可以接收任意数量的参

js入门——Dom基础

DOM=DocumentObject Model,文档对象模型. Dom有三个不同的部分. 1.核心DOM 也是最基础的文档结构的标准模型 2.XMLDOM 针对XML文档的标准模型 3.HTML DOM 针对HTML文档的标准模型 对于一个新生程序员来说.HTML是什么,其实并不重要.但是都知道.html文件,可以用浏览器打开. HTML和XML,基本相同.只不过是,HTML中节点 标记,是预先定义好的.而XML中的节点,由文档的作者定义.所以XML是可扩展的. HTML: 超文本标记语言.主

js自学笔记—— 基础部分一

前言:js由三部分组成,1. 核心(ECMAScript),语法标准    2.文档对象模型(DOM)    3.浏览器对象模型(BOM) JavaScript 的核心语言特性在ECMA-262中是以名为ECMAScript的伪语言的形式来定义的.ECMAScript中包含了所有基本的语法,操作符,数据类型以及完成基本的计算任务所必需的对象,但没有对取得输入和产生输出的机制作出规定. 1.在web中引入js <script></script>    使html与js混合 defer

最新短视频网站实战教程 node.js+ES+Koa2基础到精通项目实战课程

下载地址:百度网盘下载 node.js+ES+Koa2项目实战课,课程目录很多,只展示了主要章节课程目录第1章 2018 年的编程姿势1-0 课前必看.mp41-1 koa2导学.mp41-2 安装跟进最新 node.js 版本.mp41-3 毫不犹豫的使用promise.mp41-4 使用babel 编译es7 async function.mp4 第2章 必会 ES6-7 语法特性与规范2-0 课前必读.mp42-1 生成器函数.mp42-2 co 库执行 promise 和 generat

实战 node.js+ES+Koa2基础到精通项目

node.js+ES+Koa2项目实战课,课程目录很多,只展示了主要章节课程目录第1章 2018 年的编程姿势1-0 课前必看.mp41-1 koa2导学.mp41-2 安装跟进最新 node.js 版本.mp41-3 毫不犹豫的使用promise.mp41-4 使用babel 编译es7 async function.mp4第2章 必会 ES6-7 语法特性与规范2-0 课前必读.mp42-1 生成器函数.mp42-2 co 库执行 promise 和 generator function.m