前端基础——自学习梳理

超文本协议HTML

<!DOCTYPE HTML>
<html><head><meta charset="utf-8">  <style>    /*Css*/.sty1{height:100px;width:100px;background-color: red;margin-top: 10px;float:left;margin-left: 10px;box-shadow: 10px 10px 10px #000000;}       /*margin-top 上边距*//* float 浮动属性*/   /*margin-top left 可以放到页面任何地方*/.sty2{margin-left: -50px;background-color: green;margin-top: 60px;transform: rotate(30deg);}/*旋转30度*/     /*向右偏 向下偏 渐变*/.sty3{opacity: 0.8; border-radius: 10px;}  /*透明度 圆角属性*/.sty4{background-color: white;border-radius: 10px;box-shadow: 0px 0px 10px #00f;}</style></head>
<body>你好<input type="text" /><input type="button" value="按钮" />  <select><option>选择1</option><option>选择2</option><option>选择3</option><option>选择4</option></select> <div class="sty1" onclick="m0()">   </div>             <!--万能标签;style可以在任何一个标签--><div class="sty1">   </div>             <!--div 属性很精确,其他可能有误差--> <div class="sty1">   </div>             <!--默认从上到下--><div class="sty1">   </div><div class="sty1 sty2 sty3">   </div>         <!--相同属性覆盖,不同保留--><div id="aaa" class="sty1">   </div>    <!-- id和class之间不需要; --><div class="sty1 sty4">   </div></body><script>         // 54:00  JavaScript(和java没关系) 弱类型(PHP、PYTHON) 简单但是性能差var x1=90;var x2="adava";var x3=[1,2,3,1];    //数组var x4='afag';       //也是字符串var x5=23.5;var x6=[12,2.3,'adfa',"wdwd",[1,3.2,"adw"]];    //!var x7=m1(2,9);      //函数使用可以在函数定义上面var x8=m1(2,"hae");var x9=m1("af","gedf");function m1(a,b){return a+b;}// console.info(x7);//控制台输出// console.info(x8);// console.info(x9);function m0(){setTimeout("m2()",3000);}function m2(){// alert("大家好");var w=document.getElementById("aaa");w.style.height="120px";w.style.transform="rotate(45deg)";}</script>
</html>

免安装的叫做绿色程序(解压即可使用,对操作系统来说负担会小)

tomcat默认端口8080

bin--脚本所在目录

conf---配置文件所在目录

lib---函数库所在目录

logs---日志

webapps-----存放网站的地方

.bat windos下的脚本 .sh是shell脚本

chmod 777 *.sh .sh结尾的权限都变为777

在bin目录下 sh startup.sh 启动(或者./startup.sh) shutdown.sh 关闭

<!DOCTYPE HTML>
<html><head><meta charset="utf-8">  <style>    /*Css*/.sty1{height:100px;width:100px;background-color: red;margin-top: 10px;float:left;margin-left: 10px;box-shadow: 10px 10px 10px #000000;}       /*margin-top 上边距*//* float 浮动属性*/   /* float,css的一种属性,主要属性值为:left(左浮动)、none(不浮动)、right(右浮动)、inherit(继承父元素浮动),多用于网页排版。 *//*margin-top left 可以放到页面任何地方*/.sty2{margin-left: -50px;background-color: green;margin-top: 60px;transform: rotate(30deg);}/*旋转30度*/     /*向右偏 向下偏 渐变*/.sty3{opacity: 0.8; border-radius: 10px;}  /*透明度 圆角属性*/.sty4{background-color: white;border-radius: 10px;box-shadow: 0px 0px 10px #00f;}</style></head>
<body>你好<input type="text" /><input type="button" value="按钮" />  <select><option>选择1</option><option>选择2</option><option>选择3</option><option>选择4</option></select> <div class="sty1" onclick="m0()">   </div>             <!--万能标签;style可以在任何一个标签--><div class="sty1">   </div>             <!--div 属性很精确,其他可能有误差--> <div class="sty1">   </div>             <!--默认从上到下--><div class="sty1">   </div><div class="sty1 sty2 sty3">   </div>         <!--相同属性覆盖,不同保留--><div id="aaa" class="sty1">   </div>    <!-- id和class之间不需要; --><div class="sty1 sty4">   </div></body><script>         //JavaScript(脚本语言 和java没关系) 弱类型(PHP、PYTHON) 简单但是性能差var x1=90;var x2="adava";var x3=[1,2,3,1];    //数组var x4='afag';       //也是字符串var x5=23.5;var x6=[12,2.3,'adfa',"wdwd",[1,3.2,"adw"]];    //!var x7=m1(2,9);      //函数使用可以在函数定义上面var x8=m1(2,"hae");var x9=m1("af","gedf");function m1(a,b){return a+b;}// console.info(x7);//控制台输出// console.info(x8);// console.info(x9);function m0(){// setTimeout("m2(1)",3000);m2(1);}function m2(x){// alert("大家好");var w=document.getElementById("aaa");w.style.height=(100+x)+"px";w.style.transform="rotate("+x+"deg)";x+=1;                         //可以增加2、3 使它变化更快if(x>300){x=1;}setTimeout("m2("+x+")",10);   //最快1s运行10次}</script>
</html>

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

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

相关文章

多路h265监控录放开发-(14)通过PaintCell自定义日历控件继承QCalendarWidget的XCalendar类

首先创建一个新类XCalendar继承QCalendarWidget类&#xff0c;然后在UI视图设计器中把日历提升为XCalendar&#xff0c;通过这个函数自己设置日历的样式 xcalendar.h #pragma once #include <QCalendarWidget> class XCalendar :public QCalendarWidget { public:XCal…

2024.06.24 刷题日记

17. 电话号码的字母组合 依然是昨天的回溯&#xff0c;思路是根据 index&#xff0c;来确定要回溯的对象&#xff1a; class Solution { public:vector<string> letterCombinations(string digits) {vector<string> results;if (digits.empty())return results; …

Linux 运维王者从不离手的10款工具

运维工程师在日常工作中频繁运用的10款工具&#xff0c;并细致阐述每款工具的功能、适用场景以及其卓越之处。 1. Shell脚本 功能&#xff1a;主要用于自动化任务和批处理作业。 适用场景&#xff1a;频繁用于文件处理、系统管理、简单的网络管理等操作。 优势&#xff1a;灵…

Java 抽象类

目录 1、什么是抽象类 2、定义抽象类 3、抽象类特性 4、 抽象类的作用 1、什么是抽象类 抽象类&#xff0c;顾名思义就是抽象的。该类没有包含足够的信息去描绘一个具体的对象&#xff0c;这样的类称为抽象类。抽象类着一种优化了的概念组织方式&#xff0c;它是所有子类的…

研究上百个小时,高手总结了这份 DALL-E 3 人物连续性公式(上)

上篇 Dall-E 3 讲了常见的 20 个公式&#xff0c;今天单独来讲一下人物连续性公式&#xff0c;这个公式来自 AshutoshShrivastava。 上篇回顾&#xff1a; 效果超好&#xff01;全新 DALL-E 3 必须掌握的 20 种公式使用方法上周末&#xff0c;DALL-E 3 正式加入 ChatGpt&…

嵌入式实验---实验八 ADC电压采集实验

一、实验目的 1、掌握STM32F103ADC电压采集程序设计流程&#xff1b; 2、熟悉STM32固件库的基本使用。 二、实验原理 1、使用STM32F103R6采集可变电阻上的电压信号&#xff0c;并通过计算把当前ADC转换值和电压值显示在LCD1602液晶屏上&#xff1b; 2、对照电压表读数&…

红队内网攻防渗透:内网渗透之内网对抗:横向移动篇域控系统提权NetLogonADCSPACKDC永恒之蓝CVE漏洞

红队内网攻防渗透 1. 内网横向移动1.1 横向移动-域控提权-CVE-2020-1472 NetLogon1.2 横向移动-域控提权-CVE-2021-422871.3 横向移动-域控提权-CVE-2022-269231.4 横向移动-系统漏洞-CVE-2017-01461.5 横向移动-域控提权-CVE-2014-63241. 内网横向移动 1、横向移动-域控提权-…

【问题】Ubuntu下使用ftp命令下载文件

Ubuntu下使用ftp命令下载文件具体的方法示例如下: $ ftp 192.168.180.3 Connected to 192.168.180.3. Name (192.168.180.3:test): 此处输入用户名 Password:此处输入对应的密码 /*查看当前路径*/ ftp> pwd 257 "/" is current directory. ftp> cd test …

为冲刺IPO,喜马拉雅曝裁员20%?钉钉叶军吐槽百度搜索;美国制裁俄罗斯安全软件12名高管;华为自研语言仓颉力战Java

一、商业圈 1.钉钉总裁叶军吐槽百度搜索&#xff1a;前十条都是广告 钉钉总裁叶军在亚布力中国企业家论坛第十届创新年会上发表了演讲&#xff0c;期间他直言不讳地对百度搜索提出了批评。叶军指出&#xff0c;在OpenAI推出智能聊天机器人ChatGPT之后&#xff0c;百度的传统搜…

C++系统相关操作5 - 获取C++标准的版本

1. 关键词2. sysutil.h3. sysutil.cpp4. 测试代码5. 运行结果6. 源码地址 1. 关键词 关键词&#xff1a; C 标准库 STL 版本 指令集 跨平台 应用场景&#xff1a; 根据C的版本决定使用不同的函数接口打印系统日志。 2. sysutil.h #pragma once#include <cstdint> …

【Web APIs】JavaScript 事件基础 ② ( “ 事件 “ 开发步骤 | 常见鼠标 “ 事件 “ )

文章目录 一、" 事件 " 开发步骤1、" 事件 " 开发步骤2、完整代码示例 二、常见鼠标 " 事件 "1、常见鼠标 " 事件 "2、鼠标 " 事件 " 代码示例 Web APIs 博客相关参考文档 : WebAPIs 参考文档 : https://developer.mozilla…

Linux中Vim的使用技巧总结

日常工作中&#xff0c;Vim使用方式&#xff1a; 功能命令说明光标移动h向左移动光标j向下移动光标k向上移动光标l向右移动光标w移动到下一个单词的开始处e移动到下一个单词的结束处b移动到上一个单词的开始处0 (数字零)移动到当前行的开始处$移动到当前行的末尾gg移动到文件的…

6个步骤实现 Postman 接口压力测试

&#x1f345; 视频学习&#xff1a;文末有免费的配套视频可观看 &#x1f345; 点击文末小卡片 &#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 1、第一步接口可以通的情况下点击右上角save 2、将相应信息填入 3、如果是同一个接口修改不同的…

大型国民老牌药品医疗企业如何借助实时数仓冲破数据孤岛桎梏,拥抱数据驱动的经营管理模式

使用 TapData&#xff0c;化繁为简&#xff0c;摆脱手动搭建、维护数据管道的诸多烦扰&#xff0c;轻量代替 OGG、DSG 等同步工具&#xff0c;「CDC 流处理 数据集成」组合拳&#xff0c;加速仓内数据流转&#xff0c;帮助企业将真正具有业务价值的数据作用到实处&#xff0c…

Mysql: 数据模型

一.关系型数据库 概念:建立在关系型基础上,由多张相互连接的二维表组成的数据库。 1.关系型数据库: 2.特点&#xff1a; 1.使用表存储数据,格式统一,便于维护。 2.使用SQL语言操作,标准统一,使用方便。 3.数据模型 通过客户端连接DBMS可以创建多个数据库,在数据库中…

如何在Java中处理ParseException异常?

如何在Java中处理ParseException异常&#xff1f; 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01; 在Java编程中&#xff0c;ParseException异常是开发者在处理…

322. 零钱兑换-c语言

322. 零钱兑换-c语言 给你一个整数数组 coins &#xff0c;表示不同面额的硬币&#xff1b;以及一个整数 amount &#xff0c;表示总金额。 计算并返回可以凑成总金额所需的 最少的硬币个数 。如果没有任何一种硬币组合能组成总金额&#xff0c;返回 -1 。 你可以认为每种硬…

光伏半导体的种类

光照射半导体材料时&#xff0c;其电导率发生变化的实质是光生载流子的产生。在半导体中&#xff0c;价带中的电子受到一定能量的光子激发后&#xff0c;可以跃迁到导带&#xff0c;形成自由电子和空穴对&#xff0c;即光生载流子。这些光生载流子会增加半导体的导电能力&#…

ZOOM太卡怎么办?公司如何解决ZOOM会议卡顿?

ZOOM作为一种常见的办公工具&#xff0c;尤其在跨国公司和外资企业中&#xff0c;在线会议非常普遍。然而&#xff0c;由于ZOOM的服务器部署在国外&#xff0c;国内用户使用时可能会遇到卡顿、不稳定和声音断续等问题。那么&#xff0c;如何有效解决ZOOM卡顿的问题呢&#xff1…

「AIGC」LangChain

LangChain 是一个开源的自然语言处理(NLP)框架,它旨在帮助开发者快速构建和部署基于语言模型的应用程序。以下是一份针对初学者的快速入门指南,将帮助你了解LangChain的基本概念和如何开始使用它。 1. LangChain 简介 LangChain 是一个基于 Python 的库,它提供了一系列的…