当前位置：首页 > news >正文

01_JavaScript

news 来源：原创 2025/8/3 13:36:15

一、js介绍、能做什么 --了解

二、JavaScript的组成-重点

三、JavaScript代码的书写位置

行内JS

内嵌 JS

外链 JS

四、JS 中的注释

单行

多行

五、变量（重点）

定义变量及赋值

变量的命名规则和命名规范

六、数据类型（重点）

基本类型（原始数据类型）

复杂类型object（暂时不讲）

一、js介绍、能做什么 --了解

能做什么

二、JavaScript的组成-重点

总结： JS 就是通过固定的语法去操作浏览器和标签结构来实现网页上的各种效果

三、JavaScript代码的书写位置

和 css 一样，我们的 js 也可以有三种方式书写在页面上让其生效
js 也有多种方式书写，分为 行内式， 内嵌式，外链式

需求：点击div时____出现弹窗alert("弹出的内容")

点击onclick

行内JS

写在标签上的 js 代码需要依靠事件（行为）来触发
行内写在标签行内

 示列：<style>div{width: 100px;height: 100px;background-color: red;}</style>
</head>
<body><!--行内式--><div onclick='alert("你点击对了div")'></div><!--a标签本身具有点击事件，所以写点击事件跟div不同--><!--div加onclick，a加javascript--><a href="javascript:alert('你点击对了a标签')">点击！</a>
</body><!-- 写在 a 标签的 href 属性上 -->
<a href="javascript:alert('我是一个弹出层');">点击一下试试</a><!-- 写在其他元素上 -->
<div onclick="alert('我是一个弹出层')">点一下试试看</div><!-- 注：onclick 是一个事件（点击事件），当点击元素的时候执行后面的 js 代码 -->

内嵌 JS

内嵌式的 js 代码会在页面打开的时候直接触发
因为代码从上到下执行，先执行到js标签
内嵌独立嵌在页面

示列：<script>alert("333")//先执行</script>
</head><body><script>alert("1111")</script><script>alert("2222")</script>
</body>笔记：
<!-- 在 html 页面书写一个 script 标签，标签内部书写 js 代码 -->
<script> alert('我是一个弹出层') </script><!-- 注：js标签可以放在 head 里面也可以放在 body 里面
body里一般放在所有标签最后！！-先读标签，再js操作标签
一个页面中 可以写多个js标签-多次弹窗！！！-->

外链 JS

外链式 js 代码只要引入了 html 页面，就会在页面打开的时候直接触发
新建一个 .js 后缀的文件，在文件内书写 js 代码，把写好的 js 文件引入 html 页面
可以放到head也可以放在body

 示列：   <!--css <link rel="stylesheet" href="XXX.css"> --> 
</head>
<body><script src="./外链式.js">//   XXXX  有外部引入就不要写东西了alert("111111")//不生效</script><script>alert("哈哈哈哈哈")</script><script src="./外链式2.js"></script><script src="./外链式3.js"></script>
</body>笔记：
// 我是 index.js 文件
alert('我是一个弹出层')<!-- 我是一个 html 文件 --><!-- 通过 script 标签的 src 属性，把写好的 js 文件引入页面 -->
<script src="index.js"></script><!-- 一个页面可以引入多个 js 文件 -->
<script src="index1.js"></script>
<script src="index2.js"></script>
<script src="index3.js"></script>

四、JS 中的注释

学习一个语言，先学习一个语言的注释，因为注释是给我们自己看的，也是给开发人员看的
写好一个注释，有利于我们以后阅读代码

单行

一般就是用来描述下面一行代码的作用
// ，也可以按 ctrl + /

// 我是一个单行注释// 下面代码表示在浏览器里面出现一个弹出层

/*我是一个多行注释
*/

多行

一般用来写一大段话，或者注释一段代码
可以直接写 /* */ 然后在两个星号中间写注释，也可以按 shift + alt + a

五、变量（重点）

变量指的是在程序中保存数据的一个容器
变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
也就是说，我们向内存中存储了一个数据，然后要给这个数据起一个名字，为了是我们以后再次找到他
语法： var 变量名 = 值

定义变量及赋值

注意：
1. 一个变量名只能存储一个值
2. 当再次给一个变量赋值的时候，前面一次的值就没有了
3. 变量名称区分大小写（JS 严格区分大小写）

示列:<body><script>// var定义变量; var num;// 赋值num = 100; num = 200; //被改了// 定义同时赋值var num2 = 666;console.log(num)  //打印  在控制台里输出</script></body>

变量的命名规则和命名规范

规则：必须遵守的，不遵守就是错
1. 一个变量名称可以由数字、字母、英文下划线（_）、美元符号（$） 组成
2. 严格区分大小写
3. 不能由数字开头，不要使用中文汉字命名
4. 不能用保留字 或者 关键字
5. 不要出现空格
规范：建议遵守的（开发者默认），不遵守不会报错
1. 变量名尽量有意义（语义化）
2. 遵循驼峰命名规则，由多个单词组成的时候，从第二个单词开始首字母大写（小驼峰）

    var abc123$_ = 999;var _ = 888;var studentAge = 20;var userName = "张三"var studentName = "zhangsan";  // 小驼峰 推荐小驼峰var StudentName = "zhangsan"; //  大驼峰

六、数据类型（重点）

- 指我们存储在内存中的数据的类型
- 我们通常分为两大类基本数据类型和复杂数据类型

基本类型（原始数据类型）

1. 数值类型 number- 一切数字都是数值类型（包括二进制，十进制，十六进制等）- `NaN`（not a number），表示不是一个数字//检测变量的类型 typeof   var a =1;var b = "hhhhhh";var c = a+b;console.log(c);//拼接1hhhhhhconsole.log(typeof c);2. 字符串类型（string）3. 布尔类型（boolean）4. null类型（null）5. undefined类型（undefined）

复杂类型object（暂时不讲）

对象类型（object）（对象，引用类型，复合类型）

01_JavaScript

目录一、js介绍、能做什么 --了解二、JavaScript的组成-重点三、JavaScript代码的书写位置行内JS 内嵌 JS 外链 JS 四、JS 中的注释单行多行五、变量（重点） 定义变量及赋值变量的命名规则和命名规范六、数据类型（重…...

编程日记 2025/8/3 13:36:15

数组作为哈希表的妙用：寻找缺失的第一个正数

数组作为哈希表的妙用：寻找缺失的第一个正数大家好，我是Echo_Wish，今天我们来探讨一个经典的算法问题——“缺失的第一个正数”。听起来可能有点简单，但它实际上是一个非常有意思且富有挑战性的题目，在面试中常常会碰…...

编程日记 2025/8/3 10:07:39

JAVA学习*Object类

Object类 Object类是所有类的父类类中有一些方法（都需要掌握） toString()方法在学习类的对象的时候有介绍过了，当我们重新给此方法就会打印类与对象的信息 equals()方法在Java中的比较， 如果左右两侧是基本类型变量&#…...

编程日记 2025/8/3 13:31:55

《论语别裁》第02章为政（03）星辰知多少

第二个问题说到“北辰”。我们中国文化发达得最早的是天文。过去我们把天体分成二十八宿和三垣——紫微、少微、太微，类似于我们现在讲天文的经纬度。经纬度是西方的划分法。曾经有位天文学家主张，我们自己重新划过，不照西方的度数划&#xf…...

编程日记 2025/8/3 13:34:34

git_version_control_proper_practice

git_version_control_proper_practice version control，版本控制的方法之一就是打tag 因为多人协作的项目团队，commit很多，所以需要给重要的commit打tag，方便checkout，检出这个tag 参考行业的实践方式。如图git、linux…...

编程日记 2025/8/3 13:33:00

1.新建项目打开Goland新建项目playwright-go-demo 项目初始化完成后打开终端输入命令： #安装项目依赖 go get -u github.com/playwright-community/playwright-go #安装浏览器 go run github.com/playwright-community/playwright-go/cmd/playwrightlatest insta…...

编程日记 2025/8/3 9:39:16

手机扫描仪含PDF转word功能+OCR识别110种语言

TapScanner Premium 是一款功能强大的手机扫描仪应用，支持 PDF 合并、分割以及转换为 Word 文档格式，还具备 OCR 识别功能，可识别 110 种语言。汉化中文且已激活全部功能，可免费使用。该应用操作简洁，扫描文档、收据…...

编程日记 2025/8/1 5:43:51

数据可视化在商业智能中的应用：从数据到洞察的桥梁

数据可视化在商业智能中的应用：从数据到洞察的桥梁大家好，我是Echo_Wish。今天，我们来探讨一个数据领域的热门话题——数据可视化在商业智能中的应用。在数据驱动的时代，如何从海量的数字和信息中提炼出有价值的洞察，成为了企业决策的关键。而数据可视化，正是将枯燥的数…...

编程日记 2025/8/2 19:58:42

【HarmonyOS Next的奇幻大冒险】DevEco Studio的AI助手CodeGenie挺好用

遇到些问题在官网搜不出答案，CodeGenie都给解决了！ 不过我的问题可能比较初级，往后再看看它的能力怎么样下面的截图是关于其中一个问题的对话。可见CodeGenie干脆利索，并且给出了相关知识点在官网上的参考信息链接，大…...

编程日记 2025/6/28 5:17:44

替代-UX设计师

初创公司如何在没有设计师的情况下打造实用的用户体验一个常见的捷径是使用预构建的组件库，如谷歌的 Material UI它们为你提供了构建块，但它们并没有为你考虑整个用户流程你仍然需要弄清楚所有这些是如何组合在一起的但是，很多时候&#x…...

编程日记 2025/8/3 13:29:54

ISIS-1 ISIS概述

前面几章我们介绍了OSPF的基础工作原理以及怎样交互LSA形成LSDB链路状态数据库的这一章我们来介绍另一个链路状态路由协议,ISIS路由协议一、概述 ISIS(Intermediate System to Intermediate System,中间系统到中间系统)是由ISO(International Organization for Standardiza…...

编程日记 2025/8/3 13:35:35

电脑上不了网普通用户排除方法

1：首先通过电脑的运行/CMD/ipconfig /all 命令查看电脑的ip地址是否正常如图： 2：在命令行中运行：ping 127.0.0.1 如图则正常，否则要重新安装网卡驱动程序。 3：用ping命令，ping一下同网段的电…...

编程日记 2025/7/28 4:02:12

Qt 控件概述 QLCDNumber 和 Progressbar

目录 QLCDNumber 进度条定时器进度条的实现通过stylesheet来改变进度条颜色 QLCDNumber LCD数字显示器实现一个定时器 QLCDNumber 进度条定时器进度条的实现为什在Widget.h种头文件并没有包含QTimer这个头文件，却还可以申明一个TImer指针呢？…...

编程日记 2025/7/25 22:27:00

2025.03.21首板涨停股票分析

目录 1 涨停原因分析2 交易建议 1 涨停原因分析 2 交易建议...

编程日记 2025/8/3 13:32:59

数据库的DDL操作

目录一、创建数据库 （1）字符集和校验集二、操作数据库 （1）查看数据库 （2）显示创建语句 （3）修改数据库 （4）删除数据库三、数据库的备份与恢复四、…...

编程日记 2025/8/3 13:34:35

Docker 部署 Graylog 日志管理系统

Docker 部署 Graylog 日志管理系统前言一、准备工作二、Docker Compose 配置三、启动 Graylog 服务四、访问 Graylog Web 界面总结前言 Graylog 是一个开源的日志管理平台，专为实时日志收集、分析和可视化设计。它支持强大的搜索功能，并且与 Elastics…...

编程日记 2025/8/3 11:28:58

特征工程自动化（FeatureTools实战）

目录特征工程自动化（FeatureTools实战）1. 引言2. 项目背景与意义2.1 特征工程的重要性2.2 自动化特征工程的优势2.3 工业级数据处理需求3. 数据集生成与介绍3.1 数据集构成3.2 数据生成方法4. 自动化特征工程理论基础4.1 特征工程的基本概念4.2 FeatureTools库简介4.3 关键公…...

编程日记 2025/8/3 13:30:57

Linux：xxx is not in the sudoers file. This incident will be reported.

报错 xxx is not in the sudoers file. This incident will be reported.解决方式切换到root用户下操作 # 1、修改/etc/sudoers文件为可修改，默认是只读的 ls -lh /etc/sudoers -r--r----- 1 root root 4.3K Dec 1 01:45 /etc/sudoerschmod uw /etc/sudoersls…...

编程日记 2025/8/3 13:30:57

fastapi+playwright爬取google搜索1-3页的关键词返回json

1，playwright无头 2，代理池随机获取代理ip 3，随机浏览行为，随机页面滚动 4，启用stealth模式 5，随机延时搜索 from fastapi import FastAPI, HTTPException from fastapi.responses import JSONResponse import asyncio from concurrent.futures import ThreadPool…...

编程日记 2025/7/30 21:56:36

论文阅读笔记：Denoising Diffusion Probabilistic Models (3)

论文阅读笔记：Denoising Diffusion Probabilistic Models (1) 论文阅读笔记：Denoising Diffusion Probabilistic Models (2) 论文阅读笔记：Denoising Diffusion Probabilistic Models (3) 4、损失函数逐项分析可以看出 L L L总共分为了3项…...

编程日记 2025/7/17 23:14:11

FlauBERT：面向法语的无监督语言模型预训练

摘要语言模型已成为在许多不同自然语言处理（NLP）任务中取得最先进成果的关键步骤。利用当今可用的大量未标注文本，它们提供了一种有效的方式来预训练连续词表示，这些表示可以在下游任务中进行微调，并在句子级别上进行…...

编程日记 2025/8/1 16:26:35

JavaScript严格模式

文章主要介绍JavaScript严格模式，包括启用原因、方式以及需避开的常见陷阱，助力开发者写出更健壮代码。 1. 启用原因：将普通JavaScript中的“静默错误”变为抛出错误，有助于编写健壮代码；修复阻碍JavaScript引擎优化的…...

编程日记 2025/8/2 21:38:28

文件上传的小点总结(1)

2.文件类型绕过问题插入：BP无法拦截本地流量 ①插件限制不代理的地址列表通常写有localhost和127.0.0.1，把本地的全都删掉，然后应用保存。 ②浏览器限制 Firefox浏览器设置：检查浏览器代理配置和proxy listeners都没问题后&…...

编程日记 2025/7/24 8:31:59

2024年数维杯数学建模B题生物质和煤共热解问题的研究解题全过程论文及程序

2024年数维杯数学建模 B题生物质和煤共热解问题的研究原题再现： 随着全球能源需求的不断增长和对可再生能源的追求，生物质和煤共热解作为一种潜在的能源转化技术备受关注。生物质是指可再生能源，源自植物和动物的有机物质，而煤…...

编程日记 2025/7/30 1:04:57

@maptalks/gl-layers中的VectorTileLayer的Symbol样式文档

maptalks/gl-layers中的VectorTileLayer的Symbol样式文档矢量的Symbol样式分为以下几个大类： marker样式属性，定义了图标相关样式属性 text样式属性，定义了文字相关样式属性 line样式属性，定义了线相关的样式属性 polygon样式属…...

编程日记 2025/8/1 19:43:03

OpenCV旋转估计（3）帮助构建一个最大生成树（Maximum Spanning Tree）函数findMaxSpanningTree()

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 cv::detail::findMaxSpanningTree 是 OpenCV 中用于图像拼接工作流的一个函数，它帮助构建一个最大生成树（Maximum Spanni…...

编程日记 2025/7/26 13:14:28

OpenCV HighGUI 模块使用指南（Python 版）

用户让我编写一个 HighGUI 模块的使用指南，包括函数的使用和应用场景的实现。首先，我需要回顾 HighGUI 模块的主要功能：图像显示、视频捕获、鼠标和键盘事件。然后，按照用户提供的结构，整理每个部分的函数详解、代码示…...

编程日记 2025/7/30 10:36:38

SPI 机制与 Spring Boot AutoConfiguration 对比解析

一、架构效率革命性提升 1.1 类加载效率跃升 Spring Boot 2.7引入的AutoConfiguration.imports采用清单式配置加载，对比传统SPI机制： 传统SPI扫描路径：META-INF/services/** Spring Boot新方案：META-INF/spring/org.springfram…...

编程日记 2025/7/31 10:22:10

算法基础篇(1)（蓝桥杯常考点）

算法基础篇前言算法内容还有搜索，数据结构（进阶），动态规划和图论数学那个的话大家也知道比较难，放在最后讲这期包含的内容可以看目录模拟那个算法的话就是题说什么写什么，就不再分入目录中了注意事…...

编程日记 2025/7/26 17:36:39

【蓝桥杯速成】| 10.回溯切割

前面两篇内容我们都是在做有关回溯问题的组合应用今天的题目主题是：回溯法在切割问题的应用题目一：分割回文串问题描述 131. 分割回文串 - 力扣（LeetCode） 给你一个字符串 s，请你将 s 分割成一些子串&#xff…...

编程日记 2025/7/29 12:16:37

【Spring】深入理解 Spring 事务管理

文章目录一、事务的基本概念原子性（Atomicity）一致性（Consistency）隔离性（Isolation）持久性（Durability） 二、Spring 事务管理的优势简化事务管理代码提供多种事务管理方式整合…...

编程日记 2025/7/23 11:48:03

java学习笔记6

按住shift键，选择开始的一位和最后结束的一位来全选面向对象特征之二：继承性(inheritance) 面向对象特征之二:继承性1.继承性的理解 > 生活上:财产的继承、颜值的继承 > 代码层面:> 自上而下:定义了一个类A，在定义另一个类B时&…...

编程日记 2025/7/23 14:44:09

人工智能在现代科技中的应用和未来发展趋势

人工智能（Artificial Intelligence，AI）是一种模拟人类智能思维和行为的技术，已经在现代科技中得到广泛应用。以下是人工智能在现代科技中的应用和未来发展趋势： 应用： 机器学习：机器学习是人工…...

编程日记 2025/7/29 4:40:46

第二十一章:模板与继承_《C++ Templates》notes

模板与继承重点和难点编译与测试说明第一部分：多选题 (10题)第二部分：设计题 (5题)答案与详解多选题答案：设计题参考答案测试说明重点和难点 21.1 空基类优化（EBCO） 知识点空基类优化（Empty Base Cla…...

编程日记 2025/8/1 13:54:23

STC89C52单片机学习——第35节: [16-1] AD/DA

写这个文章是用来学习的,记录一下我的学习过程。希望我能一直坚持下去,我只是一个小白,只是想好好学习,我知道这会很难，但我还是想去做！ 本文写于：2025.03.23 51单片机学习——第35节: [16-1] AD/DA 前言开发板说明引用解答和科普一、AD问题…...

编程日记 2025/7/28 1:21:00

算法-最大公约数

1、约数： 1.1 试除法求约数原理：只需要遍历最小的约数即可，较大的那个可以直接算出来。 import java.util.*; public class Main {static Scanner sc new Scanner(System.in);public static void main(String[] args) {int t sc.nextIn…...

编程日记 2025/7/30 4:40:31

在 SaaS 应用上构建 BI 能力的实战之路

SaaS 产品在持续运营过程中积累了大量数据，这些数据不仅是数字的记录，更是洞察市场趋势、优化产品功能、提升用户体验的宝贵资源。因此，大部分的 SaaS 产品在发展到一定阶段后，都会开始构建自己的报表模块或分析模块，…...

编程日记 2025/8/3 11:43:41

代码随想录刷题day51|（二叉树篇）654.最大二叉树

一、二叉树基础知识详见：代码随想录刷题day34|（二叉树篇）二叉树的递归遍历-CSDN博客二、递归思路递归三部曲构造树一般采用前序遍历，因为先构造中间节点，然后递归构造左子树和右子树； 1.递归函数参数…...

编程日记 2025/8/1 11:24:51

深入理解 C++11 智能指针：独占、共享与弱引用的完美管理

文章目录 std::unique_ptr（独占式智能指针）std::shared_ptr（共享式智能指针）std::weak_ptr（弱引用智能指针）示例展示：智能指针的原理内存泄漏**什么是内存泄漏，内存泄漏的危害****如…...

编程日记 2025/7/30 1:09:34

1.2 编译器结构

编译器具有模块化的高层结构。还可以将模块化进一步细化。编译器可以看成多个阶段构成的流水线结构。一种没有优化的编译器结构更复杂的编译器结构...

编程日记 2025/7/19 20:52:24

文件操作助手

文件操作助手在我们实现一个大型项目时，往往会有一个公共模块，这个公共模块是公用的，里面可能会包含文件操作助手、字符串操作助手、时间戳操作助手… 而我们今天就来实现一个文件操作助手，里面包含的功能有： 判断…...

编程日记 2025/7/30 1:10:59

线段树与扫描线 —— 详解算法思想及其C++实现

目录一、线段树（Segment Tree） 基本概念结构操作示例代码二、扫描线（Sweep Line） 基本概念应用场景示例代码（矩形面积并集） 三、总结一、线段树（Segment Tree） 基本…...

编程日记 2025/6/28 2:13:09

Leetcode 刷题笔记1 图论part04

leetcode 110 字符串接龙 def judge(s1, s2):count 0for i in range(len(s1)):if s1[i] ! s2[i]:count 1return count 1if __name__ __main__:n int(input())begin_str, end_str map(str, input().split())if begin_str end_str:print(0)exit()strlist []for _ in ran…...

编程日记 2025/7/26 5:43:43

快速入手：Nacos融合SpringCloud成为注册配置中心

快速入手：Nacos融合SpringCloud成为注册配置中心前言安装Nacos项目搭建添加配置启动类添加注解运行项目服务调用RestTemplate 模式FeignClient 模式前言 Spring Cloud是一系列框架的集合，提供了微服务架构下的各种解决方案，如服务治理、配…...

编程日记 2025/7/31 13:08:49

others-rustdesk远程

title: others-rustdesk远程 categories: Others tags: [others, 远程] date: 2025-03-19 10:19:34 comments: false mathjax: true toc: true others-rustdesk远程, 替代 todesk 的解决方案前篇官方服务器 - https://rustdesk.com/docs/zh-cn/self-host/rustdesk-server-o…...

编程日记 2025/7/29 1:28:21