首页
站长交流
话题广场
站长百科
工具箱
搜索
登录
注册
首页
小组
问答
话题
好文
素材
用户
唠叨
我的社区
首页
小组
前端设计
前端设计
79 帖子
8 成员
创建于 2024-06-15
组长:
道亮_(:з」∠)_
加入小组
Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。
页面设计
前端设计
html设计
网页设计
网页代码
发布帖子
全部
交流
分享
代码
vue
[分享]
HTML 中 a 元素的 href 属性
HTML 中的 a 元素是用来创建超链接的,它允许用户从一个页面导航到另一个页面或相同页面的不同部分。a 的 href 属性(全称为 Hypertext Reference)是一个重要的属性,用于指定...
九秘
发表于
42 天前
0
48
[分享]
什么是前端开发中的 Clickjacking 风险
Clickjacking(点击劫持)是一种网络安全威胁,它利用用户对于页面元素的信任来欺骗他们执行未经授权的操作。攻击者通过将恶意内容覆盖在看似正常的页面上,诱使用户误点击隐藏在其它元素上的按钮或链接...
不爱php
发表于
42 天前
0
44
[分享]
什么是前端开发里的 iframe 标签
iframe 是 HTML 中的一个标签,用于在当前页面嵌套另一个独立的 HTML 文档。iframe(Inline Frame 的缩写)提供了一种将其他网页内容嵌入到当前页面的方式,使得页面可以同时...
不爱php
发表于
42 天前
0
41
[分享]
svg 常用标签
1)line : 直线xml version"1.0" standalone"no" 代码解释:x1 属性在 x 轴定义线条的开始y1 属性在 y 轴定义...
不爱php
发表于
43 天前
0
48
[分享]
CSS 和 SVG 实现彩色图片阴影
在平时开发中,有时候会碰到这样的彩色阴影,效果如下是不是非常有质感?下面分布介绍 CSS 和 SVG 两种实现方式,一起看看吧一、实现原理从设计上看,其实原理很简单,一张原图和一张模糊的图,叠加在一起...
不爱php
发表于
43 天前
0
50
[分享]
如何实现一个小体积的 js docker 镜像
在服务端一般使用 node 来运行 js ,除了 node 外流行的还有 bun/deno。但这三个运行时的打包体积都不小,在精简的情况下也在 50 mb 以上,我在这里记录一下我是如何将一个原来使用...
不爱php
发表于
46 天前
0
154
[vue]
Vue 3.5 即将到来:探索最新特性与性能提升
Vue 正在为 Vue 3.5 版本进行准备。这一新版本(目前处于 Alpha 阶段)带来了一系列的增强功能、新特性以及重要的改动,以提升开发者和用户的体验。根据官方的更新日志,我们来看看 Vue 3...
天启
发表于
49 天前
0
152
[代码]
一个倒计时5S的圆环案例
canvas实现 const canvas document.getElementById(countdownCanvas); const ctx canvas.getContext(2d); ...
鸟云
发表于
52 天前
0
147
[分享]
面试宝典之HTML
HTML(Hypertext Markup Language)是Web开发中最基础的语言之一,对于前端开发者来说,深厚的HTML知识是不可或缺的。在面试中,HTML的问题常常涵盖从基础标记到HTML5...
鸟云
发表于
52 天前
0
153
[分享]
如何将内容插入到输入框光标所在位置
我现在想将表情弹窗中的emoji或颜文字插入到当前光标所在位置该怎么办呢?我们可以使用 JavaScript 操作字符串的方式,将文本插入到指定的光标位置,接下来请看实际操作。需求如图第一步先给输入框...
鸟云
发表于
52 天前
0
163
[分享]
前端性能监控:从Lighthouse到Real User Monitoring
前端性能监控是确保Web应用程序提供良好用户体验的关键组成部分。Lighthouse 和 Real User Monitoring (RUM) 是两种不同的工具和技术,它们关注的焦点不同,但都对优化前...
鸟云
发表于
52 天前
0
147
[分享]
HTML发展,HTML4与HTML5?
HTML(超文本标记语言)是用于创建网页和网页应用的标准标记语言。自1990年代初首次发布以来,HTML已经经历了多个版本的更新,每个版本都引入了新特性、改进和规范。以下是HTML主要版本的发展历程和...
鸟云
发表于
52 天前
0
156
[分享]
HTML 属性
HTML 属性是 HTML 元素的一部分,它们为元素提供了额外的信息或设置。这些属性总是以名称/值对的形式出现,并且它们被放置在 HTML 元素的开始标签中。了解和使用这些属性对于创建丰富、交互式的网...
鸟云
发表于
52 天前
0
157
[分享]
css如何设置倒圆角
可以这样写background: radialgradient(circle at 0 0, fff 8px, transparent 0) top left FFFFFF;这个Vue模板函数的功能是...
鸟云
发表于
52 天前
0
143
[分享]
HTML 标题
您正确地概述了HTML中标题(Heading)、水平线()和注释(Comment)的使用方法和重要性。这些元素在网页设计中扮演着关键的角色,不仅影响页面的结构和可读性,还对搜索引擎优化(SEO)和用户...
鸟云
发表于
52 天前
0
158
[分享]
HTML 段落
您已经很好地概述了HTML中段落(标签)和折行(标签)的基本用法和注意事项。这里是对您内容的进一步补充和澄清:HTML 段落标签用于定义HTML文档中的段落。浏览器会自动在段落的前后添加空行(垂直边距...
鸟云
发表于
52 天前
0
155
[分享]
HTML 样式
您已经很好地概述了HTML中style属性的用途以及它与旧HTML标签和属性的对比。style属性确实提供了一种灵活且强大的方式来直接在HTML元素上应用CSS样式,而无需依赖外部或内部样式表(尽管在...
鸟云
发表于
52 天前
0
152
[分享]
HTML 文本格式化
HTML 提供了丰富的元素来格式化文本和展示内容,这些元素不仅让网页内容更加丰富多彩,还提高了内容的可读性和表达力。下面是对您提到的一些文本格式化标签和“计算机输出”标签的进一步解释和说明:文本格式化...
鸟云
发表于
52 天前
0
150
[分享]
HTML 注释
关于HTML注释标签和条件注释的说明非常清晰。HTML 注释标签HTML中的注释标签用于在代码中添加说明或注释,这些注释对浏览器是不可见的,因此不会影响页面的显示。注释标签的语法非常简单,以 这是一个...
鸟云
发表于
52 天前
0
155
[分享]
使浏览器网页弹出Windows桌面消息!!!
产品:你能让我们的网页系统一些审核通知也像QQ那种一样发出右下角横幅弹窗消息吗效果图展示效果基于windows的谷歌浏览器、edge浏览器页面中展示预警内容检测到预警情况会通知用户且更新页面内容用户不...
鸟云
发表于
52 天前
0
149
[分享]
如何解决静态页面bootstrap中createPopper is not a function
鸟云
发表于
52 天前
0
154
[分享]
元素的补充及 HTML 的细节
空元素前言道,可以将标签看作一个元素,因此,标签通常是成对的分别标示着元素的 开始与结束而空元素没有结束标签,那么如何表示元素的结束呢?答案是:在开始标签的末尾加上一个斜杠也就是,使 开始标签 既表示...
鸟云
发表于
52 天前
0
154
[分享]
CSS 终于在 2024 年增加了垂直居中功能
本文翻译自 CSS finally adds vertical centering in 2024,作者:James Smith, 略有删改。在 2024 年的 CSS 原生属性中允许使用 1 个 C...
鸟云
发表于
53 天前
0
165
[分享]
什么是前端开发的 flyout 设计
在 Web 前端开发中,flyout 是一种常见的 UI 组件,主要用于显示额外的内容或操作,而这些内容通常是通过与某个触发元素的交互而动态显示的。flyout 通常以弹出式菜单、工具提示或侧边栏的形...
鸟云
发表于
53 天前
0
155
[分享]
html 元素 ul 的使用介绍
在 Web 前端开发中,ul 元素是一个非常常见且重要的 HTML 标签。ul 的全称是 unordered list,意思是无序列表。顾名思义,ul 元素通常用于表示一组无序的项目列表,这些项目的排...
鸟云
发表于
53 天前
0
154
[代码]
A链接href为空时的写法
想要A链接鼠标放上去有变图标和颜色的样式可以给href下面两种值:“javascript:void(0);” 和 “javascript:;”A链接完整的写法跳转跳转这么写既能给链接效果又不会跳转然后...
鸟云
发表于
54 天前
0
162
[分享]
给网站定义一个自己的滚动条
一段css代码就可以给网站定义一个自己的滚动条直接贴代码/定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸/ ::webkitscrollbar{width:8px;height:8px;} /定义...
鸟云
发表于
54 天前
0
156
[分享]
不使用 JS 纯 CSS 获取屏幕宽高
在现代前端开发中,获取屏幕的宽度和高度通常依赖于 JavaScript。然而现代 CSS 也可以获取到屏幕的宽高,通过自定义属性(CSS Variables)和一些数学函数来实现这一目标。本文将详细解...
鸟云
发表于
55 天前
0
162
[分享]
全面理解document.write()
W3C 标准WHATWG: write()定义和用法文档节点的write()方法用于写入文档内容,可以传多个参数,写入的字符串会按HTML解析。语法:document.write()参数:字符串,可以...
不爱php
发表于
58 天前
0
157
[分享]
网页性能优化,缓存优化、加载时优化、动画优化
本文提供一个优化网页性能的大概思路,具体操作网上资料很多。缓存优化性能优化第一步,便是管理好页面的缓存,避免重复下载资源。否则,即增加服务器压力,又折磨用户的钱包。浏览器缓存机制访问页面,请求各种资源...
不爱php
发表于
58 天前
0
158
1
2
3
成员
更多
宁儿
msd123
风轻y
九秘
鸟云
不爱php
天启
道亮_(:з」∠)_
站长交流