文章库ARTICLE COLUMN

  • 视口相关单位的应用 —— 别说你懂CSS相对单位

    视口相关单位的应用 —— 别说你懂CSS相对单位

    摘要:还有视口相关单位,依赖浏览器的视口大小来定义长度的。如果你不熟悉视口相关单位的话,在这里简单介绍一下。笔记视口相关单位对于大多数浏览器还是一项比较新的特性,所以当你试图把这个特性和其他样式混搭时,有可能会有一些很奇怪的。 前段时间试译...

    lboollbool 评论0 收藏0
  • JS正则表达式

    JS正则表达式

    摘要:主要有两种操作匹配和捕获链接描述正则表达式语法正则表达式的创建正则表达式是有元字符和修饰符组成,将元字符和修饰符写在中。 正则表达式 正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一...

    zoomdongzoomdong 评论0 收藏0
  • 无单位数字和行高 —— 别说你懂CSS相对单位

    无单位数字和行高 —— 别说你懂CSS相对单位

    摘要:无单位数字和行高有一些属性可以接收不带单位的数值意思就是一个不带长度单位的数字,如和等于,等于,如此类推。警告不带单位的只可以表示长度单位和百分比的值,譬如和。段落继承了的行高。长度有两种类型绝对的和相对的。 前段时间试译了Keith J.Gr...

    AirmusicAirmusic 评论0 收藏0
  • Css里的BFC

    Css里的BFC

    摘要:一简介全称,块级格式化上下文,就是一个块级元素的渲染显示规则可以把理解为一个封闭的大箱子,,容器里面的子元素不会影响到外面的元素二的触发条件只要元素满足下面任一条件即可触发特性根元素浮动元素不为的属性值绝对定位元素为除了以外的值三的布...

    princekinprincekin 评论0 收藏0
  • css 块级格式化上下文(BFC)

    css 块级格式化上下文(BFC)

    摘要:一块级格式化上下文什么是块级格式化上下文,块级格式化上下文就是一个块级元素的渲染显示规则可以把理解为一个封闭的大箱子,,容器里面的子元素不会影响到外面的元素触发的条件如下根元素的值不为。 一、块级格式化上下文(BFC) 1、什么是块级格式...

    J4ck_ChanJ4ck_Chan 评论0 收藏0
  • css里的BFC的用法

    css里的BFC的用法

    摘要:的概念比较抽象,但通过实例分析,有助于我们对的理解。在此仅列举了几个例子,欢迎大家一起探索更多 一、对BFC的了解 Block Formatting Contexts (BFC,块级格式化上下文),就是 一个块级元素 的渲染显示规则 (可以把 BFC 理解为一个封闭的大箱子,...

    ISherryISherry 评论0 收藏0
  • 前端性能优化之Lazyload

    前端性能优化之Lazyload

    摘要:前端性能优化之前端冬晨技术分享懒加载简介前端工作中,界面和效果正在变得越来越狂拽炫酷,与此同时性能也是不得不提的问题。这样相对于直接性能得到更进一步提升,在功能上也没有什么问题。结语历史潮流浩浩荡荡,前端技术的发展也是日新月异。 前端...

    charles_paulcharles_paul 评论0 收藏0
  • CSS Module

    CSS Module

    摘要:样式变多后,命名将更加混乱。缺点是不能利用成熟的预处理器或后处理器,和伪类处理起来复杂。经过这样混淆处理后,名基本就是唯一的,大大降低了项目中样式覆盖的几率。就只能使用预处理器自己的语法来做样式复用了。一 前言CSS 是前端领域中进化最慢...

    mingzhongmingzhong 评论0 收藏0
  • css栅格系统在项目中的灵活运用

    css栅格系统在项目中的灵活运用

    摘要:前言栅格通常捆绑在各种框架中,但有时你需要自己去定制一个栅格来满足实际的业务需要,本文聊聊栅格系统在项目中的灵活运用。 前言 css栅格通常捆绑在各种框架中,但有时你需要自己去定制一个css栅格来满足实际的业务需要,本文聊聊css栅格系统在项目...

    summerpxysummerpxy 评论0 收藏0
  • 射鸡狮说圆形的进度条不是我要的效果

    射鸡狮说圆形的进度条不是我要的效果

    摘要:一个没什么特别的日子,你接到了一个没什么特别的设计图,准备写个没什么特别的活动页,然后,看到了一个效果唔,射鸡狮啊,你这个圆是不是没画好啊,缺了个角。唔,那个是不是可以画画作为一个熟练操作和的前端工程师,那就去看看有没有提供什么让我们...

    gyl_codergyl_coder 评论0 收藏0
  • 前端每日实战:86# 视频演示如何用纯 CSS 创作一个方块旋转动画

    前端每日实战:86# 视频演示如何用纯 CSS 创作一个方块旋转动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbd765?w=400&h=301"); 效果预览 按下右侧的点击预览...

    wangdaiwangdai 评论0 收藏0
  • JavaScript 工作原理之十五-类和继承及 Babel 和 TypeScript 代码转换探秘

    JavaScript 工作原理之十五-类和继承及 Babel 和 TypeScript 代码转换探秘

    摘要:使用新的易用的类定义,归根结底也是要创建构造函数和修改原型。首先,它把构造函数当成多带带的函数且包含类属性集。该节点还储存了指向父类的指针引用,该父类也并储存了构造函数,属性集和及父类引用,依次类推。 原文请查阅这里,略有删减,本文采...

    GeekGhcGeekGhc 评论0 收藏0
  • 浏览器兼容(CSS部分)

    浏览器兼容(CSS部分)

    摘要:对浏览器兼容问题,一般分,,兼容,兼容。特别是增加了许多新标签,低版本浏览器会存在不兼容的情况。出现这个问题的原因是之前的浏览器都会给标签一个最小默认的行高的高度。 **我所说的兼容性问题,主要是说IE与几个主流浏览器如firefox,google等...

    gityuangityuan 评论0 收藏0
  • CSS实现多行文本垂直居中

    CSS实现多行文本垂直居中

    摘要:最近在做项目时,遇到了如下样式需求即实现多行文本垂直居中。单行文本垂直居中方法简单父元素高度即可多行文本垂直居中父元素高度不固定使用样式解决即使上下相等父元素高度固定,假设结构如下所示解决方法 最近在做项目时,遇到了如下样式需求:show...

    novonovo 评论0 收藏0
  • css3 动画(三)animation 简介

    css3 动画(三)animation 简介

    摘要:默认,只执行一次动画动画名称,该名称为动画关键帧的名称。默认如何理解表示的是关键帧的名称,那么如何定义关键帧呢使用。语法名称关键帧样式或总结其实也并不复杂,其有个子属性。下一篇动画三源码解析通过阅读动画库的源码,来提高对中属性的认识 ...

    itvincentitvincent 评论0 收藏0
  • css3 动画(四)animation.css 源码分析

    css3 动画(四)animation.css 源码分析

    摘要:前言上一篇动画三简介中只是简单的介绍了一下的子属性,并没有真正的使用。在本篇中,通过阅读这个的动画库,来加深对的属性的理解。是一个具有非常多的动画效果的动画库。动画效果演示用法加上基础类以及动画类,就会有闪烁的动画效果。 前言 上一篇 ...

    ThreeWordsThreeWords 评论0 收藏0
  • 前端每日实战:87# 视频演示如何用 1 个 DOM  元素和纯 CSS 创作一台对开门冰箱

    前端每日实战:87# 视频演示如何用 1 个 DOM 元素和纯 CSS 创作一台对开门冰箱

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbd9tL?w=400&h=300"); 效果预览 按下右侧的点击预览...

    djfmldjfml 评论0 收藏0
  • 关于浏览器兼容

    关于浏览器兼容

    摘要:第二个子节点第三个子节点以此类推盒子阴影失效尽管背景是白色,最好还是设置一下,不然兼容后的效果可能会不太理想透明色失效有默认在文件中控制一下就好了,如顺便介绍一下过滤器,是一种用来过滤不同浏览器的类型。 一、火狐1. 失效hack:采用jque...

    RdouTypingRdouTyping 评论0 收藏0
  • 写给 Android 开发的小程序布局指南,Flex 布局!

    写给 Android 开发的小程序布局指南,Flex 布局!

    摘要:不过在小程序中,这就不是我们需要考虑的了,微信已经帮我们处理好了。而在新手阶段,暂时只需要关注两个参数指定一个块级布局,它其内的元素,总是起一个新行来显示,而微信小程序的很多视图容器组件,默认的就是,例如等。 showImg("https://segment...

    SalamanderSalamander 评论0 收藏0
  • Vue全家桶web端社区项目

    Vue全家桶web端社区项目

    摘要:同时分权限等级可以进行置顶删除等操作评论可以对当前帖子进行评论,也可以对某条帖子进行评论,也可以回复其他评论者帖子发表可以选择帖子类型标签等技术栈等源码项目地址可以直接访问线上地址社区注册后登录即可体验发帖回帖等操作项目运行项目截图 ...

    lykopslykops 评论0 收藏0
  • 【零基础入门】 css学习笔记(3) 选择器 与 层叠性

    【零基础入门】 css学习笔记(3) 选择器 与 层叠性

    摘要:,高级选择器后代选择器空格表示后代选择器就是的后代所有的。注意是后代,并不一定是儿子空格可以出现多次补充后代选择器中出现的东西很灵活,可以是标签,可以是名,可以是名后代选择器,就是一种平衡共性特性的平衡。 一,选择器 1,基础选择器 1)...

    cppprimercppprimer 评论0 收藏0
  • JS基础入门篇(二十四)—DOM(下)

    JS基础入门篇(二十四)—DOM(下)

    摘要:到定位父级节点的距离返回值是一个对象,包含了元素盒模型的详细信息可视大小取对象中详细的属性值相对于浏览器可视区域。移入移出效果移入当前数字,数字的前后背景变色。 1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父级节点的距离. ...

    SmallBoyOSmallBoyO 评论0 收藏0
  • CSS1:CSS难学与好学,CSS学习方法

    CSS1:CSS难学与好学,CSS学习方法

    摘要:只需要熟悉常用套路,足以应付日常工作包括阿里巴巴腾讯这些公司的日常工作现在的公司更喜欢好的程序员,对要求不高,面试题也很基础。 CSS1:CSS难学与好学,CSS学习方法 1.CSS难学与好学 1.1CSS为什么难学 CSS 属性很多,难以一次性记下来 CSS 属性之...

    刘明刘明 评论0 收藏0
  • 小猪乔治和border-radius

    小猪乔治和border-radius

    摘要:主要有以下几个步骤找一张小猪乔治的图片参考对图片中的部分进行分解,并逐一实现废话其实掌握了后,这些步骤都不难了,细心绘制就可以完成啦。我绘制的小猪乔治如图参考资料用画小猪佩奇,你就是下一个社会人 概述 之前看了一篇关于用CSS来画小猪佩奇...

    guqiuguqiu 评论0 收藏0
  • 前端每日实战:52# 视频演示如何用纯 CSS 创作一个小球绕着圆环盘旋的动画

    前端每日实战:52# 视频演示如何用纯 CSS 创作一个小球绕着圆环盘旋的动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbfmMe?w=400&h=307"); 效果预览 按下右侧的点击预览...

    huangjinnanhuangjinnan 评论0 收藏0

热门文章

<