开发工具推荐
工欲善其事,必先利其器。日常开发中,以下工具能显著提升效率:
Snipaste
- F1:截图(若 F1 无效,尝试
Fn+F1) - F3:贴图固定屏幕(若 F3 无效,尝试
Fn+F3) - Shift:切换取色模式
Zoomlt
- Ctrl+1:放大屏幕
- Ctrl+2:画图标注(按住 Ctrl 画矩形,Tab 画椭圆,字母键换颜色)
XMind
- Enter:同级节点
- Tab:下级节点
JavaScript 基础篇
JavaScript 简介
JavaScript 是一种运行在客户端(浏览器)的编程语言,主要用于实现人机交互效果。
主要作用:
- 网页特效:监听用户行为并反馈
- 表单验证:判断数据合法性
- 数据交互:获取后台数据并渲染
- 服务端编程:通过 Node.js 实现
组成结构:
- ECMAScript:规定语法核心(变量、分支、循环、对象等)
- Web APIs:
- DOM:操作文档元素(移动、大小、增删)
- BOM:操作浏览器(弹窗、窗口检测、存储)
权威参考文档:MDN Web Docs
代码书写位置
-
内部脚本:直接写在 HTML 文件中,用
<script>标签包裹。- 规范:建议放在
</body>之前,避免页面加载时 JS 执行导致下方 HTML 尚未渲染。
<script> alert('你好,JS'); </script> - 规范:建议放在
-
外部脚本:代码写在
.js文件中,通过src引入。- 优势:代码有序、易复用,HTML 更清晰。
<body> <script src="my.js"></>

