前端01

最新推荐文章于 2025-11-25 15:30:00 发布
原创 最新推荐文章于 2025-11-25 15:30:00 发布 · 112 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #js #javascript

本文介绍了HTML的基本标签使用，包括双标签如<p>和单标签<img>。讲解了块级元素（block）如何独占一行，内联元素（inline）如何在同一行显示，以及内联块级元素（inline-block）的特性。此外，还详细阐述了<a>标签的用法，特别是其href属性用于指定链接地址，target属性用于设定打开链接的方式，包括_blank（新窗口）、_self（当前窗口）和_frameName（指定框架内显示）。

文章目录

html

双标签< p > < /p > 单标签 < img / >

块级元素:block 独占一行 inline:不独占一行 inline-block:块级元素显示在一行

< a href = “url"target=”_blank"> < /a > _blank:新开窗口 _self:原窗口 _framename 在框架显示

iframe src=“url” width height frameborder

苍穹外卖项目前端DAY01
qq_62892403的博客
09-01 1710
vue属于单页面应用，所谓的路由，就是根据浏览器路径不同，用不同的视图组件替换这个页面内容路由组成：VueRouter：路由器，根据路由请求在路由视图中动态渲染对应的视图组件：路由链接组件，浏览器回解析成：路由视图组件，用来展示与路由路径匹配的视图组件vuex是一个专为Vue.js应用程序开发的状态管理库vuex可以在多个组件之间共享数据，并且共享的数据是响应式的，即数据的变更能及时渲染到模版vuex采用集中式存储管理所有组件的状态安装vuex。
H5 微信公众号 授权登录 前后端分离篇(资料准备+前端01)
热门推荐
Gblfy_Blog
01-10 1万+
实现微信公众号授权登录，很简单，但是注意的地方要细心，小伙伴们跟着我的思路一起身临其境吧！ 文章目录帐号申请微信文档 帐号申请 微信公众平台接口测试帐号申请 https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 打开微信公众平台登录，用微信扫码登录 把appID和appsecret复制到txt文本中，等会用 appID：wxd1f5xxx72428a appsecret：a179826ae2aaff32xxx1551f315c43.
前端样式-卡片01
Anolzo
03-19 3670
运用到的技术： html + css+ js 样式： HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc
前端兼容 适配
pika___chew的博客
04-20 1539
问题描述： ios端打开h5页面后，从a页面跳转到b页面，然后再返回a页面之后，发现a页面没有刷新。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。**替换字符串： **new Date(“2023-01-01 00:00:00”).replace(/-/g, “/”);解决办法： 改用“/”分割，例如：new Date(‘2023/01/01 00:00:00’)
前端技术周刊
weixin_52624209的博客
08-07 1233
🍦 资讯动态01：在编辑器中的区域优先诊断02：这个属性可以帮助防止在加载字体时布局发生位移，并确保在较小字体大小下替代字体的可读性。03：在看到的消息后，W3C 希望就此明确立场。04鸿蒙开发支持Vue3，不支持Vue2、不支持plus、但支持nvuenvue编译到鸿蒙后非原生渲染，而是与web一样渲染（自动注入一些默认样式进行兼容）
前端css定位
qq_39218045的博客
09-01 2362
绝对定位是相对于整个浏览器窗口进行定位，它是脱离文档流的，不受周围环境影响。相对定位是相对于之前盒子出生点去进行位置描述，该定位会受到周围环境影响。：在主轴上均匀分布，首个项目放在起始位置，末尾项目放在末尾位。：默认值，如果项目未设置固定的侧轴尺寸，则会拉伸以填满容器。：在主轴上均匀分布，包括首个项目和末尾项目两侧的空间。定位要结合位置描述属性去进行使用才会产生效果。定位要结合位置描述属性去进行使用才会产生效果。定位要结合位置描述属性去进行使用才会产生效果。定位要结合位置描述属性去进行使用才会产生效果。
前端常用缓存技术深度剖析
你若盛开，清风自来
12-04 2851
前端常用的缓存技术在提升性能、优化用户体验方面各有其独特的作用。浏览器缓存通过在用户本地存储资源减少网络请求；本地存储为前端应用提供持久化或会话相关的数据存储；应用缓存支持离线应用；CDN 缓存则在全球范围内加速资源分发。开发人员需要深入理解这些缓存技术的原理、适用场景和局限性，根据应用的特点合理选择和组合使用缓存技术，并制定有效的缓存更新策略，以充分发挥缓存的优势，同时避免因缓存问题导致的用户体验下降或数据不一致等问题。在不断发展的前端技术环境中，缓存技术的合理应用将持续是优化前端应用的关键环节之一。
01. 前端可视化介绍
以梦想为帆，行动作桨，驶向辉煌彼岸。
04-30 1618
本篇文章深入介绍了前端可视化的概述、分类以及应用领域，同时推荐了一些比较优秀的库
H5-前端学习-01前端入门
Gy_gsdsb的博客
07-31 1076
哈喽，各位小伙伴，今天开始，我们就会开始更新一些前端的文章，想学习前端的小伙伴，特别是0基础的小伙伴，或者对此感兴趣的小伙伴，可以关注我，我会保持更新。
前端快捷键合集
weixin_72322475的博客
07-09 3871
持续更新前端相关快捷键，主要是博主自存
前端练习01-前端-HTML
03-24
本练习集“前端练习01-前端-HTML”旨在帮助初学者或有一定基础的学习者深入理解并熟练掌握HTML的基本概念、结构以及应用。 HTML是一种标记语言，它通过一系列预定义的标签来描述网页内容和结构，如标题、段落、图像...
part2-01-前端工程化实战资源
07-15
在当前的软件开发领域，前端工程化已成为构建大型、可维护前端项目的重要实践。本资源包，名为“前端工程化实战资源”的部分，显然致力于为开发者提供在实战中应用前端工程化概念和技术的工具与指导。从文件名称列表...
自我学习前端01
qq_38903828的博客
11-24 581
HTML 1.入门 <html> <head> <title></title> </head> <body> </body> </html> 2.工具 VS Code 插件： 1.Chinese Language //中文简体语音 2.open in browser //右键在浏览器中打开html 3.Auto Rename Tag //自动修改匹配前后标签 4.CSS Peek
JMeter XPath提取器用法详解：XML/HTML响应数据提取神器
最新发布
m0_58868237的博客
11-25 1227
摘要：本文全面解析JMeter中XPath提取器的使用技巧，重点介绍其在XML/HTML格式接口测试中的应用。XPath提取器通过简洁的XPath语法精准定位节点，无需编码即可提取文本、属性等数据，特别适合SOAP接口、传统API和Web页面测试。文章详细讲解XPath核心语法、提取器配置参数，并通过5个实战案例演示单节点提取、批量提取、条件筛选等常见场景。同时提供高级用法、常见问题解决方案和最佳实践，帮助测试人员高效解决接口自动化测试中的数据提取和传递问题。掌握XPath提取器能显著提升XML/HTML接
【HTML】iframe 标签 allow 权限汇总（例如添加复制粘贴权限）
qq_45677671的博客
11-25 258
本文介绍了HTML iframe标签的allow属性及其常见用法。allow属性用于控制iframe中内容的权限，包括剪贴板访问、全屏、支付、摄像头/麦克风等设备权限。文章列举了主要权限值及其应用场景，并展示了三种使用方式：基本用法（直接设置权限）、精细控制来源（指定允许的域名）以及组合多个策略。通过合理配置allow属性，可以在保证安全性的前提下为iframe内容授予必要的功能权限。
claude code创建一个html文件，内容是打字游戏，需要打汉字，有分数统计，界面要炫酷，html文件可以直接运行看效果
徐同保的专栏
11-24 372
claude code创建一个html文件，内容是打字游戏，需要打汉字，有分数统计，界面要炫酷，html文件可以直接运行看效果
什么是HTML Boilerplate？它为何重要？（中英双语版）
专注信创数据库与云计算领域实践分享，深耕腾讯TDSQL、华为高斯DB等国产数据库，及华为云、腾讯云等云服务应用，记录技术探索与落地经验，与同行交流共进。
11-25 529
本文介绍了HTMLBoilerplate（HTML模板）的定义、核心组成及其重要性。HTML模板是网页开发的基础框架，包含DOCTYPE声明、html标签、head和body等基本结构。head部分存放元数据、标题和样式表链接，body部分则放置页面内容。使用模板能确保页面结构正确、跨浏览器兼容，并遵循最佳实践。文章还提供了中英双语对照说明，帮助开发者理解模板各部分的用途，最后通过双语测验巩固知识点。模板可自定义扩展，是提高开发效率的有效工具。
【HTML+CSS】使用HTML与后端技术连接数据库
2509_94007310的博客
11-24 802
HTML负责构建网页的骨架，提供用户交互的表单等元素。用户通过表单输入数据，并通过表单的提交（submit）事件将数据发送到后端。
JMeter XPath2 Extractor用法全解析：精准提取XML/HTML响应数据
m0_58868237的博客
11-25 985
JMeter接口测试中，XPath2Extractor是处理XML/HTML响应数据提取的强大工具。相比传统XPath1.0，它支持更丰富的语法特性，包括复杂条件筛选、多结果处理、数值计算和日期格式化等功能。本文详细解析了XPath2Extractor的核心优势、基础配置方法，并通过五大实战案例展示了单层/多层节点提取、HTML数据抓取、条件筛选、批量遍历以及数据格式化等典型应用场景。同时提供了常见问题的解决方案，如命名空间处理、性能优化等技巧。掌握XPath2Extractor能显著提升接口测试中数据提取
01前端框架搭建
11-09
前端框架搭建有多种方式，以下为几种常见前端框架的搭建方法： ### Vue框架搭建 - **环境准备**：需要用到npm或yarn，它们是前端项目常用的包管理工具 [^1]。 - **创建项目脚手架**：打开可视化页面创建vue项目脚手架，插件可按需下载。可选择vue2.0或新版的vue3.0，具体版本依个人习惯和熟悉程度而定 [^4]。 - **创建视图文件**：在src下创建views目录，新建如test.vue等文件，在文件中编写模板、脚本和样式。例如在test.vue文件中引入组件并定义数据 [^5]。 ```vue <template> <div style="padding: 15px;"> <button-tab> <button-tab-item selected>{{ today }}</button-tab-item> <button-tab-item>{{ week }}</button-tab-item> <button-tab-item>{{ month }}</button-tab-item> </button-tab> </div> </template> <script> import {ButtonTab, ButtonTabItem} from 'vux' export default { components: { ButtonTab, ButtonTabItem }, data () { return { today: '今天', week: '本周', month: '本月' } } } </script> <style scoped> </style> ``` ### Tailwind CSS框架搭建 Tailwind CSS 是现代的前端样式框架，以“原子化”设计理念为核心。搭建时需安装 Tailwind CSS 并进行初始化 [^2]。 ### Shadcn-vue框架搭建 在配置了 Vite 和 Tailwindcss 的前提下，使用命令 `npx shadcn-vue@latest init` 初始化 Shadcn-vue 框架。不过该框架组件设计风格较为框架化，一些组件的触发交互行为比较固定，可选择性使用 [^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

香鱼嫩虾

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值