首页
站长交流
话题广场
站长百科
工具箱
搜索
登录
注册
首页
小组
问答
话题
好文
素材
用户
唠叨
我的社区
首页
小组
前端设计
前端设计
78 帖子
8 成员
创建于 2024-06-15
组长:
道亮_(:з」∠)_
加入小组
Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。
页面设计
前端设计
html设计
网页设计
网页代码
发布帖子
全部
交流
分享
代码
vue
[分享]
网站HTML网页JS禁止鼠标右键禁止全选复制粘贴
两行JS代码解决:下面的情况统统适合:HTML,JS禁止鼠标右键、禁止全选、复制、粘贴的方法 禁止鼠标右键、禁止全选、复制、粘贴;oncontextmenu事件禁用右键菜单; js代码:documen...
鸟云
发表于
31 分钟前
0
1
[分享]
实现ChatGPT的文字输出效果
作为计算机业余爱好者,把网页做得美观高大上对我是一种折磨和挑战,所以我做出来的网页都是清一色的word文档风格。为了给low逼的网页提升点儿逼格,我决定模仿一下ChatGPT的文字输出效果。 先上效...
九秘
发表于
6 天前
0
6
[代码]
天气模块源代码,免费API引用案例!
发个天气模块源代码 转发来自51论坛 天气信息 / 样式可根据需要修改 / weatherInfo { border: none; / 取消边框 / maxwidth: 1000px; margin:...
msd123
发表于
8 天前
1
23
[分享]
为什么大厂前端监控都在用GIF做埋点?
什么是前端监控?它指的是通过一定的手段来获取用户行为以及跟踪产品在用户端的使用情况,并以监控数据为基础,为产品优化指明方向,为用户提供更加精确、完善的服务。前端监控一般来讲一个成熟的产品,运营与产品团...
msd123
发表于
12 天前
0
18
[分享]
一些react使用小技巧(上)
以下是个人收集总结的一些使用 react 的小技巧。一. 组件相关1. 使用自闭合组件// 不好的写法 // 推荐写法 2. 推荐使用Fragment组件而不是 DOM 元素来分组元素在 React...
九秘
发表于
14 天前
0
39
[分享]
前端模块化进化史:从全局 function 到 ES Modules
目前,前端开发已经离不开由 CommonJS、ES Modules 和 Webpack 构建的模块化开发环境。无论是 JavaScript、CSS、图片还是其他资源,都可以作为一个模块来处理。那么,模...
九秘
发表于
14 天前
0
32
[分享]
使用html新属性enterkeyhint修改input、textarea中输入法回车键文字
关键字值描述enter‘enter’表示回车,多出现在文本域等需要多行输入的场景中。done‘done’表示完成,表示没有更多内容输入,输入结束。go ‘go’表示前往,,意思是把用户带到...
九秘
发表于
21 天前
0
40
[分享]
css控制只显示2行/只显示n行 超出部分不显示
overflow:hidden; textoverflow:ellipsis; display:webkitbox; webkitboxorient:vertical; webkitlineclamp...
九秘
发表于
22 天前
0
42
[代码]
html炫酷彩虹鼠标拖尾
Document div { width: 200px; height: 200px; : absolute; } document.documentElement.onmousemove fun...
九秘
发表于
22 天前
0
32
[分享]
通过浏览器的语音合成音频并播放
一、关于SpeechSynthesis1、SpeechSynthesis简介SpeechSynthesis是HTML5的一个新特性,基于SpeechSynthesis可以实现在客户浏览器端进行动态文本...
风轻y
发表于
32 天前
0
76
[分享]
CSS垂直居中
大家都知道css里面用textalign:center加上margin:0 auto就可以实现水平居中了,但是垂直居中却没有相应的css属性来设置,而如果要设置元素能够垂直居中必须得将容器设置为dis...
风轻y
发表于
34 天前
0
48
[分享]
自己搭配的一套不错的Json配色CSS代码
用于给Chrome的插件JSONView的CSS3的配色代码。自己弄了快一个小时……body { whitespace: pre; fontfamily: monospace; fontsize: 1...
风轻y
发表于
34 天前
0
47
[分享]
CSS3中的box-flex属性
之前在网上碰到阿里前端的面试题,如下:下图绿色区域的宽度为100,其中有三个矩形,第一个矩形的宽度是200px,第二个和第三个矩形的宽度相等。请使用CSS3中的功能实现它们的布局。已知HTML结构是:...
风轻y
发表于
34 天前
0
42
[代码]
[ 那些技巧 ] 使整个网站变灰色
html{ filter: grayscale(100); webkitfilter: grayscale(100); mozfilter: grayscale(100); msfilter: gra...
风轻y
发表于
34 天前
0
48
[分享]
css3写的android logo
android { margin: 0; padding: 0; } div.head{ margintop: 100px; marginleft: 200px; width: 200px; hei...
风轻y
发表于
34 天前
0
43
[代码]
CSS3伪类target
:target 选择器可用于选取当前活动的目标元素
风轻y
发表于
34 天前
0
47
[代码]
画个月食css
css3的animation是个好东西,之前应景的七夕表白爱心图。(都是中午午休时候的突发奇想。)想想,应该在很多应节场合用css玩点有意思的。突然想到上次的月食,那就玩玩。看了一个div的炫技网站....
风轻y
发表于
34 天前
0
44
[代码]
元素水平居中
1,父元素display: flex,子元素margin: auto; 2,父元素textaligin: center,子元素display: inlineblock; 3,父元素display: t...
风轻y
发表于
34 天前
0
46
[分享]
CSS Grid布局:什么是网格布局
CSS Grid现在已经被W3C纳入到CSS3的一个布局模块当中,被称为CSS Grid Layout Module。而我们较为熟悉的还是将其想像成网格或者栅格,也就是早期的960gs。不管是网格还是...
风轻y
发表于
35 天前
0
45
[分享]
markdown.css 让 HTML 显示成 Markdown 纯文本 见证 CSS 的强大
Markdown.css 是一个很有意思的 CSS 样式表。它可以让 HTML 显示成类似 Markdown 纯文本的形式。(图片除外)。基于 LESS 编写Markdown.css 基于 S 编写,...
风轻y
发表于
35 天前
0
52
[分享]
css3:background-size
定义:规定背景图像的尺寸浏览器支持:IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+JavaScript语法:object.style.backgroundSize&...
风轻y
发表于
35 天前
0
44
[分享]
详解css3系列:伪元素和伪类选择器
伪类选择器伪类选择器: 和一般的DOM中的元素样式不一样,它并不改变任何DOM内容。只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的...
风轻y
发表于
35 天前
0
46
[分享]
详解css3系列:background属性
在css中,共有如下几个background属性属性描述CSSbackground在一个声明中设置所有的背景属性。1backgroundattachment设置背景图像是否固定或者随着页面的其余部分滚...
风轻y
发表于
35 天前
0
46
[分享]
编写可维护的CSS
在参与规模庞大、历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要:保持 CSS 便于维护保持代码清晰易懂保持代码的可拓展性为了实现这一目标,我们要采用诸多方法。本文档第一部分将探讨语法、...
风轻y
发表于
35 天前
0
43
[分享]
媒体查询和移动端浏览器尺寸
css的媒体查询允许通过media标签为特定媒体的浏览器设定样式,其中包含众多筛选,功能强大。media 的语法如下media { / mediaspecific rules / } media t...
风轻y
发表于
35 天前
0
44
[分享]
3D模型设计神器 Tridiv-CSS3
总是能在一些Geek频道上看到一些优秀的项目~Tridiv,一个不可思议的创意,当我们还在沉浸在CSS3优秀的渲染能力时,JulianGarnier开发出了这么一个神器.Tridiv是什么?通过CSS...
风轻y
发表于
35 天前
0
46
[分享]
CSS的隐藏绘画功能和交互动画技巧@张文婷
CSS可不仅仅是简简单单的布局语言,她还是绘画和动画双料小能手!512个极简风格的图标都全部用CSS实现,然后再细细打磨动画。 来自Adobe Typekit的用户体验设计师Wenting Zhang...
风轻y
发表于
41 天前
0
59
[分享]
网页调试的最新进展(Modern Web Debugging)@Jecelyn Yeen (阮贝琪)
网页开发日新月异。在各种不同的 JavaScript 框架、语言和工具库百花齐放的同时,现代网页程序调试变得比过往更加复杂。 在本次演讲中,Jecelyn 将深入探讨网页调试 (web debuggi...
风轻y
发表于
41 天前
0
51
[分享]
比 JPEG 小一半,比 WebP 小 30% 的图片格式,你用上了吗?
2020年8月26日,Chrome 85 默认支持 AVIF 图片格式。AVIF 是 AV1 Image File Format 的简称,是一种全新的超压缩的图片格式。它的后缀名为 .avif。在我们...
风轻y
发表于
41 天前
0
68
[分享]
HTML 中 a 元素的 href 属性
HTML 中的 a 元素是用来创建超链接的,它允许用户从一个页面导航到另一个页面或相同页面的不同部分。a 的 href 属性(全称为 Hypertext Reference)是一个重要的属性,用于指定...
九秘
发表于
42 天前
0
47
1
2
3
成员
更多
宁儿
msd123
风轻y
九秘
鸟云
不爱php
天启
道亮_(:з」∠)_
站长交流