2021-07-20大连东软实训第一天---js基础

简介: 2021-07-20大连东软实训第一天---js基础

c,c++编译型语言,运行之前需要先编译再执行,javascript是解释型语言,代码是解释一条执行一条,java是半编译半解释语言,被编译之后是class字节码,再由解释器逐行执行,java是一个面向对象的语言,js是基于对象的语言,因为在es5中没有类,但是es6又有类,所以可以说是面向对象的语言,感觉js对比java来说代码更松散,js是个脚本语言

在script之中加入语句“use strict” 让当前的语法变的严谨,定义变量就必须比如var a=1;

而不能直接a=1;

对于数组,

数组的遍历

输出的是下标

输出的是元素

输出的是元素,相当于java的for each

输出的是元素

index查找

lastindex查找

每个加10传统的方法,注意数组是push

用map实现加20

过滤,自己加条件

伪数组的定义

伪数组,输出长度为3

没有问题是能够输出的

不能用foreach遍历,因为他是一个伪数组

真数组原型应该是array,同时内部有需要使用的函数例如map,push等

![在这里插入图片描述](https://ucc.alicdn.com/images/user-upload-01/20210720145413881.png

把伪数组变成真数组

可以传参数但是没有形参来接收

通过argument就代表方法本身接受的参数,但也是个伪数组,原型也是没有数组的方法,用foreach不能遍历

对象的使用

最简单直接的用object定义对象的方法

第二个用function的方法,注意必须要有new,而且谨慎使用name,可能会把原型中的name属性覆盖掉

定义一个类,相当于一个json字符串

注意和innertext的区别

一个简易的时钟

改进的时钟

加定时器,会动的时钟

事件四要素

事件源 :要触发的对象 (一般是名词,事件发起者,比如开关按钮)

事件类型

监听器

事件处理程序:发生了什么事情 (处理结果,比如灯亮了)

一个事件绑定

hover事件,记住驼峰命名法,在css中的background-color在js中必须编程backgroundColor,其中的this是谁在调用这个方法谁就是事件源,就是this,上图中div在调用

相对定位不会脱离文档流,绝对定位会脱离

有定位才能用left top

获取当前定位,初始的时候现在js是8888

auto是居中,relative是用相对定位改变文档流使得小球参展小方框进行绝对定位


目录
相关文章
|
图形学
Pixi入门第三章:绘制更多内容
这篇文章作为Pixi.js入门教程的第三章,介绍了如何使用鼠标事件(如mousemove)来实现在画布上绘制线条的功能,并提供了实现动态绘制的代码示例。
285 0
|
2天前
|
存储 JavaScript 前端开发
JavaScript基础
本节讲解JavaScript基础核心知识:涵盖值类型与引用类型区别、typeof检测类型及局限性、===与==差异及应用场景、内置函数与对象、原型链五规则、属性查找机制、instanceof原理,以及this指向和箭头函数中this的绑定时机。重点突出类型判断、原型继承与this机制,助力深入理解JS面向对象机制。(238字)
|
3天前
|
安全 数据可视化 网络安全
安全无小事|阿里云先知众测,为企业筑牢防线
专为企业打造的漏洞信息收集平台
1303 2
|
4天前
|
云安全 人工智能
2025,阿里云安全的“年度报告”
拥抱AI时代,阿里云安全为你护航~
1453 2
|
2天前
|
人工智能 自然语言处理 API
n8n:流程自动化、智能化利器
流程自动化助你在重复的业务流程中节省时间,可通过自然语言直接创建工作流啦。
360 4
n8n:流程自动化、智能化利器
|
11天前
|
机器学习/深度学习 安全 API
MAI-UI 开源:通用 GUI 智能体基座登顶 SOTA!
MAI-UI是通义实验室推出的全尺寸GUI智能体基座模型,原生集成用户交互、MCP工具调用与端云协同能力。支持跨App操作、模糊语义理解与主动提问澄清,通过大规模在线强化学习实现复杂任务自动化,在出行、办公等高频场景中表现卓越,已登顶ScreenSpot-Pro、MobileWorld等多项SOTA评测。
1467 7
|
1天前
|
Linux 数据库
Linux 环境 Polardb-X 数据库 单机版 rpm 包 安装教程
本文介绍在CentOS 7.9环境下安装PolarDB-X单机版数据库的完整流程,涵盖系统环境准备、本地Yum源配置、RPM包安装、用户与目录初始化、依赖库解决、数据库启动及客户端连接等步骤,助您快速部署运行PolarDB-X。
226 1
Linux 环境 Polardb-X 数据库 单机版 rpm 包 安装教程
|
4天前
|
人工智能 API 开发工具
Skills比MCP更重要?更省钱的多!Python大佬这观点老金测了一周终于懂了
加我进AI学习群,公众号右下角“联系方式”。文末有老金开源知识库·全免费。本文详解Claude Skills为何比MCP更轻量高效:极简配置、按需加载、省90% token,适合多数场景。MCP仍适用于复杂集成,但日常任务首选Skills。推荐先用SKILL.md解决,再考虑协议。附实测对比与配置建议,助你提升效率,节省精力。关注老金,一起玩转AI工具。
|
12天前
|
人工智能 Rust 运维
这个神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
加我进AI讨论学习群,公众号右下角“联系方式”文末有老金的 开源知识库地址·全免费
1336 16
|
4天前
|
机器学习/深度学习 测试技术 数据中心
九坤量化开源IQuest-Coder-V1,代码大模型进入“流式”训练时代
2026年首日,九坤创始团队成立的至知创新研究院开源IQuest-Coder-V1系列代码大模型,涵盖7B至40B参数,支持128K上下文与GQA架构,提供Base、Instruct、Thinking及Loop版本。采用创新Code-Flow训练范式,模拟代码演化全过程,提升复杂任务推理能力,在SWE-Bench、LiveCodeBench等基准领先。全阶段checkpoint开放,支持本地部署与微调,助力研究与应用落地。
443 1

热门文章

最新文章