前端教程共18篇
前端技术分享
web网页聊天室
效果演示 Node+socket.io简单的网页聊天室 源码在安装好依赖后可以一键复制直接运行，因为涉及nodeJs，步骤比较多，代码里面我都写了注释并且标注了步骤序号，一共大概17步，帮助理解。 01. 创...
8个月前js 鼠标事件总结
当监听鼠标事件时，会触发一些事件，我们可以与之交互： mousedown 按下鼠标按钮触发 mouseup 鼠标按钮被释放 click 点击事件 dblclick 双击事件 mousemove 当鼠标移动到元素上时，鼠标移动 mou...
6个月前CSS进阶-CSS变量
随着前端技术的不断演进，CSS也迎来了许多新特性，其中CSS变量（Custom Properties）无疑是增强样式灵活性和维护性的一大利器。本文将深入浅出地解析CSS变量的核心概念、常见应用场景、易错点及...
8个月前【Jquery练习】tab栏切换
笔者还是前端的菜鸟，还请大家多多指教呀~ 欢迎大佬指正，一起学习，一起加油！ 排他思想 在实现今天的练习之前，我们先来了解一下排他思想，排他思想也就是为当前元素设置一个特定的样式，并为...
7个月前js 实现歌词滚动
项目目录： html <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8' /> <meta http-equiv='X-UA-Compatible' content='IE=edge' /> <meta name='viewport' con...
7个月前如何使用 CSS 设置和自定义水平和垂直滚动条
滚动条是图形用户界面（UI）中必不可少的组件。滚动条允许用户查看超出其容器宽度或高度的内容。滚动条还使用户能够查看超出屏幕宽度或高度的内容。默认情况下，浏览器会为body内容的溢出包含一...
8个月前【jQuery动画】停止动画、淡入淡出、自定义动画
😄笔者还是前端的菜鸟，还请大家多多指教呀~ 👍欢迎大佬指正，一起学习，一起加油！ 停止动画 使用动画的过程中，如果在同一个元素上调用一个以上的动画方法，那么对这个元素来说，除了当前正在...
7个月前15个前端小知识
1. css 一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: ...
8个月前如何在div标签中隐藏水平滚动条
在div标签中隐藏水平滚动条，可以通过CSS样式来实现。以下是一种方法： 在CSS文件中，为div标签添加一个类名，例如.hide-scrollbar。 .hide-scrollbar::-webkit-scrollbar { display: none; } ....
8个月前js简单开发的音乐播放器
1.此项以js为基础，开发的一个简单的音乐播放器 （1）首先根据下面的文件创建一个文件夹 font_n0uns1dsb2里面是iconfont.css @font-face { font-family: 'iconfont'; /* Project id */ src: url...
7个月前
