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

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

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

【Jquery练习】tab栏切换

【Jquery练习】tab栏切换-智码星河
笔者还是前端的菜鸟,还请大家多多指教呀~ 欢迎大佬指正,一起学习,一起加油! 排他思想 在实现今天的练习之前,我们先来了解一下排他思想,排他思想也就是为当前元素设置一个特定的样式,并为...
青栀的头像-智码星河青栀6个月前
07710

15个前端小知识

15个前端小知识-智码星河
1. css 一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: ...
青栀的头像-智码星河青栀7个月前
010013

js 鼠标事件总结

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

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

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

代码敲键盘

代码敲键盘-智码星河
代码敲键盘
青栀的头像-智码星河青栀7个月前
0978

前端知识点总结js篇

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

web网页聊天室

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

写网页及响应式

写网页及响应式-智码星河
设计图分为版心一般为: 1600/1520/1440/1400/1200px pc正常写(一般是在1920px的屏幕),版心w写最大宽度为当前设计图版心的宽度,注意不是宽度,而是最大宽度。最大宽度的意思是,当屏幕大于...
青栀的头像-智码星河青栀7个月前
0816

丰富好用的Hover.css效果库

丰富好用的Hover.css效果库-智码星河
使用方法: 1. 下载Hover.css https://ianlunn.github.io/Hover/ 夸克网盘下载 下载的文件 2. 将hover-min.css拷贝到项目中 3. 打开官网的效果案例,右键打开源代码,拷贝需要效果的类名 4. 在...
青栀的头像-智码星河青栀7个月前
0868