前端三件套速成

news2024/11/19 9:32:20

一、HTML

1、基本的文档结构

<!doctype html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>My test page</title>
  </head>
  <body>
    <img src="images/firefox-icon.png" alt="My test image" />
  </body>
</html>

2、标记文本:标题<h1>、段落<p>、列表<ul> <ol>

        属性

3、图像

<img src="images/firefox-icon.png" alt="My test image" />

4、超链接<a>

<a href="https://www.mozilla.org/zh-CN/about/manifesto/">Mozilla Manifesto</a>

5、表格

速成视频:为初学者准备的:HTML 速成_哔哩哔哩_bilibili

网站:菜鸟教程、HTML 基础 - 学习 Web 开发 | MDN

二、CSS

1、四种类型选择器

标签选择器、Id选择器、类选择器、属性选择器

2、三种html引入CSS方式

  1. 外部引入CSS文件 import xxx.css
  2. 嵌入式:在head下body外<style></style>嵌入选择器
  3. 内联式(特殊情况用,极少用) 在标签内部写style=""

3、文本大小、类型、颜色。。。

4、盒子模型 :

在html构建结构时,常使用<div>多层嵌套

然后针对每个div进行style渲染

速成教程:为初学者准备的:CSS 速成_哔哩哔哩_bilibili

三、JavaScript

常识:JavaScript解释性语言,不用编辑器,必须要使用JavaScript引擎来运行,但一般浏览器才会内置JS引擎,一位天才使用c++编写了node.js 内置了JS引擎,实现外部环境也可以运行JS代码

1、变量

原生数据类型也就是String、boolean、number、null、Array、

语法中只有const常量、let变量、var(少用)

2、数组

let arr = new Array(1,"xiaowang","shiixna",2,4);

数组内部元素数据类型可不同。

3、对象

const person = {
    lastName: "houhh",
    age: 30,
    hobbies: ["football","eat","sports"],
    address: {
        street: "34 main st",
        city: "Boston",
        state: "MA",
    },

}

4、构造函数、条件语句、循环语句也都差不多 多写几道算法题就好了。

5、事件、操作网页啥的 也用不到。用到再学。

教程:为初学者准备的:JavaScript 速成_哔哩哔哩_bilibili

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

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

相关文章

API文档搜索引擎

导航小助手 一、认识搜索引擎 二、项目目标 三、模块划分 四、创建项目 五、关于分词 六、实现索引模块 6.1 实现 Parser类 6.2 实现 Index类 6.2.1 创建 Index类 6.2.2 创建DocInfo类 6.2.3 创建 Weight类 6.2.4 实现 getDocInfo 和 getInverted方法 6.2.5 实现 …

解析数据库的“四世同堂”,畅聊数据前沿技术!

引言 数据库与大数据一直是技术圈的两个常青领域。PC 时代诞生了最早的关系型数据库&#xff0c;之后数据类型越来越多&#xff0c;出现了各种非关系型数据库。云时代拉开序幕的同时&#xff0c;“大数据”一词也被广泛使用&#xff0c;涵盖海量数据的采集、处理、存储、分析和…

【数模研赛思路】2023华为杯研究生数学建模竞赛选题建议及CDEF题思路

大家好呀&#xff0c;全国研究生数学建模竞赛今天早上开赛啦&#xff0c;在这里先带来初步的选题建议及思路。 目前团队正在写E题完整论文&#xff0c;此外C已经完成了第一问代码及结果&#xff0c;本文章只是一个比较粗略的文字版思路&#xff0c;更加详细的半小时视频讲解版…

React 全栈体系(十二)

第六章 React UI 一、流行的开源 React UI 组件库 1. material-ui(国外) 官网: http://www.material-ui.com/#/github: https://github.com/callemall/material-ui 2. ant-design(国内蚂蚁金服) 官网: https://ant.design/index-cnGithub: https://github.com/ant-design/…

企业虚拟化KVM的三种安装方式(1、完全文本2、模板镜像+配置文件3、gustos图形方式部署安装虚拟机)

一、安装完虚拟机后的操作 第一步: 第二步&#xff1a;分配的内存大一下&#xff0c;处理器多些 第三步&#xff1a;打开虚拟化 打开虚拟机、安装KVM 一般企业如果使用kvm虚拟化平台&#xff0c;都会把物理服务器装成Centos的操作系统&#xff0c;然后装上kvm&#xff0c;创建…

创龙TL6678F开发板: 实现FPGA与DSP之间 SRIO(3.125Gbps, 4x)通信

创龙TL6678F开发板官方Demo:SRIO_AD9613 实现了FPGA和DSP之间的SRIO通信, SRIO的速率为5Gbps. 在FPGA端, srio_gen_2 模块的参考时钟为 125MHz. 而Demo: udp_10g_echo 实现了10G以太网通信, ten_gig_eth_pcs_pma模块的参考时钟为156.25 MHz. 两者共用一个 cdcm61002, 且两个参考…

【100天精通Python】Day67:Python可视化_Matplotlib 绘动画,2D、3D 动画 示例+代码

1 绘制2D动画&#xff08;animation&#xff09; Matplotlib是一个Python绘图库&#xff0c;它提供了丰富的绘图功能&#xff0c;包括绘制动画。要绘制动画&#xff0c;Matplotlib提供了FuncAnimation类&#xff0c;允许您创建基于函数的动画。下面是一个详细的Matplotlib动画示…

服务器时间正常,docker容器日志显示时间少了8小时

问题&#xff1a; 项目中docker部署的项目容器日志时间少了8小时。解决&#xff1a; 在Dockerfile添加下面语句&#xff1a; # 设置时区 ENV TZ"Asia/Shanghai"

数字人惯性动作捕捉技术服务,激发吉祥物IP创新活力

近日&#xff0c;2023年成都市全国科普日主场活动启动仪式中&#xff0c;全球首发全国首个科普数字人形象大使“科普熊猫”&#xff0c;在大会活动现场&#xff0c;数字人“科普熊猫”结合惯性动作捕捉技术&#xff0c;与现场主持人、观众进行实时互动交流&#xff0c;以虚实结…

华为云云耀云服务器L实例评测|2核2G跑mysql性能测试

前言 上一次我们介绍了华为云云耀云服务器L实例的基本信息&#xff0c;从购买到特色都做了简要介绍。但是 很多人看到这个配置又产生了迟疑&#xff0c;主要是因为云耀现在提供的全系是2核&#xff0c;性能吃得消吗&#xff1f;今天我们就来做一个性能测试 环境准备 因为我们…

Unity fbx动画压缩自动化

应用场景&#xff1a;Unity WebGl项目&#xff0c;原先的动画压缩后也有20到30M&#xff0c;导致用户进入网页加载太慢。需求是在不对动画精确度造成影响的前提下&#xff0c;影响尽可能地压缩动画。&#xff08;使用的是Maya导出的人体骨骼动画&#xff0c;在动画压缩方式选择…

2023华为杯数学建模研赛思路分享——最全版本F题深度解析

题目回顾&#xff1a; 强对流降水临近预报 我国地域辽阔&#xff0c;自然条件复杂&#xff0c;因此灾害性天气种类繁多&#xff0c;地区差异大。其中&#xff0c;雷雨大风、冰雹、龙卷、短时强降水等强对流天气是造成经济损失、危害生命安全最严重的一类灾害性天气[1]。以202…

计算机毕业设计 基于SpringBoot的“漫画之家”系统的设计与实现 Java实战项目 附源码+文档+视频讲解

博主介绍&#xff1a;✌从事软件开发10年之余&#xff0c;专注于Java技术领域、Python人工智能及数据挖掘、小程序项目开发和Android项目开发等。CSDN、掘金、华为云、InfoQ、阿里云等平台优质作者✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精…

SmartCode ViewerX VNC 3.11 Crack

SmartCode ViewerX VNC 查看器 ActiveX 轻松地将 VNC 查看器功能添加到您的应用程序中 SmartCode ViewerX VNC Viewer ActiveX 使开发人员可以使用一组直观的 ActiveX 属性和方法完全访问 VNC 查看器功能。借助ViewerX控件&#xff0c;开发人员可以轻松地为其应用程序提供屏幕共…

如何判断IP地址的合法性

判断IP地址的合法性是网络管理和安全领域中非常重要的任务之一。IP地址&#xff08;Internet Protocol Address&#xff09;是计算机网络中用于标识和定位设备的一种数字地址。合法的IP地址必须符合特定的格式和规范。在这篇文章中&#xff0c;我们将讨论如何判断IP地址的合法性…

算法通关村-----一图理解递归

递归的本质 递归的本质是方法调用&#xff0c;自己调用自己&#xff0c;系统为我们维护了不同调用之间的保存和返回功能。 递归的特征 执行范围不断缩小&#xff0c;这样才能触底反弹 终止判断在递归调用之前 如何写递归 以n的阶乘为例 第一步 从小到大递推 n1 f(1)1 …

C++标准模板库——vector的使用及其模拟实现

目录 一. vector的介绍 1.vector的介绍 二.vector的使用 vector中常见接口的介绍vector的构造和析构函数vector的三种遍历方式 三.vector的模拟实现 vector的增删查改vector容器的容量变化和大小增减vector迭代器失效问题vector的小框架 构造函数和析构函数迭代器和operat…

基于AR增强现实模拟离心泵结构拆装与运行

通过AR模拟&#xff0c;学生可以虚拟地观察离心泵的结构和部件&#xff0c;进行拆装、安装和调试的操作&#xff0c;而无需实际接触物理设备。这极大地降低了学生操作过程中的风险。 AR模拟离心泵的拆装过程可以分为几个步骤。首先&#xff0c;学生选择相应的模拟程序&#xff…

如何利用kakaoTalk进行营销?

kakaoTalk是一款韩国即时通讯软件&#xff0c;用户渗透率达95%&#xff0c;使用程度类似于国内的微信。而除了普通的聊天功能外&#xff0c;他还包含叫车服务、食品外送、餐厅预订、支付和游戏等多种功能&#xff0c;几乎每个韩国人都在使用KakaoTalk。 因此&#xff0c;对于要…

Java中swing的5种布局方式浅析

在一个传统的java项目中&#xff0c;遇到一个需要调整布局的需求&#xff0c;下面将学习网上大佬的文章&#xff0c;并将过程记录下来。 1、Java swing5种布局方式 1、 边界布局&#xff08;BorderLayout&#xff09;2、流式布局&#xff08;FlowLayout&#xff09;3、网格布局…