Javascript基础知识整理

xiaoxiao2021-02-28  9

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》

学习路线预推荐书籍引用自作者 :宁哥1455153071 文章地址:-http://www.jianshu.com/p/cba0eeba2371 <怎么轻松学习javascript>
转载请注明原文地址: https://www.6miu.com/read-450225.html

最新回复(0)