前端学习：JS学习总结（图解）

前端学习：JS学习总结（图解）

JS比HTML和CSS的知识点要多的多，下面分几段来介绍其内容。。。

为了能让大家更好的检索，前面的图解是整个JS的概括，后面的才是知识点。。。

旁边就是目录,建议用目录来观看本博客......

JS的知识体系

JS的简介

JS是什么？

JS能做什么？

JS的历史及组成

JS的引入方式

JS基本语法

变量

原始数据类型

引入数据类型

运算符

逻辑语句

JS内置对象

JS对象参考手册

Number

Boolean

String

Array

Date

Math

RegExp

JS的函数

js函数定义的方式

函数的参数

返回值

js的全局函数

JS的事件

事件的组成部分

js的常用事件

事件的绑定方式

阻止事件的默认行为

阻止事件的传播

JS的BOM

window对象

location对象

history对象

screnn对象

JS的DOM

理解文档对象模型

DOM的方法

DOM 的属性

原文地址：https://www.cnblogs.com/cainiao-chuanqi/p/11562155.html

时间： 2024-10-10 09:09:11

前端学习：JS学习总结（图解）的相关文章

JS DOM编程艺术的学习—— JS学习笔记2015-7-5(第76天)

由于看高程3卡住了,所以现在在学习JS DOM编程艺术来巩固基础: 一.在看JS DOM 编程艺术的时候,有个作者提到的方法很实用, 就是在JS中变量和函数的命名方法:  变量的命名方法为使用下划线,比如: var temp_color = ['red','blue']; 函数就使用驼峰法,比如: function current_date(){}; 这样的习惯可以帮助理解,提高可读性,在理解变量和函数名的时候就很方便了: 二.还有个收获就是关于“对象”的理解又加深了 之前对于什么对象的属性,对

程序猿的快速学习法——以JS学习为例，进行图解

最近一直在忙着学习,感觉做总结的时间太少了,听起来挺好玩儿的,就像<倾城之恋>里面,范柳原说:那时候都忙着谈恋爱了哪里有时间恋爱.  学习和总结也是一样,不能一直忙着学习而导致自己没有时间总结,这才是最得不偿失的事情. 最近比较高强度的学习,让我不得不从整体上反思下了,首先,来看张比较概括的图: 上面的大图大概就包含了我们在学习一个新东西的时候,从学习和实践方法要了解那些东西. 首先,在学习上,刚开始的时候,先从宏观上了解一下,然后就开始了微观上内容的学习. 拿学习JS来说, 刚开始的时候,在

webpack前端构建工具学习总结（四）之自动化生成项目中的html页面

接续上文:webpack前端构建工具学习总结(三)之webpack.config.js配置文件 1.安装html-webpack-plugin插件,输入命令:npm install html-webpack-plugin --save-dev 2.在webpack.config.js文件中,引入html-webpack-plugin插件 3.输入命令:npm run webpack,编译打包 可以看到在dist/js目录下新生成了一个index.html文件,并且引入了新编译生成的两个js,但此

NODE.JS学习的常见误区及四大名著

NODE.JS学习的常见误区及四大名著 前段时间由于不满于社区里很多人对于NODE.JS的种种误解而写了一篇文章名为: NODE.JS之我见:http://www.cnblogs.com/pugang/p/4374681.html 收到了很多兄弟的热情回复和激烈讨论,在此深表感谢,有的朋友觉得我写的比较粗犷,没有给出具体的性能分析和对比,在此我想说的是其实好多东西的性能分析,根本就不用我写到博客上,其一是如果我写了,很多人同样会觉得不客观,不中立,其二是网上很多中立的机构,随便搜索一下,对比太多

更快学习 JS 的 6 个简单思维技巧

当人们尝试学习 JavaScript , 或者其他编程技术的时候,常常会遇到同样的挑战: 有些概念容易混淆,特别是当你学习过其他语言的时候. 很难找到学习的时间(有时候是动力). 一旦当你理解了一些东西的时候,却很容易再一次忘记. 可以使用的工具甚多且经常变化,所以不知道从哪里开始入手. 幸运的是,这些挑战最终都可以被战胜.在这篇文章里,我将介绍 6 个思维技巧来帮你更快的学习 JavaScript ,让你成为一个更快乐更多产的程序员. 1.不要让将来的决定阻止你进步 对于很多学习 JavaSc

前端开发基础学习—1

前端开发的学习还没有找到很好的入门点,就做些题吧. http://www.cnblogs.com/jQing/archive/2012/07/01/2571987.html 第一部分:用CSS实现布局 让我们一起来做一个页面 首先,我们需要一个布局. 请使用CSS控制3个div,实现如下图的布局. 第二部分:用javascript优化布局 由于我们的用户群喜欢放大看页面 于是我们给上一题的布局做一次优化. 当鼠标略过某个区块的时候,该区块会放大25%, 并且其他的区块仍然固定不动. 提示: 也许

前端开发，学习哪些技术呢？

前端开发以html,css,js技术为基础. 先学习html,css,js,进阶学习框架JQuery,MUI,Vue,Element UI,Bootstap等. 在做项目中不断提升自己. 前端开发学习技术图(供参考): HTML——超文本标记语言,用来定义网页的文档结构 CSS——叠层样式单,用来修改网页的显示外观 Javascript——编程动态修改HTML结构和属性,修改CSS 其他框架以这三种技术为基础 JQuery——消除了浏览器兼容问题,简化了Javascript操作 Vue——近期很

JS学习第一天----JS概述

JavaScript概述 今天开始正式学习JavaScript(以后简称JS).所谓的JS语言是面向web的编程语言,我们可能接触过面向过程和面向对象的编程语言.为什么要学习JS呢?因为绝大多数现代网站都使用了JS,并且所有的的现代web浏览器----基于桌面系统,游戏机,平板电脑和智能手机的浏览器----均包含了JS解释器,这使得JS能够称得上是史上使用最广泛的编程语言.JS也是前端开发工程师必须掌握的三种技能之一:描述网页内容的HTML,描述网页样式的CSS以及描述网页行为的JS. JS是一

web前端基础知识学习网站推介

内容:一．基础知识及学习资料1. HTML入门学习:http://www.w3school.com.cn/html/index.aspHTML5 入门学习:http://www.w3school.com.cn/html5/index.asp 2. CSS入门学习:http://www.w3school.com.cn/css/index.aspCSS3入门学习:http://www.w3schools.com/css3/default.asphttp://css3-tutorial.com/ 3.