HTML5

JavaScript 页面缓存

1.前言 由来:默认环境中,当浏览器重复访问一个资源时,为节省资源与性能,浏览器将其缓存,后续的请求不再从服务器下载该资源,而是直接从本地缓存中读取 副作用:当服务器资源更新时,浏览器无法得知,依旧加载的是旧资源 缓存控制:服务端告知浏览器是否缓存,缓存多久,客户端可以自主清除缓存 2.服务端 通过设置响应头来控制资源的缓存时效(max-age表示最多缓存多少秒) 如果不设置,则此资

前端必学-40个精选案例实战-案例9:企业首页实战项目【PC端网页布局】

项目首页.psd项目设计图 头部导航条的制作 资源: banner切换面板模块制作 资源: css就是第一章的那个图片 功能性图标文字模块制作 资源 css:第一章相同图片: 产品优势模块制作 资源: 产品特点模块制作 资源: 产品服务模块制作 资源: 服务

react class

1.(简单了解)类(class)组件的缺点 2. 函数钩子 3. 了解-函数式组件和类组件的区别 4. 函数组件中常用Hook 5.1 useState useState用法 useState()  用于为函数组件引入状态(state)。纯函数不能有状态,所以把状态放在钩子里面。 import {useState} from&nb

react的生命周期函数

react的生命周期函数 1. react所有的生命周期函数 https://react.docschina.org/docs/react-component.html 挂载 当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下: constructor() static getDerivedStateFromProps() render() componentDidMou

Vue Router

Vue Router(官网 https://router.vuejs.org/zh/)是 Vue.js 官方的路由管理器。 Vue Router包含的功能有: 支持HTML5历史模式或hash模式 支持嵌套路由 支持路由参数 支持编程式路由 支持命名路由 基本使用:    1.引入相关的库文件。        ***如果脚本实现方式似乎是基于 Vue 2

RGBA中的阿尔法通道

RGB 颜色模型是一种基于红色(R)、绿色(G)、蓝色(B)三个颜色通道的加色模型,用于通过不同的颜色混合产生广泛的颜色。而在 RGB 模型基础上添加的阿尔法通道(Alpha channel)则用于表示透明度信息,可以控制颜色的不透明度或透明度,使得可以实现颜色的混合以及创建具有透明或半透明效果的图像。 解释阿尔法通道 阿尔法值:Alpha 通道的数值通常范围从 0 到 100% 或者从 0 到

JavaScript 中 cookie、localStorage 和 sessionStorage 三者的区别(转载)

1、三者区别 cookie 用来保存登录信息,大小限制为 4KB 左右 localStorage 是 Html5 新增的,用于本地数据存储,保存的数据没有过期时间,一般浏览器大小限制在 5MB sessionStorage 接口方法和 localStorage 类似,但保存的数据的只会在当前会话中保存下来,页面关闭后会被清空。 名称 生命期 大小限制 与服务器通信 是否可以跨域 co

HTML常用字体标签:揭秘HTML字体标签,让你的网页“字”得其乐!

在数字世界的构建中,字体不仅仅是文字的外衣,更是情感和风格的传递者。作为网页设计师和前端开发者,掌握HTML中的字体标签,能够让我们创造出更加丰富和吸引人的用户体验。 今天,就让我们一起走进HTML字体标签的世界,探索它们如何让网页变得生动有趣。 一、认识基本字体标签 语法结构:<标签 属性=“值”> 内容 </标签> 标签通常是成对出现的,分为开始标签(p)和结束标签(

html代码新手教学

HTML 是超文本标记语言(HyperText Markup Language)的缩写,是用来描述网页结构的标记语言。在这篇教学中,我们将介绍一些 HTML 基础知识,帮助新手快速学习并掌握如何编写简单的网页。 ### 第一部分:HTML 基础 #### 1. 标签(Tags) HTML 使用标签来描述页面的结构,每个标签由尖括号包围,如`<tagname>`。标签通常是成对出现的,包

查漏补缺

1提取字符串中的数字 console.log(parseFloat('123.4daxion.cn'))// 123.4 console.log(parseFloat('daxion.cn1234')); // NaN var num = '1234daxion.cn'.replace(/[^d]/g, ""); console.log(num); //1234 2 CSS属性的官方文档 ■CSS

Blazor笔记-Form components

更新记录 注意:非教程。纯笔记,日常查询用的。需要教程的小伙伴找几本书看看即可哈哈,有Vue基础的话非常快,概念都是通的。非工作需要不建议深入学习Blazor,深入Vue吧,用的多,哈哈。 完整目录地址:https://www.cnblogs.com/cqpanda/p/17596348.html 点击查看 Forms Handling user input with forms is

20240304

今天一整天满课,早上给周四晚上选了个课,概率论,睡了三节课 下午跨文化交际,听个热闹,马原睡得很想 晚上的Web开发技术,讲的都是我会的东西,HTML5基础,CSS,所以我就写白天的课程的作业。 回到宿舍继续写之前的作业,基本完成了复试功能,但是一些细节还是没想明白。

带 www 和不带 www

域名(domain name)是人类可读的服务器的地址名称。一台物理机器可能包含多台服务器,一台服务器也可能由多台物理机器支撑。一个服务器可以有多个域名。 域名通常是多级的,比如 www.badiu.com,com 是顶级域名(Top-Level Domain, TLD),位于 com 前的 baidu、www 是标签 label 或者组件 component,baidu 也被称作二级域名(Sec

界面控件Telerik UI for ASP. NET Core教程 - 如何为网格添加上下文菜单?

Telerik UI for ASP.NET Core是用于跨平台响应式Web和云开发的最完整的UI工具集,拥有超过60个由Kendo UI支持的ASP.NET核心组件。它的响应式和自适应的HTML5网格,提供从过滤、排序数据到分页和分层数据分组等100多项高级功能。 上下文菜单允许开发者为应用程序的最终用户提供额外的功能和选项,本文将带领大家看看如何在 ASP. NET Core 网格中使用它。

img标签 为何每个都要设置 draggable = false?

dragable: 默认值为false,可以用于拖拽,但是一个虚拟的。 a标签,img标签默认自带拖拽,(只有chrome,safari可以使用,firefox不支持,ie不支持) 在HTML5中,img标签默认是可拖动的(至少在某些浏览器如Chrome和Safari中)。 当用户尝试拖动图片时,浏览器会根据其默认行为进行处理,例如可能会启动一个文件拖放操作或者执行某种内置的拖放功能。 为了防止这

DIV CSS基础

让我们逐步解释每个部分的作用: <!DOCTYPE html>:这是HTML5的文档类型声明,用于指示文档使用HTML5规范解析。 <html>:<html>标签是HTML文档的根元素,它包含了整个HTML文档的内容。 <head>:<head>标签定义了文档的头部,其中包含了关于文档的元数据和引用的外部资源,如标题、样式表和

canvas画个椭圆

HTML5,使用canvas,简单地画个椭圆   直接上代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="description" content="" /> <meta name="keywords

HTML-Learning

Web Learning HTML 标签 属性 HTML基本结构 注释 文档声明 字符编码 设置语言 排版 语义化标签 块级元素和行内元素 不常用的标签 图片标签 相对/绝对路径 常见图片格式 超链接 列表 表格 常用标签 表单 HTML字符实体 全局属性 meta元信息 HTML 标签 规范:小写 https://www.w3school.com.cn/tags/html_ref_b

html快捷键

目录索引 1. 生成html模板:【!】或者【html:5】 2.单个标签的快速生成 2.1 打完标签名,按下回车键或者Tab键:【div】 2.2 【#】id,【.】class,【[]】属性 ,【{}】标签内容 3.生成多个相同的同级标签:【table*3】 4.生成多个不同的同级标签:【div+input+table】 5.生成嵌套标签:【>】 5.1 指定标签:【el-c

天喻教育墨水屏(天喻教育平板)M3破解教程(3)

天喻教育墨水屏(天喻教育平板)M3破解教程(3) 宇宙安全声明: 本教程非广告!本身已经正在使用天喻教育墨水屏的读者才需观看此教程!禁止使用本教程破坏纪律,影响自身和他人上课专注要求!若不当使用本教程造成他人利益损害,本人不承担任何责任! 本教程为本人原创,禁止盗传!   在观看教程(三)前,请先观看教程(二),熟练其中操作再观看教程(三)!!!   再整一个小活吧,可以和朋友

前端必学-40个精选案例实战-案例8-仿京东导航条触碰下拉效果

导航条触碰下拉效果(理解鼠标浮动伪类、链接激活伪类) 理论实操:未访问链接、已链接激活伪类制作 导航条触碰时光标改变效果 大厂电商导航条模块 图片资源 代码实现:

HTML <!DOCTYPE>标记

原文链接:https://blog.csdn.net/wuxiaopengnihao1/article/details/126521900 描述HTML <!DOCTYPE>标记一般放在HTML文档中的第一行。它告诉浏览器要编写文档的HTML版本,以便浏览器知道预期的内容。此标记通常也称为<!DOCTYPE>元素。 句法<!DOCTYPE>标记的语法在

网络游戏协议测试(接口测试)的一些总结

什么是游戏协议?  协议是网络游戏前后端交互的实现方式。 游戏中协议的收发过程是怎样的?  当我们在进行游戏的时候,我们点击了某个按钮进行某一种游戏行为,这个时候,客户端会按照跟服务器约定好的一些规则,将我们的游戏行为对应的请求和参数通过网络封包发送给服务器,服务端在收到这个请求后会对请求内容进行解析,以确定客户端进行的是什么游戏行为,并获取到对应的请求参数,之后服务端会根据代码逻辑来对这些数据进

使用react-dnd实现表格之间互相拖拽

        // 收集功能,一个函数,用来收集属性的,返回一个js对象,并且返回值会合并到你的组件属性中 ;monitor:监听器         // monitor 里面存放的是一些拖动的状态,当拖动状态发生变化时会通知属性重新获取属性 并重新刷新组件  效果展示  

HTML5 WebSocket 详解及使用

            ---- 作者:柒月 开源:https://github.com/qiy/ 站点:https://qiy.net/ Q群 :2122210(嵌入式/机器学习)

在写布局样式的时候,什么时候命名为area,什么时候为container,什么时候为wrapper,什么时候为box,给出你的最佳实践,并说明理由

在编写布局样式时,对于类名的选择如 area、container、wrapper 和 box 等具有语义的名称是非常重要的,它们可以帮助开发者和维护者更好地理解 HTML 结构与功能。以下是一些最佳实践以及何时使用这些类名的理由: container: 通常用于包裹整个页面或特定区块的主要内容容器。 理由:这个词表示“容器”,暗示它是一个包含其他元素的独立区域,并且可能设置了宽度、对齐方式等

css其他

1、    css水平、垂直居中 水平居中 垂直居中   2、    CSS 选择符 1.id选择器( # myid)2.类选择器(.myclassname)3.标签选择器(div, h1, p)4.相邻选择器(h1 + p)5.子选择器(ul > li)6.后代选择器(li a)7.通配符选择器( * )8.

HTML5 新手文档流、文档结构、页面生命周期 讲解

HTML5 新手文档流、文档结构、页面生命周期 讲解 1.HTML 文档结构 2.HTML 文档流 HTML代码执行 顺序 CSS 代码执行优先执行  JS 代码执行和HTML结构的先后顺序 3. 前端代码和浏览器缓存机制   4.HTML5 页面生命周期 生命周期事件 document.onready window.onload window.onclose window.o

html都学什么

标签和元素:学习常用的HTML标签,如标题(<h1>到<h6>)、段落(<p>)、链接(<a>)、图片(<img>)、列表(<ul>、<ol>、<li>)等,以及如何使用这些标签来组织网页内容。 属性:学习如何使用属性来扩展标签的功能,比如设置链接的href属性,图片的src和alt属性等。

记录--h5端调用手机摄像头实现扫一扫功能

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、前言 最近有遇到一个需求,在h5浏览器中实现扫码功能,其本质便是打开手机摄像头定时拍照,特此做一个记录。主要技术栈采用的是vue2,使用的开发工具是hbuilderX。 经过测试发现部分浏览器并不支持打开摄像头,测试了果子,华子和米,发现夸克浏览器无法打开摄像头实现功能。 h5调用摄像头实现扫一扫只能在https环境下,亦

<<  <  1  2  3  4  5  6  7  8  9  10  >  >>