基于react实现的移动端的可吸附悬浮按钮 预览地址(移动端): https://kkfor.github.io/suspe… 源码地址: https://github.com/kkfor/susp̷…
分类:css
flex布局被子元素撑开,如何保持内容不超出容器
移动端里面,flex 布局很好用,它能够根据设备宽度来自动调整容器的宽度,但是最近在做项目的时候发现一个问题: 一个li里面设置了flex,flex: 0 0 33.333%,然后想让子元素里面的文字超出flex定义宽度…
【专栏第一篇】分享有用美国求职,口试阅历,技能,以及超有用网站
媒介:先毛遂自荐一下,我是新晋前端小白白,15年毕业今后,在相干范畴事变3年,但一向都在自我提拔阶段。现在是刚到美国2个多月,分享在美国求职的阅历,现在已有口试进入背调阶段,把我时期的预备分享给人人。愿同道中人共同进步!…
【每日一包0015】gradient-string
[github地址:https://github.com/ABCDdouyae…] gradient-string 用于在终端打印出好看的渐变文字 普通用法 console.log(gradient('cya…
跳出弹窗页面禁止滚动(PC端和手机端)
pc端如何实现 1.当弹窗显示时,为body元素添加属性:overflow:hidden, 当关闭弹窗时移除该属性即可2.在弹窗的div上设置 @scroll.stop.prevent <div @scroll.s…
web容器如何自适应视口大小
前言 在前端生涯上,经常会遇到需要容器自适应视口高度这种情况,本文将介绍我能想到的解决这个问题的方案。 基础知识 html元素的高度默认是auto(被内容自动撑开),宽度默认是100%(等于浏览器可视区域宽度),没有ma…
BODY内容高度不够浏览器高时BODY背景不在最下面的解决办法
最近遇到这个问题,搜索引擎找到了答案,收藏于此文章。 我们在设计网页的时候经常会碰到要张BODY加背景的情况,BODY里面的内容足够多的时候这个问题一般不被发觉,但在BODY内容比较少的时候会发现BODY的底图背景就出现…
CSS学习笔记
IE6不支持position:fixed. 列表项目
CSS学习笔记(四) CSS优先级
为了解决冲突,确定哪条规则胜出并最终被应用,CSS提供了三种机制:继承、层叠和特指。 1.继承 CSS 中的祖先元素会向后代传递一样东西:CSS属性的值。可以继承的属性相当一部分都个文本有关,比如颜色、字体、字号。然而,…
利用键盘事件移动小方块小demo
思路: 根据键盘的unicode值来判断是键盘上的哪个键 通过定位利用键盘事件改编方块的top和left值 通过开启定时器消除长按键盘的首次卡顿情况 html <div><div> css div…
HTML&&CSS基础知识点整理
HTML&&CSS基础知识点整理 一、WEB标准:一系列标准的集合 1. 结构(Structure):html 语言:XHTML[可扩展超文本标识语言]和XML[可扩展标记语言] 2. 表现(Prease…
CSS3开发文档
站点: 前端开发文档 原文: CSS选择器 原文: CSS继承属性 原文: CSS3核心模块 原文: CSS盒子模型 原文: CSS背景图像 原文: CSS清除浮动 原文: CSS定位 CSS选择器 并集:对选择器进行分…