JavaScript快速入门笔记之一(基本概念)

JavaScript快速入门笔记之一(基本概念)

  • 前端三大语言:

    • HTML:专门编写网页内容的语言
    • CSS:专门美化网页样式的语言
    • JavaScript:专门编写网页交互的语言
  • 名词解释:

    • 交互:输入数据,处理数据,返回结果
    • 脚本:不用编译,直接边解释边执行的程序(会预读)
    • 事件:用户或浏览器自身触发的动作,事件触发后,才会执行事件处理程序
    • 程序:让计算机可以执行任务的指令的序列,程序=数据结构+算法
    • 数据结构:程序中数据的存储结构
    • 算法:程序的执行步骤!顺序,分支,循环
    • 数据类型:数据在内存中的存储格式,不同数据的类型,可执行的操作不同
    • 变量:内存中一块存储一个数据的空间,再起一个名字。
    • 常量:一旦创建,值不可改变的量
    • 引用类型:对象不保存在变量本地,变量通过对象的地址使用对象。使用变量等效于使用变量引用的对象
    • 对象:封装多个‘数据’,并提供对数据的‘操作方法’。对象=数据+方法
    • 实例:凡是用new 构造函数()创建出的对象,都称为是构造函数的实例
    • 函数:在全局定义的不属于任何对象的function,函数也是一个对象!
    • 方法:包含在对象中,通过对象调用的函数
    • API:厂商已定义好的,可直接用的方法/函数,使用者不必关心实现细节
    • js内置对象:ES标准中规定的,由厂商已经实现的对象,程序员只要直接使用即可。不用关心具体实现。

    历史:
    Netscape:网景
    客户端脚本语言:LiveScript
    Sun Java——“write once run anywhere”
    LiveScript: JavaScript
    “像极了Java,但比Java简单的多”
    JavaScript–>ECMA–>ECMAScript:行业标准,规定核心语法!
    Netscape:遵照标准实现JavaScript
    Microsoft:遵照标准实现JScript
    W3C:万维网联盟,是对网络标准制定的一个非盈利组织。如HTML XHTML CSSS XML等的标准
    DOM标准(W3C):专门操作网页内容的API标准
    JavaScript=ECMAScript(核心语法)+DOM(专门操作网页内容的标准)+BOM(专门操作浏览器窗口的API)
    2004:Mozilla Firefox

  • 如何使用:

      1. 使用浏览器自带的js引擎:
        浏览器中包含两个引擎:
      • 内容排版引擎:负责加载HTML内容,渲染css样式

      • js解释器/引擎:负责解释,并执行js程序

        浏览器控制台:专门调试程序,显示输出结果的浏览器窗口

      1. 独立安装的js引擎:node.js V8
        让js运行在任何平台。
  • 网页中如何编写js,3种方式:
      1. 网页中的<script>元素中:
        <script>可以写在网页的任何位置,随网页解释执行
      2. 元素的事件属性中:
        <元素 on事件名=“事件处理程序(js语句)”…
        例:
        <p onclick="window.alert('Hello onclick')"...
      3. 单独的.js文件中集中编写:
        2步:
        1. 新建.js文件,包含js程序
        2. 在html页面顶端,引入外部js文件:
  • 如何调试js程序:
    • js中错误:只要希望的功能没执行,说明功能出错了
      - 控制台中包含:错误类型:错误原因 错误位置链接
      - 错误现象:
      出错位置之前的代码——正常执行
      同一script中出错位置之后的代码——不执行
      一个script出错,不影响其他位置script的执行
    • JavaScript的特点
      • 代码可使用任何文本工具编写,语法类似于Java
      • 无需编译,由JavaScript引擎解释执行
      • 弱类型语言
      • 基于对象
    • JavaScript用途:
      • 客户端:
        • 客户端数据计算
        • 表单输入验证
        • 浏览器事件触发和处理
        • 网页特殊效果显示制作
        • 服务器异步数据提交
      • 服务器:
        • 分布式运算
        • 实时服务器
        • 窗口应用
        • 网络应用

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/770796.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++ MFC 只启动一个程序实例 唤醒之前的实例(完整源码)

初级代码游戏的专栏介绍与文章目录-CSDN博客 很多时候我们希望只允许启动一个程序实例&#xff0c;如果再次运行&#xff0c;就唤醒之前的实例。 目录 1 概述 2 相关技术介绍 2.1 互斥对象 2.2 查找窗口 2.3 唤醒窗口 1 概述 技术上并不难&#xff0c;涉及到以下几个技术…

用redis lua脚本实现时间窗分布式限流

需求背景&#xff1a; 限制某sql在30秒内最多只能执行3次 需求分析 微服务分布式部署&#xff0c;既然是分布式限流&#xff0c;首先自然就想到了结合redis的zset数据结构来实现。 分析对zset的操作&#xff0c;有几个步骤&#xff0c;首先&#xff0c;判断zset中符合rangeS…

Java服务器开发的日志:日志的作用和使用方法;日志文件的定期归档、清理和滚动策略;ELK(又称Elastic Stack)

Java服务器开发的日志 Java服务器开发&#xff0c;为什么要使用日志&#xff1f; 应该怎样使用日志&#xff1f; 在Java服务器开发中使用日志是非常关键的一个实践&#xff0c;原因如下&#xff1a; 本文所说的“日志”&#xff0c;主要是指程序运行时生成的技术日志&#xff…

#AngularJS#$sce.trustAsResourceUrl

$sce.trustAsResourceUrl 是 AngularJS&#xff08;一个旧版本的 Angular&#xff09;中的安全上下文&#xff08;Security Context&#xff09;方法&#xff0c;用于信任一个 URL&#xff0c;使其可以作为资源 URL 使用&#xff0c;而不会触发 AngularJS 的安全警告或阻止。 …

使用JMeter进行梯度压测

使用JMeter进行梯度压测 梯度压测配置如下&#xff1a; 使用线程:5&#xff0c;然后循环5000次&#xff0c;共2.5万个样本使用线程:10&#xff0c;然后循环5000次&#xff0c;共5万个样本使用线程:15&#xff0c;然后循环5000次&#xff0c;共7.5万个样本使用线程:20&#xff…

Redis中的事件

事件 概述 Redis服务器是一个事件驱动程序:服务器需要处理以下两类事件: 1.文件事件(file event):Redis服务器通过套接字与客户端(或者其他Redis服务器)进行连接&#xff0c;而文件事件就是服务器对套接字操作的抽象。服务器与客户端(或者其他服务器)的通信会产生相应的文件…

上位机图像处理和嵌入式模块部署(qmacvisual自定义插件代码分析)

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 qmacvisual里面的第三方插件主要由两部分组成&#xff0c;一部分是ExtensionLibrary&#xff0c;也就是插件的容器&#xff0c;这个是官方提供的&a…

【机器学习】贝叶斯上篇(详解)

深入理解贝叶斯学习&#xff1a;核心原理及应用全解析 在机器学习的领域内&#xff0c;贝叶斯学习作为一种强大的框架&#xff0c;使我们能够在不确定性条件下进行预测和决策。贝叶斯学习源于托马斯贝叶斯的工作&#xff0c;提供了一种概率论的学习方法&#xff0c;与传统的频…

01 React新建开发环境

https://create-react-app.dev/docs/getting-started npx create-react-app my-appJSX使用表达式嵌入 function App() {const count 100;function getSelfName() {return "SelfName"}return (<div>Hello World!<div>{This is Javascript message~!}&l…

荟萃分析R Meta-Analyses 3 Effect Sizes

总结 效应量是荟萃分析的基石。为了进行荟萃分析&#xff0c;我们至少需要估计效应大小及其标准误差。 效应大小的标准误差代表研究对效应估计的精确程度。荟萃分析以更高的精度和更高的权重给出效应量&#xff0c;因为它们可以更好地估计真实效应。 我们可以在荟萃分析中使用…

【Golang星辰图】大数据时代的明星工具:深入了解Go语言数据处理和分析库

高效处理数据&#xff0c;驾驭大数据时代&#xff1a;深入学习Go语言数据处理库 前言 在当今互联网时代&#xff0c;数据处理和分析变得越来越重要。随着数据规模的不断增大&#xff0c;如何高效地处理和分析数据成为了许多企业和开发者面临的挑战。为了满足这一需求&#xf…

面试算法-102-LRU 缓存

题目 请你设计并实现一个满足 LRU (最近最少使用) 缓存 约束的数据结构。 实现 LRUCache 类&#xff1a; LRUCache(int capacity) 以 正整数 作为容量 capacity 初始化 LRU 缓存 int get(int key) 如果关键字 key 存在于缓存中&#xff0c;则返回关键字的值&#xff0c;否则返…

JavaScript-Web学习笔记02

三、事件高级 1、注册事件&#xff08;绑定事件&#xff09; 注册事件概述 给元素添加事件&#xff0c;称为注册事件或者绑定事件。 注册时间有两种方式&#xff1a;传统方式和方法监听注册方式 传统注册方式 利用 on 开头的事件 onclick<button onclick "alert(hi~)…

软考高级架构师:MVP 架构概念和例题

作者&#xff1a;明明如月学长&#xff0c; CSDN 博客专家&#xff0c;大厂高级 Java 工程师&#xff0c;《性能优化方法论》作者、《解锁大厂思维&#xff1a;剖析《阿里巴巴Java开发手册》》、《再学经典&#xff1a;《Effective Java》独家解析》专栏作者。 热门文章推荐&am…

Spring - AOP/事务 实现原理

AOP 基本概念 官方文档&#xff1a; Aspect Oriented Programming with Spring Spring AOP supports the following AspectJ pointcut designators (PCD) for use in pointcut expressions: within - limits matching to join points within certain types (simply the exec…

Visual Studio项目编译和运行依赖第三方库的项目

1.创建项目&#xff0c;这里创建的项目是依赖于.sln的项目&#xff0c;非CMake项目 2.添加第三方库依赖的头文件和库文件路劲 3.添加第三方依赖库文件 4.项目配置有2个&#xff0c;一个是Debug&#xff0c;一个是Release&#xff0c;如果你只配置了Debug&#xff0c;编译和运行…

表的创建,删除,插入,修改

目录 一、表的创建 二、表的删除 三、插入数据insert (DML) 四、函数format str_to_date date_format 五、date和datetime两个类型的区别? 六、数据库修改update&#xff08;DML&#xff09; 七、删除数据delete 一、表的创建 1、建表的语法格式:(建表属…

Unity 视频组件 VideoPlayer

组件添加&#xff1a; 在自己定义的组件下&#xff08;例如&#xff1a;Panel&#xff09; 点击 Inspector 面板中的 AddComponent &#xff0c;输入“VideoPlayer”。 资源 这里 视频资源有两种形式&#xff0c;第一种是 VideoClip &#xff0c;需要将视频文件拖拽到该属性字段…

喜报 | 聚合科技荣获江苏省数字经济学会科学技术奖

近日&#xff0c;江苏省数字经济学会公布了2023年度江苏省数字经济学会科学技术奖获奖名单。本次在全省范围内共评选出科学技术进步奖、科学技术创新奖、优秀成果奖获奖项目共计19项。“聚合数据资产服务API平台”凭借其前沿的创新性和优秀的应用前景成功获得科学技术创新奖二等…

说说Loader和Plugin的区别?编写Loader,Plugin的思路?

文章目录 一、区别二、编写loader三、编写plugin参考文献 一、区别 前面两节我们有提到Loader与Plugin对应的概念&#xff0c;先来回顾下 loader 是文件加载器&#xff0c;能够加载资源文件&#xff0c;并对这些文件进行一些处理&#xff0c;诸如编译、压缩等&#xff0c;最终…