Javascript 基础知识整理

  • Javascript的作用

表单验证,减轻服务器压力
添加页面动画效果
动态更改页面内容
Ajax网络请求(异步加载数据)
—它属于前端的核心,主要用来控制和重新调整DOM,通过修改DOM结构,从而达到修改页面效果的目的。

  • Javascript组成部分

ECMAscript,DOM,BOM

  • ECMscript脚本程序语言

语法 标准:语法,变量和数据类型,运算符,逻辑控制语句,关键字,保留字,对象。

  • Javascript执行原理

①浏览器输入发送请求给-> ②:客户端请求包含JS的页面–>③:从服务器端下载含javascript的页面->返回响应①

  • Jacascript的使用方法

简短缩写方式
<input type="button" value="点击" onclick="javascript:alert('哈哈哈')"/>
HTML页面内嵌javascript代码
<head>
<meta charset="UTF-8">
<title>JS使用方式2,内部JS</title>
<script type="text/javascript">
//声明一个函数
function surprise(){
alert('哇哈哈')
}
</script>
</head>

外部javascript文件
<script src="../../test.js" type="text/javascript" charset="utf-8">
</script>

  • Javascript变量的声明
  • -

先声明变量在赋值
用var width; width=8;
var – 于声明变量的关键字
width – 名变量名
同时声明和赋值变量
var catName=”皮皮”; var x,y,z=8;
不声明直接赋值
width=6;

  • 变量名的命名规则
  • -

使用字母,数字,下划线,$符号这四种方式
数字可以出现在名字当中,但是不能出现在第一个位置
区分大小写
关键字不能作为变量的名称

  • 数据类型
  • -
  undefined  ---未定义
  Null   ---()null
  boolean  ---布尔值   (true和false)
  number  ---(整型和浮点型
               NaN:非数值(not a number)
               isNaN:用来判断这个值到底是不是NAN
               转换函数
               number():转换任何类型
               parselnt():将字符串转换为 数值
               parseFloat():将字符串转换为数值)
  srting   ---字符串
  object(复杂数据类型)  ---对象或NULL
  function  ---函数
  • 表达式
  • -
  运算符、变量、常量、函数构成的算是
    表达式类型取决于运算结果
运算符
 +、、*、/、%、++、--
赋值运算
 = += -= *= /= %=
关系运算
 ==、!=、>、<、>=、<=
条件运算符(多目运算)
a>b?true:false

位运算符、逻辑运算符
&、|、~ &&、||、!
位移运算符
<<带符号左移、>>带符号右移、>>>无号右移

  • Javascript学习路线:
  • -
 A:js基础部分,如:定义变量、函数、数组、字符串等的处理,内置函数、内置对象等;
 B:js面向过程编程思想,封装出各个函数,试着用这些去做一些常见的小功能,如:选项卡、自定义多选按钮、自定义播放器、3D幻灯片;
 C:js面向对象编程思想,试着去封装一些你自己的对象,提供出有意义的接口出来;
 D:学了上述的内容,然后学常用的库,这里必须学jquery;
 E:学基于jquery之上的常见插件,如:bootstrap,Layer,富文本编辑器等;
 F:综合应用上面的多种库写实际项目的模板,多写几套。
  • Javascript学习推荐书籍

Javascript推荐书籍
《JavaScript DOM编程艺术》
《JavaScript权威指南》
《javaScript DOM高级程序设计》
《JavaScript设计模式》
《锋利的jquery》

原文地址:https://www.cnblogs.com/aixing/p/13327809.html