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 ...
随机推荐
- 几种图片下载lib对比
- Haskell 与范畴论
说到 Haskell,这真是一门逼格极高的编程语言,一般初学者如果没有相关函数式编程的经验,入门直接接触那些稀奇古怪的概念,简直要跪下.现在回想起来,隐隐觉得初学者所拥有的命令式编程语言(impera ...
- CSS布局:Float布局过程与老生常谈的三栏布局
原文见博客主站,欢迎大家去评论. 使用CSS布局网页,那是前端的基本功了,什么两栏布局,三栏布局,那也是前端面试的基本题了.一般来说,可以使用CSSposition属性进行布局,或者使用CSSfloa ...
- MyBatis知多少(26)调试
这是很容易,同时与iBATIS的工作程序进行调试. iBATIS有内置的日志支持,并适用于下列日志库,并在这个顺序搜索他们. Jakarta Commons日志记录(JCL). Log4J JDK 日 ...
- 关于win7和xp的屏设置类
DisplayInfo.h #pragma once enum WinVerDef { WIN_VER_UNKNOWN = -, WIN_VER_95 = , WIN_VER_98, WIN_VER_ ...
- Elasticsearch及java客户端jest使用
本文使用Github中的Elasticsearch-rtf,已经集成了众多的插件,例如必须使用的中文分词等,可以简单的通过配置来启用中文分词.本文主要分为以下几部分: 1.配置和启用中文分词: 2.定 ...
- Intel HAXM安装错误处理:(TV-x) is not turned on
Android x86模拟器Intel Atom x86 System Image时提示Intel execute disable bit(xd) is not turned on 运行Elicpse ...
- Android之TextView的Span样式源码剖析
Android中的TextView是个显示文字的的UI类,在现实中的需求中,文字有各式各样的样式,TextView本身没有属性去设置实现,我们可以通过Android提供的 Spannab ...
- Origami – 用于 Quartz 的免费的交互设计框架
Origami 是一个为 Quartz Composer 开发的免费的工具包——由Facebook设计团队创建,让交互设计原型更加简单,不需要编程. 如今,大多数设计师通过创建静态原型来表达要实现的应 ...
- str()和repre()的区别
应用中的区别: %s 就是调用str()——用于显示字符串 %r 就是调用repr()——用于调试时显示 str()一般是将数值转成字符串. repr()是将一个对象转成字符串显示,注意只是显示用,有 ...