怎样循序渐进、有效地学习JavaScript(转)
发布日期:2021-10-04 04:08:38 浏览次数:1 分类:技术文章

本文共 1034 字,大约阅读时间需要 3 分钟。

初学一门语言,要秉承一个原则:“能动手的,尽量别吵吵” 

你需要一个能够从简到难的知识体系,一步一步跟下来。

下面是干货。

JS体系图

说明一下这张图,如何有效学习JS,我这里理解为JS原生,所以关于框架、工作流的内容,没有具体展开,有兴趣可以自行搜索。

  1. 文档资料 
    a) 红宝书(基础): 
    b) 蝴蝶书(进阶): 
    c) 阮一峰老师ES6:  
    d) 权威官方文档MDN:
  2. 学习步骤 
    a) 语法和基本类型 
    b) 控制流 
    c) 循环 
    d) 表达式和操作符 
    e) 日期对象 
    f) 正则表达式 
    g) 对象 
    上面这些搞定,就已经掌握了ES5的最基本的内容了,接着,我们就可以来操作页面了。毕竟这是一个看脸的社会,我们在搞页面的同时,还要注意一下页面的样式。 
    h) DOM操作 
    i. DOM树的概念 
    ii. 从DOM树取节点 
    iii. 操作这个DOM树(节点的添加、删除、修改) 
    iv. 访问节点(parentNode, children, 等等) 
    v. 属性操作(id, className) 
    i) 事件处理 
    i. 鼠标事件(mouseove) 
    ii. 键盘事件(keyup) 
    iii. 浏览器事件(load) 
    好,到这里,基本上静态页面,你就可以随意玩耍了。这里我们最好降上面思维导图提到的例子,都撸一遍。一是加深上面知识点印象,二是锻炼一下编程的逻辑思维能力。具体实现,网上有一堆堆的。(这里让自己搜索,是因为编码的一项重要能力,就是搜索)一定要谨记,多敲代码。 
    j) 面向对象:原型式继承、原型链 
    k) ES6: 
    ES6跟ES5还是有较大的区别,所以建议你能系统的过一遍,将上面的练习,改为使用ES6再来一遍
  3. 调试 
    a) JS编程的调试非常简单,打开浏览器控制台(我个人比较钟爱Chrome)。如图: 
    i. console标签:这个标签,可以打印我们开发时,JS引擎为我们抛出的异常。我们可以根据这个异常的信息,来分析错误原因。另外,我们也可以在代码中使用console.log() 输出程序运行时的环境变量信息。 
    ii. 右红框1:错误提示。说明当前页有一个error发生,点击他,可以跳转到console来查看错误具体信息 
    iii. 右红框2:警告信息。提示了我们程序潜在的危险。 
    iv. source,我们进行单步调试的地方。具体见下图 
    这里写图片描述
  4. 工作流(跟JS原生关系不大,不详细展开了) 
    a) webpack 
    b) gulp

上面的内容结束后,就可以进入前端框架的海洋中畅游了。

原文地址: 

转载地址:https://blog.csdn.net/lengye7/article/details/86727192 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:标签html的常用属性
下一篇:探析浏览器执行JavaScript脚本加载与代码执行顺序

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2024年03月04日 19时01分25秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

c语言对结构体排序中间变量,求助:c语言怎么实现结构体的排序? 总是弄不对啊... 2019-04-21
c语言宏定义只能在最前面吗,C语言宏定义注意事项 2019-04-21
android悬浮窗服务卡死,Android 悬浮窗兼容问题谈 2019-04-21
表格相关的html语言,HTML标记语言——表格标记 2019-04-21
web聊天界面html,PC端Web聊天界面+代码分享(HTML+CSS) 2019-04-21
cmake qt 添加路径 项目_CMake配置Qt工程 2019-04-21
使用python开发的软件协议_WEB开发——Python WSGI协议详解 2019-04-21
冰点下载器手机版apk_冰点文库下载器 2019-04-21
python信号采集代码_13行代码实现:Python实时视频采集(附源码) 2019-04-21
h5引入json_纯js直接引入json文件 2019-04-21
python格式化字符串总结_Python字符串处理方法总结 2019-04-21
python中true什么意思_python中的bool是什么意思 2019-04-21
java list 合并 重复的数据_Java ArrayList合并并删除重复数据3种方法 2019-04-21
android volley 上传图片 和参数,android - 使用android中的volley将图像上传到multipart中的服务器 - 堆栈内存溢出... 2019-04-21
android开发的取消清空按钮,Android开发实现带清空按钮的EditText示例 2019-04-21
android gp服务,ArcGIS Runtime SDK for Android开发之调用GP服务(异步调用) 2019-04-21
mysql整体会滚_滚mysql 2019-04-21
向mysql数据库中添加批量数据类型_使用JDBC在MySQL数据库中快速批量插入数据 2019-04-21
最全的mysql 5.7.13_最全的mysql 5.7.13 安装配置方法图文教程(linux) 强烈推荐! 2019-04-21
mssql连接mysql数据库文件_在本地 怎么远程连接MSSQL数据库 2019-04-21