×

javascript基础教程

javascript基础教程(JavaScript基础教程莫振杰这本书)

admin admin 发表于2023-04-08 15:14:10 浏览73 评论0

抢沙发发表评论

本文目录一览:

javascript什么意思

JavaScript简称js,是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。

JavaScript同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape)的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。

特点

1、JavaScript可以创建活跃的用户界面,当用户在页面间导航时向他们反馈。

2、使用JavaScript来确保用户以表单形式输入有效的信息,这可以节省业务时间和开支。

3、JavaScript还可以处理表单,设置cookie,即时构建HTML页面以及创建基于Web的应用程序。

4、使用JavaScript,根据用户的操作可以创建定制的HTML页面。

HTML5开发需要学习哪些内容

关于Web前端学习的必经阶段。正在从事Web前端学习的小伙伴们来和小伙伴们一起看一看吧。希望能够对大家有所帮助!

第一阶段:

● HTML+CSS:

HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、

● JavaScript基础:

Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。

● JS基本特效:

常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。

● JS高级特征:

正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、

● JQuery:基础使用

悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。

第二阶段:HTML5和移动Web开发

● HTML5:

HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas.

● CSS3:

CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。-javascript基础教程

● Bootstrap:

响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。

● 移动Web开发:

跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。

第三阶段:HTTP服务和AJAX编程

● WEB服务器基础:

服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。

● PHP基础:

PHP基础语法、使用PHP处理简单的GET或者POST请求、

● AJAX上篇:

Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。

● AJAX下篇:

JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现瀑布流案例额。

第四阶段:面向对象进阶

● 面向对象终极篇:

从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。

● 面向对象三大特征:

继承性、多态性、封装性、接口。

● 设计模式:

面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。

第五阶段:封装一个属于自己的框架

● 框架封装基础:

事件流、冒泡、捕获、事件对象、事件框架、选择框架。

● 框架封装中级:

运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。

● 框架封装高级和补充:

JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。

第六阶段:模块化组件开发

● 面向组件编程:

面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。

● 面向模块编程:

AMD设计规范、CMD设计规范、RequireJS,LoadJS、淘宝的SeaJS。

第七阶段:主流的流行框架

● Web开发工作流:

GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。

● MVC/MVVM/MVW框架:

Angular.js、Backbone.js、Knockout/Ember。

● 常用库:

React.js、Vue.js、Zepto.js。

第八阶段:HTML5原生移动应用开发

● Cordova:

WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目,配置,编译,调试,部署发布)。

● Ionic:

Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新,上拉加载,侧滑导航,选项卡)。

● React Native:

React Native简介、React Native环境配置、创建项目,配置,编译,调试,部署发布、原生模块和UI组件、原生常用API。

● HTML5+:

HTML5+中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5+开发和部署。

第九阶段: Node.js全栈开发

● 快速入门:

Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程,非阻塞I/O、模块概念,模块管理工具、开发流程,调试,测试。

● 核心模块和对象:

全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO。

● Web开发基础:

HTTP协议,请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。

● 快速开发框架:

Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。

● Node.js开发电子商务实战:

需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车,订单结算、在线客服即时通讯模块。

java script学习方法

先学习语法基础 跟vb语言有点类似 学习步骤可以按下面来:

一、在页面中怎么添加javascript

script language=”javascript” //这行是javascript脚本标记,斜杠后面的就是注释了

document.write(”在页面显示的javascript”) //在页面显示一句话

/script

/*这也是注释*/

二、javascript的数据类型

1、字符串(string):字符串就是由一连串的字符组成的序列。包括字母、数字以及标点符号。当然还可以是汉字等。简单一点就是表示文本信息。

2、数字(number):数字又分为两类:整型数字和浮点型数字。

整数包括正整数,零和负整数。

javascript中的数字可以使用十进制、八进制和十六进制来书写。方法如下:

十进制:15(直接写数字即可)

八进制:017(要以零做为引导数字)

十六进制:0xf(要以0x做为引导数字)

浮点型数字也叫实数,为了方便,也可以使用科学记数法来表示:

1.13e1、1.5e3(等价于1.5乘10的3次方)

javascript的数字范围大约为10的负308次方到10的308次方之间。

javascript中还有一个特殊的数字值NaN(not a number),javascript 用nan表示这个无意义的结果。

3、布尔值(boolean):true和false,在计算机中一般用1表示true,用0表示false。

三、alert()方法的使用:

script language=”javascript”

alert(”在页面上显示警告对话框”);

/script

alert()是javascript产生一个带确认按钮的对话框,上面显示括号内的信息。

四、confirm()方法的使用:

script language=”javascript”

confirm(”在页面上显示确认对话框”);

/script

confirm()和alert()差不多,不同的就是多了个取消按钮。按确定返回true,按取消返回false。

script language=”javascript”

var con;

con=confirm(”你们喜欢这样的教程吗?”);

if (con==true) alert(”喜欢”);

else alert(”不喜欢”);

/script

五、prompt()方法的使用:

script language=”javascript”

var name,age;

name=prompt(”请问您的名字?”);

alert(name);

age=prompt(”多大?”);

alert(age);

/script

它不但可以显示信息,而且可以输入信息。

六、javascript变量

用var加上为变量指定的名称来声明变量,变量类型可以通过给变量赋值来确定。由于javascript采用的是弱类型的样式,对数据类型要求不太严格,在程序执行的过程中,会根据需要自动转换。

字符串变量,可以通过“变量名.length”来获得该变量中字符串的长度,如

var name;

name=”javascript”;

那么name.length的值就是10。

若在一行中创建多个变量时,记住用逗号来隔开变量名。各语句用分号隔开。(使用分号是个好习惯, 大家在学习的时候尽量养成加分号的习惯)

类型转换:javascript允许在程序中改变变量的类型,最常见的两个类型转换符Number和String。

Number(x)是字符型值——〉数字值型。String与之相反。相对于javascript的自动类型转换,可以将这种转换成为强制类型转换。(强制类型转换需要在javascript1.2及以上版本才可以使用)-javascript基础教程

变量的命名:

1.必须以字母或下划线开头,中间可以有字母数字和或下划线。不能使用空格、+、-等其他符号。

作为连字符外,变量名称不能有空格、(+)、(-)、(,)或其它符号。

2.不能使用JavaScript中的关键字作为变量。

(javascript变量名是区分大小写的,name和Name是不一样的。)

对于变量还有一个重要性──那就是变量的作用域。在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外,其作用范围是整个函数;而局部变量是定义在函数体之内,只对其该函数是可见的,而对其它函数则是不可见的。-javascript基础教程

如果局部变量和全局变量重名,则局部变量优先。js没有块级作用域。函数中声明的所有的变量,作用域是相同的。

变量的类型规则

javascript是无类型的,他的变量可以放任何数据类型的值。

变量的声明

在javascript程序中,在使用变量之前,必须先声明它。变量是使用关键字var声明的。而实际上,不一定要先声明变量,在某些情况下,变量声明是可选的。

var i;

var sum;

也可以使用一个var关键字声明多个变量;

var i,sum;

而且还可以将变量声明和变量初始化绑定在一起:

var message = ‘hello’;

var i = 0,j=0,k=0;

由var声明的变量是永久的,因为各浏览器对是否可以删除全局性的变量的态度是不同的,(都可以删除局部变量)为了安全,最好假设全局变量不可删除。

可以使用var多次声明同一个变量,当你给一个没有声明的变量赋值时,js会自动用哪个变量为你创建一个全局变量。如果你想在函数内部创建一个局部变量。那就必须用var在函数内部声明。

七、javascript表达式和运算符

表达式:在定义完变量后,就可以对它们进行赋值、改变、计算等一系列操作,这一过程通常由表达式来完成,可以说它是变量、常量、布尔及运算符的集合,因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。-javascript基础教程

1.算术运算符:+(加) 、-(减)、 *(乘)、 /(除)、 %(取模) -(取反)、++(递加1)、–(递减1)。

例:11%2=1 ; 如果x=2 ++x+4=7 x+++4=6(++x是先执行加1,x++是执行完语句之后x在自加1)

例子:

script

var i=0, j=0;

alert(i++ + ” ” + ++j + ” ” + i);

// 输出 “0 1 1”,可见i++是先输出了i,然后进行运算,而++j是先对j进行了自加运算,然后输出j的值

/script

2.比较运算符:(小于)、(大于)、=(小于等于)、=(大于等于)、==(等于)、!=(不等于)

(基本操作过程是,首先对它的操作数进行比较,然后再返回一个true或False值。)

3.逻辑运算符:!(取反)、=(与之后赋值)、 (逻辑与)、 |=(或之后赋值)、 |(逻辑或)、^=(异或之后赋值)、 ^(逻辑异或)、 ?:(三目操作符)、||(或)、 (与)==(等于)、|=(不等于)。-javascript基础教程

4.字符串运算符:只有+ (”my“+”javascript“结果等于”my javascript“)

5.赋值运算符:即=,将右边的值赋给左边的变量。

6.条件运算符:(?:)例:status=(age=18)?”adult”:”child”;如果大于18,则表达式的值为adult。

7.typeof()运算符:用来返回变量或数据的类型。

八、IF语句。

if (条件)

语句段1

else

语句段2

功能:若表达式为true,则执行语句段1;否则执行语句段2。

说明:

if -else 语句是JavaScript中最基本的控制语句,通过它可以改变语句的执行顺序。

表达式中必须使用关系语句,来实现判断,它是作为一个布尔值来估算的。

它将零和非零的数分别转化成false和true。

若if后的语句有多行,则必须使用花括号将其括起来。

九、window.com()的用法

1、基本语法

window.open(pageURL,name,parameters)

其中:

pageURL 为子窗口路径

name 为子窗口句柄

parameters 为窗口参数(各参数用逗号分隔)

2. 窗口参数

其中yes/no也可使用1/0; value为具体的数值,单位象素。

toolbar=yes,no 是否显示工具条

location=yes,no 是否显示网址栏

directories=yes,no 是否显示导航条

status=yes,no 是否显示状态条

menubar=yes,no 是否显示菜单

scrollbars=yes,no 是否显示滚动条

resizable=yes,no 是否可以改变公告窗口大小

copyhistory=yes,no 是否显示历史按钮

width=value 公告窗口的宽

height=value 公告窗口的高

left=value 公告窗口的左上顶点距屏幕左边100像素

top=value 公告窗口的左上顶点距屏幕顶端100像素

例:

script language=”javascript”

!–

window.open(”00000.html”,”newwindow”,”toolbar=no,location=no,directories=no,status=no,menubar=no,

scrollbars=no,resizable=no,copyhistory=no,width=500,height=500,left=100,top=100″) //–

/script

十、for循环。另外就是数据类型。既for in

将字符串转换为数值:

javascript语言提供两个内置函数将表示数值的字符串转换为真实的数值:parseInt()和parseFloat()。

为了使用这些函数,需要将进行转换的字符串作为参数传入函数,例:

parseInt(”42″) //result=42

parseInt(”42.33″) //result=42

不过是浮点数还是整数,函数返回的值都是整数。不存在四舍五入,小数点和它后面的数字将被舍弃。

而parseFloat()则返回浮点数(如果是整数就返回整数),例:

parseFloat(”42″) //result=42

parseFloat(”42.33″) //result=42.33

如果在某处需要进行字符串的转换,只需将函数插入该初即可。如:

3+3+parseInt(”3″) //result=9

将数值转换为字符串:

虽然当遇到表达式中含有混合数据类型时,js会倾向于字符串。但为了防止潜在的问题发生,最好先转换以下。在数值中加入空字符串就可以把数值转换为字符串了:

(”"+2500) //result=”2500″

(”"+2500).length //result=4

For循环:

javascript中最常用的循环结构称之为for循环,关键词放在循环结构的开始位置。正式语法结构如下:

for ([initial expression];[condition];[update expression]){

statement[s] inside loop

}

例:

for(var i=0;i9;i++)

{

n+=i

myfunc(n)

}

for…in循环:

这个语句完全依照变量var所设定的值决定运行次数。你可以用for…in语句在一个对象或一个数组上建立循环

for(var in [obj | array])

{

statements

}

例:

script language=”javascript”

document.write(”The properties of the document object”)

for(var element in document){

document.write(element+”=”+document[element])

}

/script

十一、鼠标事件

主要内容就是基于鼠标的事件,有如下几种:

1.mouseover(鼠标移至)

2.mouseout(鼠标移出)

3.mousemove(鼠标移动)

4.mousedown(鼠标按下)

5.mouseup(鼠标弹起)

6.click(单击)

7.dblclick(双击)

例子:

html

head

titletest/title

script language=”javascript”

function text_onmouseover(){

mytext.style.fontSize=”30pt”;

mytext.style.color=”red”;

mytext.style.fontStyle=”italic”;

}

function text_onmouseout(){

mytext.style.fontSize=”20pt”;

mytext.style.color=”blue”;

mytext.style.fontStyle=”normal”;

}

/script

/head

body

p id=mytext onmouseover=”text_onmouseover()” onmouseout=”text_onmouseout()”;/p

p看看字体样式有什么变化/p

/body

/html

8.mouseDown事件和mouseUp事件

大家知道,mouseDown事件和mouseUp事件的组合就是click事件,但是如果在链接上按下鼠标,并移到链接之外在放开鼠标,那么就只有mouseDown事件了。这两个事件可以增加图标按钮的图像效果,-javascript基础教程

至于mouseDown和mouseUp的属性,它们是伴随着Click事件发生的,这和keyPress事件是keyDown事件和keyUp事件组合而成的机制是一样的,这3个鼠标事件也有modifier属性。-javascript基础教程

(注意:如果在onClick事件处理中使用return语句,它可以接收任何数值。只要这个值不是False,浏览器就可以完成提交。但如果浏览器得到的是False值,表单提交操作就会被取消。)

9.Click事件和dbClick事件

onClick是单击事件,onDblClick是双击事件,而实际上很难分清连续的单击和双击。它们会互相干扰。而且在ie和其他浏览器的情况还有不同。有的浏览器是双击事件的每一次单击都会触发单击事件,而在ie中,只有双击事件的第一次单击会触发单击事件。不管怎么样,单击事件都不会自动的取消或被忽略。因此,如果想使用单击和双击一个链接时触发两个完全不同的过程,则必须通过编程来延迟单击的动作知道双击。-javascript基础教程

script

var timer=null;

document.onclick=new Function(”timer=setTimeout(click,500)”)

document.ondblclick=new Function(”clearTimeout(timer);dblclick()”)

function click(){

alert(”click”)

}

function dblclick(){

alert(”dblclick”)

}

/script

十二、javascript函数.

函数是有function加函数名和一对带有参数括号,以及大括号组成的,其中大括号里是主体javascript语句.

例:

function hanshuname(js) //hanshuname是函数名.

{

document.write(js,”br”); //是函数的主体语句.

}

函数可以嵌套,如下:

function qiantao(a,b){

function lqiantao(x){return x*x;}

return Math.sqrt(lqiantao(a)+lqiantao(b));

}

函数还可以作为数据来应用,因此可以象处理其他数据那样来处理函数,如:赋值,存储,传递等.

例:

function zhi(x){return x*x;}

实际上,函数名没有什么意义,不过是保存函数的变量名而已.

a=zhi(6);//a存放的是数字36;

b=zhi;//现在b和zhi引用同一个函数.

c=b(5);//c存放的是数字25.

在一个函数体内,标识符arguments总是具有特殊含义,它是调用对象的一个特殊属性,用来引用实际参数对象.这个实际参数对象具有大量有用的属性.除此之外,它还兼有数组的角色.

尽管定义javascript函数时都有固定的参数,但调用这个函数时,传递给它的参数数目却可以是任意的,数组arguments[]允许完全存取那些实际参数值.另外,arguments有一个length属性,看如下例子:-javascript基础教程

function zhi(x,y,z)

{

if(arguments.length !=3){

alert(”function zhi called with”+arguments.length+”arguments,but it expects 3 arguments.”);

return null;

}

}

数组arguments[ ]还为javascript函数开发了一项重要的可能性,既可以将函数编写为能够接受任意数目的实际参数.

function zhi()

{

var m=Number.NEGATIVE_INFINITY;

//遍历所有参数

//检索并记忆最大的一个.

for(var i=0;iarguments.length;i++)

if(argumentsm)m=arguments;

//返回最大的参数值.

return m;

}

var lazgest=zhi(1,10,100,2,3,1000,4,5,10000,6);

也可以使用arguments[]数组来编写一个函数.

调用js函数

a href=”#” onClick=”functionName()”Link text/a

a href=”javascript:functionName()”Link text/a

Web 前端怎样入门

方法:

第一:理清Web前端的知识结构。要想高效学习Web前端知识,首先应该搞清楚Web前端都包括哪些技术结构。Web前端开发虽然技术难度并不高,但是技术细节却比较多,内容也比较杂。Web前端的基础包括三大部分,包括Html、CSS和JavaScript,其中JavaScript是学习的重点,也是难点。另外,vue等框架也是需要熟练掌握的。-javascript基础教程

第二:紧跟技术发展趋势。目前Web前端的技术发展趋势有三个,其一是前端开发数据化;其二是前端开发高效化;其三是前端开发全栈化。前端开发数据化主要是大数据发展的影响,在大数据的推动下,Web前端逐渐涉及到了大量的数据展示任务。前端开发高效化主要体现在Web前端正在进行独立部署,前端与后端的沟通主要通过资源接口的方式来进行。前端开发全栈化也是一个比较明显的趋势,比如Nodejs的应用。-javascript基础教程

第三:注重动手实践能力的培养。学习前端开发一定要注重动手实践能力的培养,因为前端开发的细节比较多,所以只有多操作才能逐渐熟悉。

前端开发目前被称为“大前端”,整个前端开发也被赋予了更多的含义,包括Web前端开发、移动端开发、大数据呈现端开发以及部分后端开发任务等等。所以,想要在前端行业中走的更远,一定要注重知识结构的丰富性。

与其他编程语言相比,前端是公认的入行门槛较低的一门语言,但依然有很多人在学习之前会问零基础学习web前端难不难,要多久才能学会。学习的难易和时间当然是取决于学习的方式。

前端入门简单,但是深入学习之后,还是有一定学习难度的。如果你是零基础自学web前端的话,那么所花费的时间与精力是不可估计的。 如果系统学习5个月的时间可以帮助你快速成长为合格的web前端工程师。

路线:

第1阶段:前端页面重构(4周)

内容包含了:(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段:JavaScript高级程序设计(5周)

内容包含:(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段:PC端全栈项目开发(3周)

内容包含:(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段:移动端项目开发(6周)

内容包含:(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段:混合(Hybrid,ReactNative)开发(1周)

内容包含:(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段:Node.js全栈开发(1周)

内容包括:(WebApp后端系统开发、一、Node.js基础与Node.js核心模块;二、Express;三、noSQL数据库)

至于视频教程,我这里有很多前端的全套教程,如果你需要的话,可以加一下我的学习交流裙裙,找我要就行了!

如何正确学习JavaScript

JavaScript作为网站前端的核心知识是非常重要的,但是如何学习JavaScript是很多初学者面对的一个难题,下面我说一下个人对于如何学习JavaScript的一点心得,希望能帮到大家。

1、首先学习基础,尤其是JavaScript与其他语言不同的基础知识。

学习每个编程语言可能都要从基础的变量函数结构等学起,JavaScript相对于其他的编程语言在基础上有一些比较有特点的地方,这些东西是尤其需要我们注意的,比如说自调函数、比如说变量值为空不是null而是undefined的等,这些东西都是和主流的编程的语言如c++、java等是有区别的,所以想要学好JavaScript,这些基础的知识一定要把握好学习好才行。-javascript基础教程

2、关于学习JavaScript的进阶

JavaScript进阶知识更是有很多难理解的东西和不同于其他语言的东西,这些东西都是深入学习JavaScript的难点,简单的说一下JavaScript是基于对象的浏览器脚本语言,但是为了使JavaScript也能够支持面向对象编程,人们就使用了很多的方法来模拟面向对象的的特点,这些就变成了JavaScript的一些难点,比如说JavaScript的继承要借助原型、比如JavaScript的类需要使用构造函数来构造一个对象等,这些东西都是和其他支持面向对象的语言是不同的,所以就导致了一些难点。关于进阶学习JavaScript,还有JavaScript一些深入的知识需要去理解比如原型链和闭包、比如收函数的作用域执行流程和上下文,这些东西都是JavaScript比较深入的知识、-javascript基础教程

最后说明,JavaScript作为前端的核心语言绝对没有没有想象的那么简单,要想学好JavaScript除了以上提到的知识和注意点,还需要的就是多动手和实践,我们都知道网页上的所有特效都是借助JavaScript来实现,那么我们就需要在学习JavaScript的过程中多使用原生的JavaScript代码实现一些特效,当然学习使用jQuery等JavaScript类库进行开发也十分的重要,但是这绝对不能是取代我们学习JavaScript的方法。-javascript基础教程

有哪些JavaScript教程值得推荐?

作为一名工作四五年的前端,我来回答一下吧!

我想你应该想加入前端这行,看你发表问题的时间点,如果你能坚持学习到现在应该入门了!

1、《jsdom编程艺术》可以帮你学习原生js,作为一名前端原生js是基础必须掌握

2、《锋利的jquery》当你工作了,你需要快速的出成果,不能用原生js去开发,因为原生js有兼容性问题,那么jquery帮你做了解决了这些问题,它提供了很多的方法供你操作dom

3、《js高级程序设计》这本书建议你看5遍以上,掌握后大多数的面试都不在话下

4、《js权威指南》这本书很厚,讲的很细,而且有点深度,建议手中有一本,当做字典使用,当你有一定水平了再去系统的看一遍

5、《js设计模式与开发实践》作者曾探,这本书是我读过最好的讲设计模式的书,没有之一

6、我喜欢读书,因为书讲的比较系统。除了看书,还有很多其他的渠道可以学习,比如微信公众号、大牛的博客、github上大牛的代码等等

7、如果你工作了,你需要认真读读你的业务代码,毕竟活下来才是王道

8、最后,想要走的更远,必须持之以恒的学习,认认真真的总结