javascript基础系列(入门前须知)
-----------------------小历史----------------------------
javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借助java的影响力,将
名字改为javascript。
要说的是,学习javascript和学java大致相同,学完javascript你差不多也能掌握,java的大致基础
所以在选择学习语言之前,要清楚一个要点,就是这两个语言的学习反馈机制。
什么是反馈机制?简单的说:“就是学习语言时,它给你的回馈是否会让你有成就感,如果只是文字的简
单变化,这种就是反馈不够强烈,而如果是视图的变化,javascript,有HTML-css的配合容易让成就感升高”
选择一门零基础入门的语言时,我推荐javascript,毕竟我当时零基础入门学的是java那个枯燥乏味真
是不好受,关键就是它的反馈太简单,同样的几段代码,在javascript中就动感多了。
当然,在学习javascript之前花个三四天,学习一下HTML-CSS很有必要而且也不难三四天差不多就入门
了,不过我不推荐去W3C官网学习,那地方不适合用来学习,只适合找资料查兼容性,
----------------------简单了解-------------------------------
ECMAScript:
- 翻译,
- 核心,
- 解释器,
- 也就是现在React中所说的 ES6语法,作者没有深入了解(希望指正)。
DOM: 特别重要的一个知识点,但前期学习会相对枯燥。
- document
- 操作HTML的能力
BOM:
- 浏览器
- window
ECMAScript 几乎没有兼容性问题
DOM 有一些操作不兼容(最常用,最应该学习了解)
BOM 没有兼容性问题(完全不兼容),很少使用它,几乎不用
-------------------------------所有编程语言共有的特性-----------------------------
此文不做展开,之后会附近链接,以下所有都将另开一篇针对性的文章进行深入讲解。
变量类型: 数字类型、文字类型....下文另做讲解
运算符:加减乘除
赋值: 等于谁谁谁
关系: 大小对比,类型对比
逻辑: 并且、或者、反选(与或非)
判断语句: 如果(真的){就这样做}、不然(假的){就那样做} , if 、else
循环语句:for循环,while循环
数组: 数据的集合
面向对象语言:对象、封装、继承。与函数类似更加灵活。
函数、方法:可以包含以上所有语句的功能块。
标准库:功能集,封装了如:获取当前时间、对数字处理,对文字处理等等这样功能集(另开一篇细讲)。
-------------------------------JavaScript特有的功能特性-------------------------------
DOM节点:document节点(操作HTML元素)、getElementById(指定HTML元素),他们俩是相辅相成的,一个操作一个指定(之后在做展开)。
浏览器对象:使用较少之后可能会讲解!
基于JS开发的框架:
- jQuery:
- 老牌常用框架,轻量级,低版本jQuery支持所有浏览器
- 简化了JavaScript开发
- 强大的操作CSS能力
- 可以把它当做JavaScript库,功能集。
- AngularJS:
- 减少很多重复劳动
- 数据是它的核心,把焦点放在数据上。
- 双向数据绑定如:在输入框输入数据,数据直接就在显示框中显示。
- React:
- 目前火热异常。
- 核心为组件化开发,极大的提高了代码复用性,写一次可使用多次,并且不出问题。
- 跨平台的React Native,不至于前端,必须进军移动端。
---------------------------本章结语----------------------------------
这将会是一个系列的文章,不能保证连续性的更新,还有作者真心的希望,能够得到读者的反馈,这样我才有动力写下去啦。
我希望能将它们一个个点亮。你对下面这样排版有任何建议请告诉我。
javascript基础系列(变量与类型)
javascript基础系列(运算符)
javascript基础系列(逻辑)
javascript基础系列(判断)
javascript基础系列(循环)
javascript基础系列(数组)
javascript基础系列(函数)
javascript基础系列(对象)
javascript基础系列(标准库)
javascript基础系列(DOM节点)
javascript基础系列(入门前须知)的更多相关文章
- 【JavaScript基础系列】决定你的人生能走多远的,是基础。
前言 javaScript门槛非常低,一点语法,一个dom,一个bom就可以使用它开发大部分js应用,再加上现在层出不穷的框架极大的简化抽象了javaScript的使用方式,但是我们始终不能忘记的一点 ...
- JavaScript基础系列
JavaScript基础系列 JavaScript是一种基于对象和事件驱动的客户端脚本语言. JavaScript的注释 // 单行 /**/ 多行注释 JavaScript变量,函数名和操作符都是区 ...
- JavaScript基础系列目录(2014.06.01~2014.06.08)
下列文章,转载请亲注明链接出处,谢谢! 链接地址: http://www.cnblogs.com/ttcc/tag/JavaScript%20%E5%9F%BA%E7%A1%80%E7%9F%A5%E ...
- JavaScript基础系列(变量与类型)
以下内容将JavaScript简称为JS 打开本文时不管你是零基础的初学者还是其他语言的老兵,我都想说程序语言的基础支撑起了整个网络世界,不把这些基础学透之后稍复杂的内容会让你寸步难行. 现在先给编程 ...
- Javascript基础系列之(三)数据类型 (字符串 String)
javascript一共有9种数据类型 字符串 String 数值型 Number 布尔型 Boolean 未定义 Undefine 空值 Null 对象 Object 引用Refernce 列表型 ...
- Javascript基础系列之(六)循环语句(while语句)
循环语句的作用是反复的执行同一段代码,尽管分几种不同的类型,但其原理几乎相同:只要给定的条件满足,包含在循环体内的语句会不断执行,一旦条件不再满足则终止. while循环是前测试循环,这意味着是否终止 ...
- Javascript基础系列之(一)JavaScript语法
javascript的语法 1.区分大小写 javascript中,变量.函数.运算符都区分大小写. 2.弱类型变量 定义变量只用 "var"关键字 var age = 25; v ...
- Javascript基础系列之(二)变量
javascript 中变量通过var关键字(variable)来声明的. var school = "beijingyizhong" 也可以通过var 关键字给变量多个值. va ...
- Javascript基础系列之(三)数据类型 (数值 Number)
javascript中想限定一个数的数值,无需限定它是整数还是浮点数型 var num1 = 80 ; var num2 = 55.51; var num3 = -34; var num4 = 9e5 ...
随机推荐
- mysql 性能优化 配置优化
http://download.csdn.net/album/detail/1397/2
- java 时间转换
public static int timestrtosec(String time) { if (Strings.isNullOrEmpty(time)) { r ...
- Spring3 MVC入门示例
Spring3 MVC 介绍: 1. Spring MVC 是Spring 框架的Web组件,能够开发WEB工程 2. 能与其它框架(Struts2)很好的集成 3. Spring MVC 是以se ...
- Java -- 根据当前日期获取当前一周的所有日期
Learn From:http://my.oschina.net/hermer/blog/151274 /** * 测试 * @param args */ public static void mai ...
- Appium移动自动化测试(三)--安装Android模拟器
当Android SDK安装完成之后,并不意味着已经装好了安装模拟器.Android系统有多个版本,所以我们需要选择一个版本进行安装. 第三节 安装Android 模拟器 我这里以Android 4 ...
- 使用 GistBox 轻松组织和管理你的代码片段
GistBox 用简便的方式来组织和管理代码片段.你的代码会保存到云端进行备份,再也不用担心迷失在杂乱的代码片段中.GistBox 是建立在标准的 HTML5 技术基础上.在旅途中或在办公室,你都可以 ...
- Linux内核知识
版本 linus树 Linux内核最初创始人--Linus Torvalds管理一个Linus树,linus树也称为主线(mainline).一般指的upstream,"上游",也 ...
- Jcrop简单实用
今天有一个项目的功能需求 “在上传照片的时候能进行裁剪”,网上找了下,发现有Jcrop这款插件,自己试了下,感觉很不错,蛮好用的.又能增加用户体验,测试了兼容性也很好,所以在这里分享下 首先,可以到官 ...
- css样式表和选择器的优先级以及position元素属性值的区别
css样式表优先级 问题:当同一个HTML元素被不止一个样式定义时,会使用哪个样式呢? 答:一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字4拥有最高的优先权. 1.浏览器缺省 ...
- JS Array ECMAScript5 Methods
JavaScript 的新版本(ECMAScript 5)中,为数组新增了一些方法.这些方法包括: forEach(f [,o]): 此方法类似于for/in循环,其作用是遍历整个数组并执行函数的某些 ...