前端教程共18篇
前端技术分享

一行css让页面平滑滚动

一行css让页面平滑滚动-智码星河
一行css让页面平滑滚动
青栀的头像-智码星河青栀1年前
01866

js简单开发的音乐播放器

js简单开发的音乐播放器-智码星河
1.此项以js为基础,开发的一个简单的音乐播放器 (1)首先根据下面的文件创建一个文件夹 font_n0uns1dsb2里面是iconfont.css @font-face { font-family: 'iconfont'; /* Project id */ src: url...
青栀的头像-智码星河青栀1年前
022213

web网页聊天室

web网页聊天室-智码星河
效果演示 Node+socket.io简单的网页聊天室 源码在安装好依赖后可以一键复制直接运行,因为涉及nodeJs,步骤比较多,代码里面我都写了注释并且标注了步骤序号,一共大概17步,帮助理解。 01. 创...
青栀的头像-智码星河青栀1年前
018113

js 鼠标事件总结

js 鼠标事件总结-智码星河
当监听鼠标事件时,会触发一些事件,我们可以与之交互: mousedown 按下鼠标按钮触发 mouseup 鼠标按钮被释放 click 点击事件 dblclick 双击事件 mousemove 当鼠标移动到元素上时,鼠标移动 mou...
青栀的头像-智码星河青栀1年前
01427

如何在div标签中隐藏水平滚动条

如何在div标签中隐藏水平滚动条-智码星河
在div标签中隐藏水平滚动条,可以通过CSS样式来实现。以下是一种方法: 在CSS文件中,为div标签添加一个类名,例如.hide-scrollbar。 .hide-scrollbar::-webkit-scrollbar { display: none; } ....
青栀的头像-智码星河青栀1年前
01225

如何使用 CSS 设置和自定义水平和垂直滚动条

如何使用 CSS 设置和自定义水平和垂直滚动条-智码星河
滚动条是图形用户界面(UI)中必不可少的组件。滚动条允许用户查看超出其容器宽度或高度的内容。滚动条还使用户能够查看超出屏幕宽度或高度的内容。默认情况下,浏览器会为body内容的溢出包含一...
青栀的头像-智码星河青栀1年前
024213

UniApp自定义底部导航 tabBar 凸起展示效果(底部导航栏)

UniApp自定义底部导航 tabBar 凸起展示效果(底部导航栏)-智码星河
目前这个组件只支持至多四个导航,ƪ(˘⌣˘)ʃ 毕竟元素大小是固定的,太小的话就不好看了 平台兼容性 Vue2Vue3×√ App快应用微信小程序支付宝小程序百度小程序字节小程序QQ小程序HBuilderX 3...
青栀的头像-智码星河青栀7个月前
011612

【jQuery动画】停止动画、淡入淡出、自定义动画

【jQuery动画】停止动画、淡入淡出、自定义动画-智码星河
😄笔者还是前端的菜鸟,还请大家多多指教呀~ 👍欢迎大佬指正,一起学习,一起加油! 停止动画 使用动画的过程中,如果在同一个元素上调用一个以上的动画方法,那么对这个元素来说,除了当前正在...
青栀的头像-智码星河青栀1年前
019716

前端知识点总结(html+css)

前端知识点总结(html+css)-智码星河
众所周知,前端内容多而杂,经过查阅各种资料,总结了一些知识点,以备后续复习使用。 html篇 html应该是前端中最简单的知识点了,标签用着用着就熟记于心,话不多说,上干货。 1. 常见块级元素...
青栀的头像-智码星河青栀1年前
01488

前端知识点总结js篇

前端知识点总结js篇-智码星河
水平有限,如有错误,敬请指正。 Javascript篇 1. 数据类型 * 基本数据类型(Number,Boolean,String,null,undefined,symbol(ES6新增),BigInt) * 引用类型 (Object,Array,Function) 2. 基本数...
青栀的头像-智码星河青栀1年前
01368