• 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》

Javascript 基础知识整理的更多相关文章

  1. JavaScript基础知识整理

    只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...

  2. JavaScript基础知识整理(2)

    15.处理图像 注意:(1)在写js文件时,尽量将函数的声明往后写,将函数调用写在前面,这样能够使代码结构很清晰. (2)一个网页中翻转器一般超过3个,所以使用for循环减少重复使用翻转器代码的次数. ...

  3. JavaScript基础知识整理(1)

    粗略理解,努力入门中 1.在html中引入外部脚本:  <script src="filename.js"></script> 2.注释:  多于一行的长注 ...

  4. JavaScript基础知识整理(1)数组

    第一:创建. 1,var arr= new Array(); //数组为空.长度为0. arr[0]="apple"; arr[1]="orange"; arr ...

  5. javascript基础知识整理(不定时更新)

    1.js中真与假的定义: 真:true,非零数字,非空字符串,非空对象 假:false,数字零,空字符串,空对象(null),undefined 2.使用for循环对json进行循环操作 for(va ...

  6. Kali Linux渗透基础知识整理(二)漏洞扫描

    Kali Linux渗透基础知识整理系列文章回顾 漏洞扫描 网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量 网络流量就是网 ...

  7. Javascript基础知识总结一

    Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...

  8. Kali Linux渗透基础知识整理(四):维持访问

    Kali Linux渗透基础知识整理系列文章回顾 维持访问 在获得了目标系统的访问权之后,攻击者需要进一步维持这一访问权限.使用木马程序.后门程序和rootkit来达到这一目的.维持访问是一种艺术形式 ...

  9. 学习javascript基础知识系列第二节 - this用法

    通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...

随机推荐

  1. Redis集群搭建采坑总结

    背景 先澄清一下,整个过程问题都不是我解决的,我在里面就是起了个打酱油的角色.因为实际上我负责这个项目,整个过程也比较清楚.之前也跟具体负责的同事说过,等过段时间带他做做项目复盘.结果一直忙,之前做的 ...

  2. node环境使用lowdb轻量数据库以及基本用法

    1.安装: npm install lowdb --save 2..引入lowdb,设置表 const low = require('lowdb');  const FileSync = requir ...

  3. 注意力论文解读(1) | Non-local Neural Network | CVPR2018 | 已复现

    文章转自微信公众号:[机器学习炼丹术] 参考目录: 目录 0 概述 1 主要内容 1.1 Non local的优势 1.2 pytorch复现 1.3 代码解读 1.4 论文解读 2 总结 论文名称: ...

  4. Android-SDK接入-YSDK(应用宝1.7.0)

    SDK接入-YSDK(应用宝1.7.0)-2021-01-07 大家好,近期在多渠道打包平台,会定期遇到第三方SDK升级,所以很被动的是,我们也要跟随他们的步伐,及时升级.否则将面临第三方开发者站无法 ...

  5. Beta冲刺——第八天

    这个作业属于哪个课程 https://edu.cnblogs.com/campus/fzzcxy/2018SE1 这个作业要求在哪里 https://edu.cnblogs.com/campus/fz ...

  6. MP(MyBatis-Plus)实现乐观锁更新功能

    实现步骤 step1:添加乐观锁拦截器 MP的其他拦截器功能可以参考官网 @Bean public MybatisPlusInterceptor mybatisPlusInterceptor() { ...

  7. Apache的Mod_rewrite学习(RewriteRule重写规则的语法) 转

    RewriteRuleSyntax: RewriteRule Pattern Substitution [flags] 一条RewriteRule指令,定义一条重写规则,规则间的顺序非常重要.对Apa ...

  8. 使用BigDecimal舍小数取整数

    项目需求说明: 解决WMS系统收货容差问题,例如:SKU的采购数量95件,容差是5,95+95*5/100=99.75,传WMS的数量是99,且容差传零. 参数说明: 其中ROUND_UP:向上取整, ...

  9. NOIP初赛篇——07信息编码表示

    一.基本概念 编码 ​ 计算机要处理的数据除了数值数据以外,还有各类符号.图形.图像和声音等非数值数据.而计算机只能识别两个数字0,1.要使计算机能处理这些信息,首先必须要将各类信息转换成0与1表示的 ...

  10. Spring Security OAuth2.0认证授权四:分布式系统认证授权

    Spring Security OAuth2.0认证授权系列文章 Spring Security OAuth2.0认证授权一:框架搭建和认证测试 Spring Security OAuth2.0认证授 ...