css
文章平均质量分 53
object not found
一位业余前端,汇集前端杂七杂八的知识
展开
-
前端实现主题(深色模式)切换的几种方案
实现思路:首先定义几个我们需要的全局样式变量,之后定义几个集合属性(不同的主题样式),然后将其放在html根元素标签里,再动过js动态的切换这个集合属性就可以实现主题的切换,具体看以下代码;原创 2023-12-06 16:00:20 · 4298 阅读 · 1 评论 -
聊天室案例实现保姆级教学
先来看效果图, 基于axios,js实现,// 首先创建一个自执行函数(function () { // 获取元素 let header = document.querySelector('.header') let ipt = document.querySelector('.ipt') let send = document.querySelector('.send') // 注册事件 send.addEventListener('click', sen原创 2022-09-16 11:37:51 · 7539 阅读 · 0 评论 -
一分钟学会使用js读取上传图片文件
显示一个图片,除了直接放文件路径,还可以放Base64当我们用file选择一个文件时,我们希望能够读取到文件路径,然后显示到一个img上或许你会想利用value值显示,input:file上确实有value但是这个value不能用fileReader,尽量先监听,然后再读取,好了不废话了直接看代码吧。原创 2022-09-05 10:39:21 · 15910 阅读 · 0 评论 -
使用js实现响应式瀑布流布局(附带动画效果)
4.进行判断如果i小于列数则将第一列的图片高度添加进数组然后设置style的top,left值控制其位置。5.如果i大于列数就说明是第二行,则找到上一行数组中高度最小的元素,根据其设置top,left值;1.获取图片容器的宽度,根据宽度的大小去控制列数的生成;2.定义间距变量,图片数组和计算出每列宽度;3.遍历图片元素数组,为每一项加上宽度;6.最后根据根据索引将每一项添加到数组。......原创 2022-08-30 16:10:33 · 19707 阅读 · 0 评论 -
使用js实现动态小球气泡背景
动态气泡背景原创 2022-08-24 12:00:37 · 21419 阅读 · 0 评论 -
浅谈px rem em rpx vw vh的用法
常用于移动端开发,可以使元素自适应变化,他是根据html根元素的字体大小来变化的,默认html字体大小为16px,即1rem就等于16px(可以自定义根元素字体大小),个人比较喜欢定义100或者10,好换算。em是相对长度单位。相对于当前对象内文本的字体尺寸,简单的来说是相对于父元素的字体大小来设置长宽的,假如父元素没有设置字体大小则会默认使用根元素的字体大小,此单位个人感觉不太好用,推荐用rem代替。csdn文章推荐受影响解决办法10个字10行。csdn文章推荐受影响解决办法10个字10行。原创 2022-08-23 11:26:25 · 23150 阅读 · 0 评论 -
利用js实现计算器
使用原生html,css,js创造的一个网页计算器原创 2022-08-10 10:22:26 · 20061 阅读 · 0 评论 -
字体图标原理
在CSS3中有一个@font-face属性,这个属性可以用来实现服务器字体:让所有的用户都能使用相同的字体效果。原创 2022-08-11 09:36:54 · 19083 阅读 · 0 评论 -
什么是BFC?
什么是BFC,BFC如何触发以及他能解决什么问题原创 2022-08-11 09:21:32 · 18855 阅读 · 0 评论 -
响应式布局
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个是为解决移动互联网浏览而诞生的。因为当初是移动互联发展的初期,但是现在移动互联已经发展的特别好了,然后PC端网站慢慢被削弱。因此现在大部分的产品优先移动端,PC端被削弱,然后响应式就没有以前那么火了。现在诸如小米,淘宝,京东等一些网站都是既实现了PC端,又实现了移动端,是两套代码。像少数派,就是一套代码,可以在任意的设备中进行使用。...原创 2022-08-11 09:16:34 · 18864 阅读 · 0 评论