特点:
-
交互性(它可以做的就是信息的动态交互)
-
安全性(不允许直接访问本地硬盘)
-
跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关)
核心
(1)核心(ECMAScript):这一部分主要是js的基本语法。
(2)BOM:Brower Object Model(浏览器对象模型),主要是获取浏览器信息或操作浏览器的,例如:浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。
(3)DOM:Document Object Model(文档对象模型),此处的文档暂且理解为html,html加载到浏览器的内存中,可以使用js的DOM技术对内存中的html节点进行修改,用户从浏览器看到的是js动态修改后的页面。(增删改查)
书写的3种方式
- 内嵌式:
理论上js可以书写在页面的任意位置。
- 外链式:
首先新建一个文件类型为.js的文件,然后在该文件中写js语句,通过script标签对引入到html页面中。
- 行内式:
直接书写在标签身上,是一个简写的事件,所以又称之为事件属性。 onclick单击事件
点我
注释
两种注释:单行注释和多行注释,注释是用于表示解释代码的,并不会被执行,是给我们程序员看的,方便增删改查……
//我是一个单行注释
/*
我是
一个
多行
注释
*/
变量
万物皆var
-
js是弱类型语言,声明的变量在赋值之前,并不知道是什么数据类型,赋值之后就会判断其数据类型
-
没有赋值的变量返回的是undefined,表示空
命名规范:
-
首字符可以是数字,下划线,美元符号,不可以是数字,其他字符可以是数字,字母,下划线,$……
-
以$开头的一般是jQuery库或者其他类库声明的变量
-
object是对象类型的命名,变量以o开头
-
首字符是下划线的一般表示私有变量
-
驼峰命名,有多个单词时,从第二个单词开始首字母用大写
-
不推荐使用中文或拼音,尽量通用且见名之意
条件控制
运行结果:
注意:Javascript是严格区分大小写的
调试:浏览器打开----检查-----控制台
Elements:元素
Console:控制台
Sources:源码,调试
Network:网络
Application:应用
打断点调试
数据类型
number:js不区分整数和小数
123 //整数
123.3 //浮点数
123e3 //科学计数法123000
-99 //负数
NaN //not a number
Infinity//无穷
字符串
‘abc’ “abc”
‘\n’
布尔值
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
前端校招精编面试解析大全点击这里免费获取完整版pdf查看
合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!**
[外链图片转存中…(img-uMVkkWZo-1712115387336)]
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
前端校招精编面试解析大全点击这里免费获取完整版pdf查看