前端哥

用HTML5 JavaScript实现下雪效果

2024-02-17通过 CSS 控制背景颜色,JavaScript和 负责实现下雪效果。drawSnowflakes 函数负责绘制雪花,而 moveSnowflakes 函数则更新每个雪花的位置,使它们下落。animate 函数使用 requestAnimationFrame 来创建一个循环,不断绘制和更新雪花,从而实现动态的下雪效果。改进:加入背景图片,并确保图片等比例缩放以适应浏览器窗口的大小。通过 CSS 控制背景颜色或图片,JavaScript 和 负责动态效果,两者相互独立,

https://www.qianduange.cn//article/2211.html 分类:前端知识

【微信小程序】按钮还能这样用?

2024-02-17目录?button 按钮的基本使用?各种神奇的按钮通过type属性指定按钮颜色类型 WXML:注:后期会对按钮添加事件,现在只是给大家演示一下按钮的类型小尺寸按钮 去这里找按钮的样式,然后复制:Buttons - copy CSS & HTML! (uiverse.io) WXML:WXSS: WXML:WXSS:..._微信小程序按钮

https://www.qianduange.cn//article/2203.html 分类:前端知识

解决Failed to resolve import “@element-plus/icons-vue“ from “src\views\Home.vue“. Does the file exist?

2024-02-17成功地解决了Failed to resolve import "@element-plus/icons-vue" from "src\views\Home.vue". Does the file exist?_failed to resolve import "@element-plus/icons-vue

https://www.qianduange.cn//article/2202.html 分类:前端知识

CSS position开启了绝对定位但是下拉弹窗还是被遮挡 o

2024-02-17里面li里设置一个鼠标移动上去显示的div,因为设置了overflow hidden导致不能完整显示。最外层父元素设置溢出隐藏之后,里面的下拉弹窗会被裁剪,即使用了float,加绝对定位。把其注释之后可以完整显示。_自定义的下拉怎么放在父元素之外

https://www.qianduange.cn//article/2200.html 分类:前端知识

儿童节快乐,基于CSS3绘制一个游乐场动效界面

2024-02-17一张图不用,纯代码制作?使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Notepad 等)进行运行及修改编辑等操作。整个页面最重要的就是旋转摩天轮的实现,使用css实现旋转主要是运用border和css动画来实现的。所以我们可以先用border画出一个中心点,通过css3动画让box旋转,整个摩天轮也就会实现旋转的效果。再多的讲解也不如实际动手实操,对着代码敲敲改改,可以让我们更加深入地进行理解。3️⃣总结

https://www.qianduange.cn//article/2198.html 分类:前端知识

Tailwind CSS 原子化开发初体验

2024-02-17Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何模板中的 CSS 类(class)名,然后生成相应的样式代码并写入到一个静态 CSS 文件中。他快速、灵活、可靠,没有运行时负担。再也不用为了取一个 classname 类名而烦恼了。_mt-[10px]

https://www.qianduange.cn//article/2197.html 分类:前端知识

CSS display: inline-block;

2024-02-17这意味着元素会在一行上显示,并且可以设置宽度、高度、内外边距等属性,同时仍保留内联元素的特性,可以与其他元素在同一行内显示。是一种常用的 CSS 属性,用于将元素以内联块级元素的方式显示,使其具备块级元素的特性,并在一行内与其他元素共享空间。元素可以在一行内显示,并且可以与其他元素共享一行,适用于需要结合文本或其他内联元素进行布局的情况。元素不会独占一行,而是根据其内容的宽度来决定自身的宽度,可以在一行内与其他元素并排显示。元素可以设置宽度、高度以及内外边距等属性,使其具备块级元素的特性。_display: inline-block

https://www.qianduange.cn//article/2196.html 分类:前端知识

Flex布局详细解析

2024-02-17Flex布局完整的详细解析,轻松学会并应用Flex布局_flex 布局

https://www.qianduange.cn//article/2191.html 分类:前端知识

jQuery的ajax方法里的success方法第一次不执行,第二次才执行的问题

2024-02-16在表单中的button默认类型是submit,如果你触发ajax请求的是button,而你的button又在表单中,那么在你发送请求后,在执行success回调方法之前会提交表单,如果我们好好了解一下表单和ajax请求区别的话,可以知道表单是要刷新整个界面的,所以当你发送请求后,会提交表单,这时候你的界面就不是你之前的界面了,所以我们要让他发完请求后不要提交表单,也就是用return false终止。注意最后一行代码,即return false;这条代码一定要加上,为了禁止提交表单。_$.ajax 第一次跳出第二次才请求

https://www.qianduange.cn//article/2189.html 分类:前端知识

14593条数据,当前1308/1460

最近搜索

会员中心 联系我 留言建议 回顶部