文章库ARTICLE COLUMN

  • 前端知识库 - 收藏集 - 掘金

    前端知识库 - 收藏集 - 掘金

    摘要:自适应的椭圆背景知识属性的基本用法使用样式画各种图形前端掘金下面是一些我在中经常用到的图案,还有一些是在看到的。像图手把手教你使用前端掘金使用教程一是什么是目前世界上最先进的分布式版本控制系统。 如何在 Vue.js 中使用第三方库 - 前端 - ...

    BetaRabbitBetaRabbit 评论0 收藏0
  • 原生js+css 实现 material design 点击效果

    原生js+css 实现 material design 点击效果

    摘要:最近想要在按钮上添加的点击效果,看了看,单纯的想要这种效果,而要引入一些不必要的内容觉得不划算,然后自己动手造了个轮子。项目地址上传不了图只能用了效果使用文字只要在内添加并且在内传入便可以实现水波纹效果。 最近想要在按钮上添加material...

    tolerioustolerious 评论0 收藏0
  • 「CSS3」ImageMagick - 从gif建立雪碧图动画 - Sprite Sheet Ani

    「CSS3」ImageMagick - 从gif建立雪碧图动画 - Sprite Sheet Ani

    摘要:由于图片是根据一定的方式进行编码的,有的时候对于同一幅图片,垂直拼接和水平拼接后的图片体积可能会差异比较大,最好都生成一幅,然后进行选定素材及地址最后附上雪碧图动画的运行,有和两种方式,并可以进行暂停加速减速反向操作戳 ImageMagick Im...

    AccemlAcceml 评论0 收藏0
  • gitbook: 前端好书推荐

    gitbook: 前端好书推荐

    摘要:它大致概述并讨论了前端工程的实践如何学习它,以及在年实践时使用什么工具。目的是每年发布一次内容更新。前端实践第一部分广泛描述了前端工程的实践。对大多数人来说,函数式编程看起来更加自然。 1 Front-End Developer Handbook 2017 地址:https:...

    CocoaChinaCocoaChina 评论0 收藏0
  • IOS 下 -webkit-overflow-scrolling 引发的 bug

    IOS 下 -webkit-overflow-scrolling 引发的 bug

    摘要:网站居然这么坑,写笔记的编辑器那么不友好,发不了图片,只能发文章了。网上关于下的相关还挺多的,这里提到的估计很少人会遇到。测试机型魅族代码效果定位问题解决问题方法一方法二去掉定位到的两个条件之一 segmentfault 网站居然这么坑,写笔记的...

    tunnytunny 评论0 收藏0
  • 六边形块级元素的绘制

    六边形块级元素的绘制

    摘要:使用之前,都是利用图片作为背景来实现的,现在有这把利器,顺利完美的绘制六边形。绘制六边形代码可见代码非常简单,这里要运用伪元素来实现代码看完这个案例,对于绘制三角形就简单了,尝试自己绘制一下吧。 使用h5之前,都是利用图片作为背景来实现...

    jlanglangjlanglang 评论0 收藏0
  • 一个前端的自我修养

    一个前端的自我修养

    摘要:今天给大家分享的主题是前端的自我成长,这是一个关于成长的话题。的确如此,到目前为止,还没有任何一个大学会教前端,倒是有些培训班,会讲网页开发三剑客。   今天给大家分享的主题是前端的自我成长,这是一个关于成长的话题。   很多人都有这...

    LinkedME2016LinkedME2016 评论0 收藏0
  • 十几行代码教你实现一个最简版的promise

    十几行代码教你实现一个最简版的promise

    摘要:最近研究了一下的实现,这篇文章使用了十几行代码实现了一个简单的以便帮助读者对有更深的了解。另外一个有三种状态。所以我们有以下的代码然后我们实现函数每次函数的执行会返回一个新的。因为这行代码是异步执行的,而当中的时,这行代码不应该执行。...

    tracymac7tracymac7 评论0 收藏0
  • 紧贴底部的页脚

    紧贴底部的页脚

    摘要:这样就可以了我们只需要四行简单的代码,就完美实现了紧贴底部的页脚。后记上面是我总结的四种方法,如果还有什么更好的方法,欢迎共同探讨参考资料总在底部的页脚揭秘 前言 在写前端页面时,经常会遇到这种情况:有一个具有块级样式的页脚,当页面内...

    greatwholegreatwhole 评论0 收藏0
  • 2017-06-11 前端日报

    2017-06-11 前端日报

    摘要:前端日报精读前端调试技巧知乎专栏揭秘笔记利用给网页交互增加声音后时代的正则匹配三年来,从未如此随性更多文章可移驾前端日报 2017-06-11 前端日报 精读前端调试技巧 - 知乎专栏CSS 揭秘笔记利用HTML5 Web Audio API给网页JS交互增加声音后 ES6 时...

    SimpleTriangleSimpleTriangle 评论0 收藏0
  • sass学习笔记--混合宏

    sass学习笔记--混合宏

    摘要:申明混合宏不带参数混合宏在中,使用来声明一个混合宏。如其中是用来声明混合宏的关键词,有点类似中的一样。是混合宏的名称。 什么时候使用混合宏 如果你的整个网站中有几处小样式类似,比如颜色,字体等,在 Sass 可以使用变量来统一处理,那么这种...

    WildcardWildcard 评论0 收藏0
  • 重拾css(1)——写在前边的话

    重拾css(1)——写在前边的话

    摘要:本系列文章重拾主要参考王福朋知多少,结合自己的理解和学习需要,修改或添加了一些内容,难免有失偏颇,仅供自我学习参考之用。 工作中或多或少的写一些css,但总感觉掌握的不够扎实,时而需要查阅一下知识点。我想,一方面跟缺少科班出身式的系...

    li21li21 评论0 收藏0
  • 重拾css(2)——带着问题出发

    重拾css(2)——带着问题出发

    摘要:来不及解释,快上车有些浏览器不完全支持,现在可以用哪个工具去检测浏览器是否支持,以及支持哪些项常用的标签,它们的属性一般默认为和。的设计初衷是什么具有包裹性例如和两者的宽度是不一样的,不信可以为加上背景色试试。 来不及解释,快上车... ...

    Big_fat_catBig_fat_cat 评论0 收藏0
  • 重拾css(3)——学习css的思路

    重拾css(3)——学习css的思路

    摘要:如果我们以为重点看,从上图中我们可以总结出学习的三个突破点。这次我们向浏览器这位机器人学习一下,看看它写出来的能给我们什么帮助。对选择器来说,有一个很重要的话题级别。布局布局是的重头戏,每个系统的布局都有其各自的特点。 众所周知,css...

    KaedeKaede 评论0 收藏0
  • 重拾css(4)——样式来源与层叠规则

    重拾css(4)——样式来源与层叠规则

    摘要:摘自设计指南样式来源上文中提到,之所以有层叠的概念,是因为有多个样式来源。优先级相同条件下例如都来自引用样式,覆盖的默认规则是后者覆盖前者,但是有一个特殊情况,其实优先级最高。 这一节就开始实践上一节的思路! 1.层叠的概念 简言之,...

    gityuangityuan 评论0 收藏0
  • 重拾css(5)——浏览器默认样式

    重拾css(5)——浏览器默认样式

    摘要:而依然有效的原因是浏览器默认样式的优先级低于外联内部样式。例如第二,浏览器默认样式还为设置了,这个值是对英文比较友好,中文状态下就显得有点拥挤。 上一节介绍了样式的五种来源,咱们再通过一张图回顾一下。 showImg("https://segmentfault.com...

    guqiuguqiu 评论0 收藏0
  • 重拾css(6)——选择器

    重拾css(6)——选择器

    摘要:选择器的扩展选择器本来是的一种规则,用于为选择节点的。但是聪明的人类还是通过选择器创造出了其他领域非常伟大的作品。被推广流行的根本原因就是它的基于选择器的。 前文示图中展示了浏览器的渲染过程,那么css与html是如何结合的呢?答案是——选...

    vincent_xybvincent_xyb 评论0 收藏0
  • 重拾css(7)——选择器的优先级

    重拾css(7)——选择器的优先级

    上一节我们知道,选择器种类较多,同一个元素,可以采用不同的选择器方式选中,此时哪个选择器的样式会被最终显示呢? 特指度 特指度表示一个css选择器表达式的重要程度,每个选择器表达式都可以通过一个公式计算出一个数值,数越大,越重要。这个公式叫I...

    ShihiraShihira 评论0 收藏0
  • 重拾css(8)——盒子模型

    重拾css(8)——盒子模型

    摘要:盒子的宽度设置固定宽度的情况在盒子模型中,我们设置的宽度都是内容宽度,不是整个盒子的宽度。这样我们改四个中的其中一个,都会导致盒子宽度的改变。包裹内容的情况这种情况下比较简单,盒子的宽度将随着内容宽度的增加而增加。 1.引言 从这一节开...

    SnaiLiuSnaiLiu 评论0 收藏0
  • 重拾css(9)——float

    重拾css(9)——float

    摘要:导致这一现象的最根本原因在于被设置了的元素会脱离文档流。脱离文档流可以理解为子元素与父元素间的结构被破坏,父子关系解除。 1.引言 对于我们所有的web前端开发人员,float是或者曾经一度是你最熟悉的陌生人——你离不开它,却整天承受着它所带给...

    CollinPengCollinPeng 评论0 收藏0
  • video 标签在微信浏览器的问题解决方法

    video 标签在微信浏览器的问题解决方法

    摘要:视频自动播放设置,但是有经验的人都应该知道,标签在手机上不兼容,中设置问题导致无法自动播放,无论安卓或。安卓微信浏览器是内核,一些属性标签比如就不支持,所以始终全屏。 最近做的些web页面,内嵌许多小视频,在ios和安卓手机上播放时,遇到不...

    Benedict EvansBenedict Evans 评论0 收藏0
  • 重拾css(10)——display

    重拾css(10)——display

    摘要:浏览器默认样式中规定了元素哪些属于块剩下的就是流。上图可知,针对的标签,你设置宽度和高度是无效的,通过监控可以知道,该元素实际的宽度和高度都是,并不是我们设定的值。因此,的特点可以总结为外部看来是流,但是自身却是一个块。 1.引言 html...

    dendoinkdendoink 评论0 收藏0
  • 前端开发知识点整理

    前端开发知识点整理

    摘要:前言本文主要是有关前端方面知识按照目前的认知进行的收集归类概括和整理,涵盖前端理论与前端实践两方面。 前言:本文主要是有关前端方面知识按照 XX 目前的认知进行的收集、归类、概括和整理,涵盖『前端理论』与『前端实践』两方面。本文会告诉你...

    SikeSike 评论0 收藏0
  • 重拾css(11)——position

    重拾css(11)——position

    摘要:和不同,其他三个元素的位置重新排列了。只要元素会脱离文档结构,它就会产生破坏性,导致父元素坍塌。的绝对定位元素的定位永远是相对于浏览器边界的,和其他元素没有关系。 1.引言 在学习position之前,我们应该去思考一个问题:什么情况下我们需要...

    刘明刘明 评论0 收藏0
  • bootstrap解析-排版

    bootstrap解析-排版

    摘要:引用默认左边右边列表移除默认只针对直接内联只针对直接使得水平排列屏幕时超出会出现三个小点的省列号屏幕时本篇博文首发于本人个人博客,查看更多点这里 标题 36px .h1 30px .h2 24px .h3 18px .h4 14px .h5 12px .h6 当前字体的65% ...

    gaaragaara 评论0 收藏0

热门文章

<