一直以来看 stackoverflow 细节处理很好,本着学习的心态。 所以心血来潮突然简单仿写一下,记录制作过程功能,记录有哪些难处理的。 一个人能力有限,平时上班时间之外,抽空写一下,有没有大牛给一些难点解决就更好了…
分类:css
CSS团队协作规范
命名禁止缩写 精简扼要地对class命名,请勿使用自定义缩写。 class name的命名必须是行为、有语意的。 禁止在非特殊情况下写!important CSS本身有权重设计,任意地使用!important会造成权重混…
内敛元素间隙问题
行内元素之间会产生间隙bug问题的场景: 当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。注:常见的行内元素有:img、span、a、b等 解决方法 写在一行,之间不要有空格之类的符号 (不建议,代码混乱,…
前端面试每日3+1——第104天
今天的知识点 (2019.07.29) —— 第104天 [html] 说说HTML中的<html>标签有什么作用? [css] 行内元素和块级元素有什么区别,如何相互转换? [js] 请说说json和jso…
nec中常用样式摘要
/*清除浮动*/ .f-cb:after, .f-cb li:after { display: block; clear: both; visibility: hidden; height: 0; overflow: h…
css两栏布局、圣杯布局、双飞翼布局
最近几个月一直用vue在写手机端的项目,主要写业务逻辑,在js方面投入的时间和精力也比较多。这两天写页面明显感觉css布局方面的知识有不足,所以复习一下布局方法。 两栏布局 1、浮动 .box1 .left { floa…
使用css3实现骰子动画
思路:骰子有6个面,那么创建6个div为6个面,然后用css3的旋转属性旋转每个面到相应位置,每个面里面的点使用绝对定位确实位置。骰子旋转写一个动画改变rotate值。效果预览:https://leeseean.gith…
《深入理解ES6》笔记——用模块封装代码(13)
模块的定义 模块是自动运行在严格模式下并且没有办法退出运行的JavaScript代码。 模块可以是函数、数据、类,需要指定导出的模块名,才能被其他模块访问。 //数据模块 const obj = {a: 1} //函数模…
vue入门文章
本来想自己写一篇关于vue入门的文章。但是看到链接的文章后,觉得写得太详细了,实在有保存下来的必要。后面可能在这篇文章基础上,有所内容的增加。 CSS预处理器 定义了一种新的专门的编程语言,编译后成正常的CSS文件。为C…
前端面试题小结
前几天也是有人问我的一些问题,我觉得还是挺有了解价值的,也是一些平时开发可能比较会忽略的问题。别的不多说,直接开门见山: 1.post和get的区别? 我们都知道GET和POST是HTTP请求的两种基本方法。我相信如果有…
css 各单位距离比较
单位 em 若自身没有设置字体大小,依据父元素,若设置则计算为font-size*em rem html { font-size: 10px;} body{ font-size: 1rem;} //f…
做一个能自适应高度的textarea
方法 1. HTML结构: <div id="container"> <textarea rows="1"></textarea> </div> 2. CSS代码:…