JavaScript作为Web前端里的第3重要的语言,笔者认为该重点进行学习。因为JavaScript衍生出来的框架和类库有不少,而且很强大。所以JavaScript的学习要抓好重点,在基本的语法及应用上学习相关的框架和类库,更好的为Web前端的开发应用做好准备。

  1、 简介;

  JavaScript是一种高级编程语言,通常用于在Web浏览器中创建交互式网页。它是一种解释性语言,不需要编译器即可运行。JavaScript可以用于创建动态效果、验证表单、处理数据、创建游戏等。它是一种面向对象的语言,支持封装、继承和多态性。JavaScript最初由Netscape公司开发,现在已成为Web开发中最流行的语言之一。它可以与HTML和CSS一起使用,使网页更加动态和交互性。JavaScript也可以在服务器端运行,例如使用Node.js。

  2、 语法;

  JavaScript是一种动态、弱类型的编程语言,主要用于在Web浏览器中创建交互式的网页。以下是JavaScript的语法简介:

  l  变量声明:使用var关键字声明变量,例如:var x = 5;

  l  数据类型:JavaScript有多种数据类型,包括数字、字符串、布尔值、数组、对象等。

  l  运算符:JavaScript支持常见的算术、比较和逻辑运算符,例如:+、-、*、/、>、<、==、!=、&&、||等。

  l  条件语句:使用if、else if和else关键字来执行条件语句。

  l  循环语句:使用for、while和do-while关键字来执行循环语句。

  l  函数:使用function关键字定义函数。

  l  对象:JavaScript中的对象是一组功能的函数。

  3、 其它框架和类库;

  JS 框架是执行一组特定功能和操作所需的组件和代码块的集合。换句话说,JS 框架是一组预定义的代码,您可以通过将其与您自己的代码相结合,在您的项目中应用或使用它。库是一组帮助您执行特定任务的工具和代码方法。另一方面,框架更像是指导您应该如何呈现代码的指南。

  JS框架,笔者的其它博文里有描述了,目前比较流行的是Vue和React等。至于类库,以jQuery为主。具体查看笔者的其它博文。

  4、 使用的工具;

  VS Code作为目前前端火热的工具,笔者是强烈推荐的。主要里面带的提示和颜色分类等等功能非常的强大,所以建议读者使用这个工具作为前端开发里的JavaScript开发工具。

  5、 网站;

  学习JavaScript的网站有不少,下面列举一些:

runoob.com

http://www.w3cschool.cc/

笔者认为这些网站学习一些基本的语法等,然后再下载笔者共享的电子书籍去学习记忆即可。

  6、 学习建议;

  l  先学习JS的基本语法;

  l  学习一些JS的基本语言编写的特效;

  l  学习jQuery类库的使用,然后看一下它的源码;

  l  学习Vue框架,这个比较好上手;

  l  也能够学下React;

  l  学一下TypeScript,从里面能够学到一些特别的JS源码;

  l  学一下用jQuery编写的类库,以及用它实现的一些特效;

  l  有空的话学一些JS游戏;

  7、 总结;

  JavaScript的学习,因为有基本语法和框架、类库等等,所以要分好主次进行学习。也要在语法的基础上去学一些算法之类的进行加深学习和巩固。

  下面提供笔者的一个博文,对于学习者提供的电子书籍能够查看,能够更快的学到该知识:https://www.cnblogs.com/lzhdim/p/4604031.html

4、Web前端学习规划:JavaScript - 学习规划系列文章的更多相关文章

  1. Web前端与移动开发学习路线图

    文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的Web前端与移动开发学习路线图包含初中级两个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.ba ...

  2. 想做web前端project师应该学习些什么?

    偶然间看到这篇文章.感觉博主写的挺不错的,假设你想做web前端project师的话,建议您阅读下面这篇文章,事实上web前端project师所做的工作事实上就是站点设计,有些小公司的美工事实上就是做w ...

  3. 最全的WEB前端开发程序员学习清单

    史上最全的WEB前端开发程序员学习清单! 今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我 ...

  4. 腾讯Web前端开发框架JX(Javascript eXtension tools)

    转自:Web前端开发-Web前端工程师 » 腾讯Web前端开发框架JX(Javascript eXtension tools) JX – Javascript eXtension tools 一个类似 ...

  5. 进击的Python【第十四章】:Web前端基础之Javascript

    进击的Python[第十四章]:Web前端基础之Javascript 一.javascript是什么 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编 ...

  6. web前端学习:JavaScript学习指南

    JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现 ...

  7. WEB前端工程师如何做职业规划?

    对于一个WEB前端的职业规划,其实是有各种的答案,没有哪种答案是完全正确的,全凭自己的选择,只要是自己选定了,坚持去认真走,就好.在这里, 我只是 简要说一下自己对于这块儿内容的理解.有一个观点想要分 ...

  8. 最适合2018年自学的web前端零基础系统学习视频+资料

    这份资料整理花了近7天,如果感觉有用,可以分享给更有需要的人. 在看接下的介绍前,我先说一下整理这份资料的初衷: 我的初衷是想帮助在这个行业发展的朋友和童鞋们,在论坛博客等地方少花些时间找资料,把有限 ...

  9. 2022年Web前端开发流程和学习路线(详尽版)

    前言 前端侧重于人机交互和用户体验,后端侧重于业务逻辑和大规模数据处理.理论上,面向用户的产品里,所有问题(包括产品.设计.后端.甚至看不见的问题)的表现形式,都会暴露在前端,而只有部分问题(数据问题 ...

  10. web前端零基础入门学习!前端真不难!

    现在互联网发展迅速,前端也成了很重要的岗位之一,许多人都往前端靠拢,可又无能为力,不知所措,首先我们说为什么在编程里,大家都倾向于往前端靠呢?原因很简单,那就是,在程序员的世界里,前端开发是最最简单的 ...

随机推荐

  1. POJ - 1611 : The Suspects (普通并查集)

    思路: 模板题,一步一步加入集合,最后判断有多少人跟0在同一个集合就行了. #include<iostream> #include<cstdio> using namespac ...

  2. 邀请报名|11月24日阿里云原生 Serverless 技术实践营 深圳站

    活动简介 "阿里云云原生 Serverless 技术实践营 " 是一场以 Serverless 为主题的开发者活动,活动受众以关注 Serverless 技术的开发者.企业决策人. ...

  3. wxpython窗体之间传递参数

    如何界面存在frame1与frame2,通过frame1打开页面frame2,并将frame2的值传递给frame1 可以使用回调函数传值参考具体代码如下: # -*- coding: utf-8 - ...

  4. Autowired注入Service变成了biaomidou的Mapper代理

    问题概述 一个Springboot工程,使用Mybatis-plus作为数据层框架 使用@MapperScan注解扫描Mapper接口 @MapperScan("org.net5ijy.cl ...

  5. crypto常用算法

    欧几里得算法(辗转相除法) def gcd(a, b): if b == 0: return a else: return gcd(b, a % b) 扩展欧几里得算法 def ext_euclid( ...

  6. PC 网页 布局图

  7. CSS - 怎么样在不同分辨率的情况下计算根元素需要的font-size的值

    一般我们做页面,肯定都会有设计图,移动端页面,一般情况下,UI出图都会定宽为640px,这也是移动端的标准尺寸:但是,我们也不能排除可能有其他特殊的情况可能需要做其他大小的设计图.所以,我们可以先定一 ...

  8. 让vs自动提示没有using的类

    默认情况下,没有using的类,敲代码时没有智能提示,需要在[工具]->[选项]中开启

  9. [转帖]美国出口管制法律制度及中国企业风险防范——EAR核心内容解读

    http://bzy.scjg.jl.gov.cn/wto/zszc/myxgzs/202202/t20220221_636006.html 发布时间:2022-01-18 一.<美国出口管理条 ...

  10. [转帖]windows10彻底关闭Windows Defender的4种方法

    https://zhuanlan.zhihu.com/p/495107049 Windows Defender是windows10系统自带的杀毒软件.默认情况下它处于打开的状态.大多数第三方的杀毒软件 ...