前端基础一之开发须知道的那些事儿

2024-08-26 00:38

本文主要是介绍前端基础一之开发须知道的那些事儿,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

    

    查看的快捷键C+S+I然后点击Network(注意快捷键的使用)

   Tab键是缩进的快捷键

   后缀名决定文件的打开方式和解析方式

    H 是head的简称

   把页面上的文字加上标题的语义。

  P是给页面上的一段文字加上段落的语义

 

1.浏览器内核是从上到下来渲染页面的,

2.Css的优先级是内联>id>class

3.http协议:超文本传输协议,包括请求报文、响应报文、URL(请求地址)

4协议名、服务器的IP地址、端口号、请求的文件的名称

https比不加S要安全

DNS域名解析器:可以把域名解析成IP,也可以吧IP解析成域名。

如果没有设置端口号阿么默认的端口是80

网络的传输的过程终会有很多节点,一旦发现网络异常就会与网络警察

5.hr/

Br/用来换行

b是加粗

i是倾斜

u是下划线

s是删除线

这些标签没有语义,是html没出来之前最早的标签

Strong加粗

ins下划线

em倾斜

del删除线

最好用下面的标签

起到强调的作用

6.C+k、C+b侧边栏显示快捷键

C+n新建文件

C+S+s另存为

C+S+d快速复制一整行

C+S+K快速删除一整行

C+S+向上箭头:快速移动

7.alt:如果图片加载不出来则就会显示alt里面的内容

title:鼠标悬停2秒显示的内容

8.如果页面上有图片则会多发出一个请求去请求页面

机器在识别相应内容时是从上到下渲染的

响应是同时进行的

每张图片都会再次发一次请求

9.绝对路径:带有盘符的所有的内容的

10相对路径

    a.如果页面与图片在同一目录下

   src="1.png"

 b.页面与图片的上一个目录在同一目录下

  src="img/1.png"

  c页面的上一个目录与图片在同一个文件夹下

 src="../2.jpg"

11.href="lujing"

  键       值

键值对

双标签之间一定要有内容

12.a标签会跳转到另外一个页面上去

Href="#"a标签跳转到了当前页面

 a标签可以在自己的页面上定位

   a设置a标签的herf属性为"#id名"

  给目标一个id名

 

可以在跳转的页面进行定位

Href="09.html/#id名"

13.target—_blank保留原页面并且进行跳转

_self跳转但是不保留原来的页面

如果给页面的所有的a标签来进行共同的跳转属性则在title放一个base标签<base target="_blank">

 


这篇关于前端基础一之开发须知道的那些事儿的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1107052

相关文章

从基础到高级详解Go语言中错误处理的实践指南

《从基础到高级详解Go语言中错误处理的实践指南》Go语言采用了一种独特而明确的错误处理哲学,与其他主流编程语言形成鲜明对比,本文将为大家详细介绍Go语言中错误处理详细方法,希望对大家有所帮助... 目录1 Go 错误处理哲学与核心机制1.1 错误接口设计1.2 错误与异常的区别2 错误创建与检查2.1 基础

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

一文详解Python如何开发游戏

《一文详解Python如何开发游戏》Python是一种非常流行的编程语言,也可以用来开发游戏模组,:本文主要介绍Python如何开发游戏的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、python简介二、Python 开发 2D 游戏的优劣势优势缺点三、Python 开发 3D

基于Python开发Windows自动更新控制工具

《基于Python开发Windows自动更新控制工具》在当今数字化时代,操作系统更新已成为计算机维护的重要组成部分,本文介绍一款基于Python和PyQt5的Windows自动更新控制工具,有需要的可... 目录设计原理与技术实现系统架构概述数学建模工具界面完整代码实现技术深度分析多层级控制理论服务层控制注

前端缓存策略的自解方案全解析

《前端缓存策略的自解方案全解析》缓存从来都是前端的一个痛点,很多前端搞不清楚缓存到底是何物,:本文主要介绍前端缓存的自解方案,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、为什么“清缓存”成了技术圈的梗二、先给缓存“把个脉”:浏览器到底缓存了谁?三、设计思路:把“发版”做成“自愈”四、代码

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter

Vue3视频播放组件 vue3-video-play使用方式

《Vue3视频播放组件vue3-video-play使用方式》vue3-video-play是Vue3的视频播放组件,基于原生video标签开发,支持MP4和HLS流,提供全局/局部引入方式,可监听... 目录一、安装二、全局引入三、局部引入四、基本使用五、事件监听六、播放 HLS 流七、更多功能总结在 v

Spring的基础事务注解@Transactional作用解读

《Spring的基础事务注解@Transactional作用解读》文章介绍了Spring框架中的事务管理,核心注解@Transactional用于声明事务,支持传播机制、隔离级别等配置,结合@Tran... 目录一、事务管理基础1.1 Spring事务的核心注解1.2 注解属性详解1.3 实现原理二、事务事

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②