4、Web前端学习规划:JavaScript - 学习规划系列文章

       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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
对下面的代码加注释:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> #backg { width: 919px; height: 272px; } div img { width: 300px; height: 222px; margin-top: 20px; margin-left: 10px; } #h3 { color: rgb(132, 106, 90); font-weight: 600; font-size: 23px; margin-top: -224px; margin-left: 340px; } #p1 { font-size: 14px; color: rgb(20, 111, 158); font-weight: 550; margin-top: 13px; margin-left: 340px; } #p2 { width: 575px; font-size: 13.2px; color: black; text-indent: 2em; margin-top: -3px; margin-left: 340px; } #p2 span { color: rgb(20, 111, 158); font-style: italic; text-decoration: underline; } #p3 { font-size: 14px; color: rgb(20, 111, 158); font-weight: 550; margin-top: 10px; margin-left: 340px; } #p3 span { color: red; font-size: 20px; font-weight: 800; } hr { width: 560px; margin-top: -2px; margin-left: 340px; } #p4 { color: rgb(132, 106, 90); font-weight: 540; font-size: 23px; margin-top: 12px; margin-left: 340px; } #p4 span { color: red; font-weight: 800; } </style> <body> <div id="backg"> <img src="./img/bk01.png" alt=""> <div id="h3">Web前端开发工程师</div> <p id="p1">技术要求:</p> <p id="p2">对常用的一些Js框架了解,如jQuery、YUuI等。掌握最基本的JavaScript计算方法编写。对目前互联网流行的网页制作方法(Web2.0) HTML+CSS,以及各大浏览器兼容性有很大的了解。对前沿技术(HTML5+CSS3)的基本掌握。<span>Web前端技术</span>你究竟掌握了多少...</p> <p id="p3">更新时间:2015年05月19日20点(已有<span>325</span>人点赞)</p> <hr> <p id="p4">相关技术文章 <span>8</span> 篇</p> </div> </body> </html>
05-24

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lzhdim

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值