文章库ARTICLE COLUMN

  • 啊 五环 你比四环多一环,啊 五环 你比六环少一环

    啊 五环 你比四环多一环,啊 五环 你比六环少一环

    摘要:显然目前并不是我们想要的,因此需要用定位来让每一环到达其应该在的位置。因为每一个环前面的环都有高度,所以要在相同的样式里面加一个绝对定位让每一个环都能脱离文档流,再来看一下效果。这样初步的五环就形成了。 说到奥运五环,毋庸置疑,作为中...

    zombiedazombieda 评论0 收藏0
  • 重新认识caniuse

    重新认识caniuse

    摘要:代表这个特性在标准中所处的一个状态具体参照前文对的介绍对于这个特性,在全球中国所有浏览器中,分别有多少完全支持和部分支持,把两部分值加起来,得到总份额。 困惑 相信大家都曾用caniuse网站查询过css、js的一些兼容性问题,并且都从它反馈的兼...

    YoungdzeYoungdze 评论0 收藏0
  • 关于移动端1px的解决方法

    关于移动端1px的解决方法

    摘要:使用伪类和实现 使用伪类:after,:before和transform:scale()实现 border-box{ position:relative; } .border-box:after{ content:""; position:absolute; bottom:0; left:0; ...

    felix0913felix0913 评论0 收藏0
  • 前端—初级阶段2(5-8)

    前端—初级阶段2(5-8)

    摘要:我们可以设置多个关键帧通过百分比将动画序列分割成多个节点在各节点中分别定义各属性通过将动画应用于相应元素样式属性动画名称持续时长默认是。播放方向测试播放完的状态最后一个关键帧第一个关键帧测试播放状态默认是。 内容介绍 CSS选择器(基本、...

    AldousAldous 评论0 收藏0
  • 你们要的HTML布局技巧:如何规范搭建网页架构?

    你们要的HTML布局技巧:如何规范搭建网页架构?

    摘要:主体内容区域小米首页下小米商城的主题内容区域,也是整体网页面积最广的区块实在不知道定主体内容区块时也可以根据面积比重来划分,最大的那块一定是主题中心,布局的重复性很高。 单就深入了解布局规范都足够说上一个月的,今天我就不论大范围,挑选...

    yvonneyvonne 评论0 收藏0
  • 面试题二

    面试题二

    摘要:浮动框不属于文档流中的普通流,当元素浮动之后,不会影响块级元素的布局,只会影响内联元素布局。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当包含框的高度小于浮动框的时候,此时就会出现高度塌陷。 1、Pwa 是什么? Progressiv...

    JinkeyJinkey 评论0 收藏0
  • CSS三栏布局的经典实现方法

    CSS三栏布局的经典实现方法

    摘要:经典方法三栏布局的方法有很多种,其中最经典的方法莫过于圣杯布局和双飞翼布局。而双飞翼布局方法无需相对位置属性,而是采用为中栏内容创建的方式,通过来实现布局。文章第二部分阐述了流行的圣杯布局方法和双飞翼布局方法的细节和异同。 三栏是CSS...

    neuSnailneuSnail 评论0 收藏0
  • 4种灵活的Scss编译输出风格整理

    4种灵活的Scss编译输出风格整理

    摘要:编译命令为生成结果为展开输出方式,也是一般前端开发直接写使用较多的一种风格。其所有内容均不换行,而且会删除所有注释和空格。 很多人从使用Scss的那一刻起,就被别人告诉了如何编译。所以,基本上也就只会一种命令编译方式。其实Scss提供了4种风...

    tracytracy 评论0 收藏0
  • 第三天

    第三天

    摘要:今天遇到了什么问题在想填代码的时候挺尴尬的,需求会翻译但是代码本身没办法翻译的,有点难对应上。今天学了什么相关知识,又是看为主的一天。因为在上敲过一点,所以看得比较快,权当复习。引一个笔记第三天 2019.3.8 用时:两小时。 今天遇到了什么...

    NotFoundNotFound 评论0 收藏0
  • 解决html页面展开内容出现滚动条时抖动问题

    解决html页面展开内容出现滚动条时抖动问题

    html { overflow-y: scroll; } :root { overflow-y: auto; overflow-x: hidden; } :root body { position: absolute; } body { width: 100vw; overflow: hidden; } 原文http://www.zhangxinxu.com/wor...

    Yu_HuangYu_Huang 评论0 收藏0
  • 第四天

    第四天

    摘要:三个小时今天学到了什么背景边框列表链接今天遇到了什么问题好多概念其实搞不太懂。比如继承,伪元素。 2019.3.9 三个小时 今天学到了什么? 背景 边框 列表 链接 今天遇到了什么问题 好多概念其实搞不太懂。比如继承,伪元素。 笔记 第四天...

    DobbyKimDobbyKim 评论0 收藏0
  • Dom 事件详解

    Dom 事件详解

    摘要:级事件规定事件流包括三个阶段事件捕获目标事件事件冒泡。返回布尔值,指示事件是否可拥可取消的默认动作。返回其事件监听器触发该事件的元素。返回当前对象表示的事件的名称。不再派发事件常用于阻止事件冒泡。 事件是 JavaScript 与 HTML 交互的基础...

    xiaokaixiaokai 评论0 收藏0
  • display有哪些值 与 position的值relative和absolute定位的原点是?

    display有哪些值 与 position的值relative和absolute定位的原点是?

    摘要:有哪些值说明他们的作用块类型,默认宽度为父元素宽度,可设置宽高,换行显示元素不显示,并从文档流中删除行内元素类型,默认宽度为内容宽度,不可设置宽高,同行显示默认宽度为内容宽度,可以设置宽高,同行显示像块元素一样显示,并添加样式列表标记...

    Lin_RLin_R 评论0 收藏0
  • 前端—初级阶段1(1-4)

    前端—初级阶段1(1-4)

    摘要:标签一般用于文章大标题以及每段的小标题,而标签一般用于文章段落中的重点词汇,而标签一般只是强调一种视觉效果。 内容 1.课程体系介绍、HTML+CSS基本入门知识2.网站运行原理3.HTML常用标签、表单新类型、网页SEO优化 4.HTML5语义化标签、音视频标签...

    YoungsYoungs 评论0 收藏0
  • 前端网页加载渲染链路优化

    前端网页加载渲染链路优化

    摘要:所以,关于优化实战我们主要分为两部分加载渲染链路优化和编程代码优化。加载渲染链路优化从访问到页面呈现,整个链路可以做优化的思路。资源缓存这一节我们多带带介绍缓存,是的,利用好缓存可以解决很多问题,包括页面加载和渲染的问题都能得到很好的...

    zhaofeihaozhaofeihao 评论0 收藏0
  • 一面

    一面

    摘要:数组这里有一组数组,如何从里面的一个位置删除一段并添加上一些元素呢用哪个方法实现呢数组如何去重,如何统计里面元素的重复次数呢你的就统计次数如果你就把那个插进去如果那就只统计重复次数可以用遍历数组元素,使用判断,相等就加一。 我决定,以...

    jeffrey_upjeffrey_up 评论0 收藏0
  • CSS文字交错滑动效果-001

    CSS文字交错滑动效果-001

    摘要:项目展示技术难点引用解释是中引用的元素的属性名称。实例输出初始样式基本每个人都会忽略第一步通过的属性移动文字,样式如下第二步通过的属性引用的元素的属性名称脱离文档流第三步鼠标经过,修改属性就行项目源码了解更多,个人博客 项目展示 showI...

    frolcfrolc 评论0 收藏0
  • 剖析前端开发中的防抖和节流

    剖析前端开发中的防抖和节流

    摘要:运用防抖和节流可以有效降低代码的执行频率,从而解决高频率事件的页面卡顿问题。在阶段布局,最终确定显示的位置和大小。在函数中,首先定义了一个空的定时器变量,用来计算时间间隔。还有一点要注意,在中一定要清楚定时器,不然会影响的条件判断。 ...

    andong777andong777 评论0 收藏0
  • CSS哪些属性可以继承哪些不可继承 与 CSS优先级算法

    CSS哪些属性可以继承哪些不可继承 与 CSS优先级算法

    摘要:哪些属性可以继承哪些不可继承可继承属性字体系列属性组合字体规定元素的字体系列设置字体的粗细设置字体的尺寸定义字体的风格偏大或偏小的字体文本系列属性文本缩进文本水平对刘行高增加或减少单词间的空白增加或减少字符间的空白控制 CSS哪些属性可...

    lemanlilemanli 评论0 收藏0
  • 如何用原生JavaScript打造一款简易谷歌插件

    如何用原生JavaScript打造一款简易谷歌插件

    摘要:今天,我打算向你们展示如何用原生做一款谷歌插件不依靠任何诸如或者框架的原生。我将向你们展示如何从零开始打造一款简易的谷歌插件。关于谷歌插件从本质上来说,一款谷歌插件只是一些用来定制浏览体验的文件。 今天,我打算向你们展示如何用原生Java...

    jasperyangjasperyang 评论0 收藏0
  • css布局【实用】

    css布局【实用】

    摘要:布局只截图了一半左右布局注释以下全是重点清除浮动重点重点重点左中右布局两版固定宽度中间自适应全部自适应宽度可以都写成数值自行调整重点重点如果均分这个可以改为重点重点如果均分这个可以改为水平居中重点以下效果都一样以下效果都一样以下 布局...

    zzzmhzzzmh 评论0 收藏0
  • CCS 盒模型分析

    CCS 盒模型分析

    摘要:基本概念页面中的每个元素都可以看成一个盒子,盒子里面可以装其他盒子,层层嵌套。标签就是最外面的大盒子。每个盒子由内向外分别是。分类盒模型有两种,标准盒模型和盒模型。 基本概念 页面中的每个元素都可以看成一个盒子,盒子里面可以装其他盒子...

    JochenJochen 评论0 收藏0
  • 浮动会导致什么结果?怎么清除浮动?

    浮动会导致什么结果?怎么清除浮动?

    摘要:首先看一段代码原本想象的效果是这样子结果是这个样子为什么的高度为了呢是因为导致的高度折叠,即元素的上下底边重合,也就是出现高度为的情况这种情况为导致以下结果因为浮动脱离文档流导致高度为这时在后面添加一个自然是在下面但由于的高度为所 首...

    DevYKDevYK 评论0 收藏0
  • sass介绍及使用

    sass介绍及使用

    摘要:生产环境当中,一般使用最后一个选项。基本上,局部变量只会在局部范围内覆盖全局变量。基本上,没有理由声明一个永远不需要更新或者只在单一地方使用变量。在属性中取值需要使用的强大之处,在于可以指定参数和缺省值。 SASS 官网(中文) SASS 官网...

    tomatotomato 评论0 收藏0
  • 前端面试题小结

    前端面试题小结

    摘要:如何解决不同终端的适配问题弹性盒子,非常不错的选择的运行流程生命周期生命周期优化解释中虚拟存在的好处为什么可以解决跨域问题地址栏输入流程总结初级阶段是会用。 前几天也是有人问我的一些问题,我觉得还是挺有了解价值的,也是一些平时开发可能...

    silenceboysilenceboy 评论0 收藏0

热门文章

<