怎样循序渐进、有效地学习JavaScript(转)
发布日期:2021-10-04 04:08:38
浏览次数:1
分类:技术文章
本文共 1034 字,大约阅读时间需要 3 分钟。
初学一门语言,要秉承一个原则:“能动手的,尽量别吵吵”
你需要一个能够从简到难的知识体系,一步一步跟下来。下面是干货。
说明一下这张图,如何有效学习JS,我这里理解为JS原生,所以关于框架、工作流的内容,没有具体展开,有兴趣可以自行搜索。
- 文档资料 a) 红宝书(基础): b) 蝴蝶书(进阶): c) 阮一峰老师ES6: d) 权威官方文档MDN:
- 学习步骤 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再来一遍
- 调试 a) JS编程的调试非常简单,打开浏览器控制台(我个人比较钟爱Chrome)。如图: i. console标签:这个标签,可以打印我们开发时,JS引擎为我们抛出的异常。我们可以根据这个异常的信息,来分析错误原因。另外,我们也可以在代码中使用console.log() 输出程序运行时的环境变量信息。 ii. 右红框1:错误提示。说明当前页有一个error发生,点击他,可以跳转到console来查看错误具体信息 iii. 右红框2:警告信息。提示了我们程序潜在的危险。 iv. source,我们进行单步调试的地方。具体见下图
- 工作流(跟JS原生关系不大,不详细展开了) a) webpack b) gulp
上面的内容结束后,就可以进入前端框架的海洋中畅游了。
原文地址:
转载地址:https://blog.csdn.net/lengye7/article/details/86727192 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
第一次来,支持一个
[***.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
android开发的取消清空按钮,Android开发实现带清空按钮的EditText示例
2019-04-21
mysql整体会滚_滚mysql
2019-04-21
向mysql数据库中添加批量数据类型_使用JDBC在MySQL数据库中快速批量插入数据
2019-04-21
mssql连接mysql数据库文件_在本地 怎么远程连接MSSQL数据库
2019-04-21