既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新
💬：今天开始写JavaScript的部分了，会从基础到进阶一点点更新哒💜💜💜
⭐：今天是JavaScript的第一部分！JS基本语法、变量、数据类型
🎬：每周都会更新，更新的次数就看心情吧哈哈👻
💟：更新JavaScript这部分的内容，也是我整理笔记整理思路的过程，更是对此内容的一次巩固，如有不足或者错误，还请多多指教哈哈😆😆
☂️：每天进步一点，收获一点，向着好的方向去走，希望我们都可以成为更好的自己💜💜💜
💡💡
学这个之前我们需要掌握HTML和CSS，可以参见我之前的博客
HTML: 小白入门笔记之HTML~
CSS:CSS入门笔记第一弹~
CSS入门笔记第二弹~
CSS入门笔记第三弹~
JavaScript
一、初识JavaScript
1.1.JavaScript是什么？
- JavaScript（一般我们简称为js） 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思），由浏览器一边解释一边执行。
- 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行
- 现在也可以基于 Node.js 技术进行服务器端编程
1.2.JavaScript 的作用
html页面是静态的，js可以使静态页面实现web页面客户端的动态效果
- 表单动态校验（密码强度检测）
- 网页特效
- 服务端开发(Node.js)
- 桌面程序(Electron)
- App(Cordova)
- 控制硬件-物联网(Ruff)
- 游戏开发(cocos2d-js)
1.3.HTML、CSS、JS的关系
💡💡html css JavaScript为前端三件套，他们的关系为：
HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为。
- HTML/CSS 标记语言–描述类语言
- HTML 决定网页结构和内容( 决定看到什么 )，相当于人的身体
- CSS 决定网页呈现给用户的模样( 决定好不好看 )，相当于给人穿衣服、化妆
- JS 脚本语言–编程类语言
实现业务逻辑和页面控制( 决定功能 )，相当于人的各种动作
1.4.JavaScript编译工具
💡💡常用的js编译工具：
- 记事本；
- Dreamweaver；
- UltraEdit-32；
- vscode；
- sublime Text
个人使用的是vscode，当然也推荐使用它，挺好用哒！😆
1.5.浏览器执行 JS 简介
💡💡* 浏览器分成两部分：渲染引擎和 JS 引擎
- 渲染引擎：用来解析HTML与CSS，俗称内核，
- JS 引擎：也称为 JS 解释器。 用来读取网页中的JavaScript代码，对其处理后运行
ps：
浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以 JavaScript 语言归为脚本语言，会逐行解释执行。
1.6.JavaScript和Java的关系
- 大概也就是雷锋与雷峰塔的关系，老婆与老婆饼的关系吧哈哈👀👀
1.7. JS 的组成
💡💡：
- ECMAScript：ECMAScript 规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。
- 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）。
- BOM (Browser Object Model，简称BOM) 是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。
1.8.标识符
💡💡
- 标识(zhi)符：就是指开发人员为变量、属性、函数、参数取的名字。
标识符不能是关键字或保留字。
第一个字符必须是一个字母、下划线（_）或一个美元符号（$）；
其他字符可以是字母、下划线、美元符号或数字。
1.9.关键字
💡💡
- 关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。
- 包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with
等。
1.10.保留字
💡💡
- 保留字：实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可
能会成为关键字，同样不能使用它们当变量名或方法名。- 包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
等。
二、输入输出
2.1.输出方式
💡💡
两种输出方式：
- alert(msg)
- 使用 console.log() 写入到浏览器的控制台。
alert('我是编程语言，来控制电脑网页弹出你好');
console.log(1+2);
// alert 弹出警示框 输出的 展示给用户的
alert('计算的结果是');
// console 控制台输出 给程序员测试用的
console.log('我是程序员能看到的');
2.2.输入方式
prompt(info)
// 这是一个输入框
prompt('请输入您的年龄');
三、注释
3.1.单行注释
- 💡💡单行注释：
// 我是一行文字，不想被 JS引擎 执行，所以 注释起来
// 用来注释单行文字（ 快捷键 ctrl + / ）
3.2.多行注释
- 💡💡多行注释：
/\*
123
456
789
\*/
- /* */ 用来注释多行文字（ 默认快捷键 alt + shift + a ）
- 快捷键修改为： ctrl + shift + /
- vscode 首选项按钮 键盘快捷方式 查找 原来的快捷键 修改为新的快捷键 回车确认
四、变量
4.1.什么是变量
💡💡
变量：
变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。
变量的本质：
变量是内存里的一块空间，用来存储数据。变量是内存里的一块空间，用来存储数据。
4.2.变量的语法规范
💡💡
声明多个变量，及声明变量的特殊情况
// 1.声明单个变量
var name = '刘亦菲';
console.log(name);
name = '迪丽热巴';
console.log(name);
// 2. 声明多个变量
var age = 18,
address = '火影村',
gz = 2000;
// 3. 声明变量的特殊情况
// 3.1 只声明不赋值 结果是？ 程序也不知道里面存的是啥 所以结果是 undefined 未定义的
var sex;
console.log(sex); // undefined
// 3.2 不声明 不赋值 直接使用某个变量会报错滴
// console.log(tel);
// 3.3 不声明直接赋值使用
qq = 110;
console.log(qq);
4.3.变量的基本使用
💡💡
var声明变量
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
qq = 110;
console.log(qq);
###### 4.3.变量的基本使用
💡💡
var声明变量
[外链图片转存中...(img-KQYkiLmI-1715814798587)]
[外链图片转存中...(img-glTXYT2V-1715814798588)]
**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**
**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618545628)**
**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
