文章库ARTICLE COLUMN

  • 扯点:FC - Formatting Context

    扯点:FC - Formatting Context

    摘要:指页面中一个渲染区域,并且拥有一套渲染规则,他决定了其子元素如何定位,以及与其他元素的相互关系和作用。两个同胞盒间的垂直距离取决于属性。同一个块格式化上下文中的相邻块级盒的垂直外边距将折叠。 FC(Formatting Context)指页面中一个渲染区...

    notebinnotebin 评论0 收藏0
  • 《SVG精髓》笔记(二)

    《SVG精髓》笔记(二)

    摘要:元素元素会将其所有子元素作为一个组合,通常组合还会有一个唯一的作为名称。变换描述按照指定的和值移动用户坐标系统。比例值可以是小数或则负数和相同按照指定的旋转用户坐标。旋转中心由和指定根据指定的倾斜所有坐标。 3. 文档结构 在SVG中使用...

    entnerentner 评论0 收藏0
  • 重新开始学前端之浮动

    重新开始学前端之浮动

    摘要:寒假来了打算重新学习总结前端的知识要点以及前端领域出现的新东西,因此有了这个系列。在正常布局下中位于该浮动元素之下的内容此时会围绕着浮动元素。在父元素上设置属性,如果此属性设置为或者则可以达到清除浮动的效果。但要注意并不是专门用于清除...

    piapiapiapia 评论0 收藏0
  • text-decoration与color属性

    text-decoration与color属性

    摘要:而它常常会与标签用来表示要插入的内容配合使用属性属性实际控制了一个元素的前景色,包含了文本颜色和边框颜色一起,下面代码可以看到边框颜色实际也由一并控制了。不过除了,也可以额外增加属性来专门指定边框的颜色 text-decoration属性值 如果指定...

    Java_oldboyJava_oldboy 评论0 收藏0
  • UI框架收藏列表

    UI框架收藏列表

    摘要:和基于的框架基于的框架基于的框架基于的框架参考网址 bootstrap:http://www.bootcss.com/ Bootswatch:https://bootswatch.com/ semanticUI:https://semantic-ui.com/ Foundation:https://foundation.zurb.com/ Bulma:https://bulm...

    1fe1se1fe1se 评论0 收藏0
  • css中底部sticky footer

    css中底部sticky footer

    摘要:设计是最古老和最常见的效果之一,它可以概括如下如果页面内容不够长的时候,页脚块粘贴在视窗底部如果内容足够长时,页脚块会被内容向下推送。所有内容区好,方法一也比较推荐,以上就是个人对的理解 Sticky footers设计是最古老和最常见的效果之一,...

    wenziwenzi 评论0 收藏0
  • HTML-CSS

    HTML-CSS

    摘要:但是,从字体上来说雪碧图制作,使用以及相关,图文。由于采用了编译,所以能够保证在浏览器不支持标准布局的情况下,回滚到旧版本的,保证移动设备中能呈现出一样的布局效果。我不想陷入和的纷争,但是有一件事是确定的极大的提升了移动端 一劳永逸的...

    CHENGKANGCHENGKANG 评论0 收藏0
  • iOS Safari 中点击事件失效的解决方法

    iOS Safari 中点击事件失效的解决方法

    摘要:问题描述当使用委托给一个元素添加事件时,如果事件是委托到或上,并且委托的元素是默认不可点击的如等,此时事件会失效。从解决办法来看,推测在中,不可点击的元素的点击事件不会冒泡到父级元素。 问题描述 当使用委托给一个元素添加click事件时,如...

    王笑朝王笑朝 评论0 收藏0
  • BEM——前端命名规范介绍

    BEM——前端命名规范介绍

    摘要:什么是是由团队提出的一种前端命名规范。用法嵌套可以相互嵌套,并且嵌套数量任意。决定了命名空间,确保不被其他影响。何时用何时用使用创建定义和的外观状态或者行为。特征表示其表现其状态和其行为命名方法以单下划线与或者隔开。 什么是BEM? BEM(...

    JasonJason 评论0 收藏0
  • 前端小知识--为什么你写的height:100%不起作用?

    前端小知识--为什么你写的height:100%不起作用?

    摘要:所以我们要同时设置这两者的,只设置其中一个是不行的关于居中的一点误解全部代码如上,可以看到设置了为没有居中,这是为什么呢,因为这时候的是相对于字体尺寸的所以直接作用于没有绝对高度的元素是不行的。 为什么你写的height:100%不起作用? 这个...

    CoderStudyCoderStudy 评论0 收藏0
  • css3水滴效果,地图标记效果

    css3水滴效果,地图标记效果

    摘要:关键细节镂空的的背景画一个地图标记点效果参考, showImg("https://segmentfault.com/img/bV1wjr?w=681&h=687"); 关键细节:镂空的的背景 css3画一个地图标记点效果 body { height: 100vh; back...

    赵连江赵连江 评论0 收藏0
  • CSS 实现元素较宽不能被完全展示时将其隐藏

    CSS 实现元素较宽不能被完全展示时将其隐藏

    摘要:当到了某个标签不能被完全展示下时则不显示。可以看出来最后两个由于会超出的宽度,被折到了下一行,然后又被的隐藏。 首发于本人的博客 varnull.cn 遇到一个需求,需要实现的样式是固定宽度的容器里一排显示若干个标签,数量不定,每个标签的长度也不...

    张红新张红新 评论0 收藏0
  • overflow-y:auto/hidden/scroll和overflow-x:visible组合

    overflow-y:auto/hidden/scroll和overflow-x:visible组合

    摘要:但是会因为实际使用情况和逻辑上的复杂程度而变得并不好用。至于浏览器为什么会这样就只搬运了不详细解释参考资料解决方案原因 最近做项目想做一个这样的效果:就是我想要内部div x轴溢出div则显示y轴溢出div则出现滚动条于是用到了overflow-y 和 over...

    Charlie_JadeCharlie_Jade 评论0 收藏0
  • Vue style里面使用@import引入外部css, 作用域是全局的解决方案

    Vue style里面使用@import引入外部css, 作用域是全局的解决方案

    摘要:并不是引入代码到里面,而是发起新的请求获得样式资源,并且没有加我们只需把改成引入外部样式,就可以解决样式是全局的问题整体代码如下参考链接技术文档 问题描述 使用@import引入外部css,作用域却是全局的 export default { name...

    yedfyedf 评论0 收藏0
  • 关于Array.reduce的理解与拓展

    关于Array.reduce的理解与拓展

    摘要:而则从数组的最后一项开始,向前遍历到第一项。传给和的函数接收个参数前一个值当前值项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第二次,是加的结果,是数组的第三项。 2018年1月6日 首先我要感谢我的同事徒步上山...

    李世赞李世赞 评论0 收藏0
  • 你真的理解事件冒泡和事件捕获吗?

    你真的理解事件冒泡和事件捕获吗?

    摘要:事件流是事件冒泡,而的事件流就是事件捕获。所有现代浏览器都支持事件冒泡,并且会将事件一直冒泡到对象。事件捕获的用以在于事件到达预定目标之前捕获它。事件流级事件规定事件流包括三个阶段,事件捕获阶段处于目标阶段和事件冒泡阶段。 最近在复习...

    henry14henry14 评论0 收藏0
  • 前端编年史(持续更新中)

    前端编年史(持续更新中)

    摘要:由微软正式发布,矛头直指网景的,成就的同时也开启了自己声名狼藉之路。由微软正式发布,虽然很蹩脚,但是基于这个技术,我们终于可以在上完成桌面端程序的任务了。微软发布了第一个版本,提供了更加规范地书写的解决方案。 字数:1000阅读时间:10分...

    gaaragaara 评论0 收藏0
  • 【前端Talkking】CSS系列-一步一步带你认识animation动画效果

    【前端Talkking】CSS系列-一步一步带你认识animation动画效果

    摘要:是一个复合属性有以下属性可以多带带写每一个属性,也可以直接使用复合属性。用法指定动画播放方式,默认值为,支持。看例子好理解在浏览器中的运行效果如下这个例子就不详细解释了,很简单。 0、写在前面 在CSS系列——一步一步带你认识transition过...

    yexiaobaiyexiaobai 评论0 收藏0
  • 前端系列——论前端工程师增加知名度的重要性

    前端系列——论前端工程师增加知名度的重要性

    摘要:工作最后还是找到了,工作了几个月,我不断思考这个问题前端工程师要不要写博客,拉粉丝,做娱乐圈一样的事情。打开知乎一看,哇塞,这个人头衔是资深前端,粉丝这么多,大家都叫他某大某老。 话题 这篇文章就像是灌水文,扯些非技术的东西,权当话题...

    justjavacjustjavac 评论0 收藏0
  • 浏览器对css小数点的处理

    浏览器对css小数点的处理

    摘要:但是通过分析验证了问题所在,之后遇到这种情况的时候便有了解决办法合理设置百分比,使其计算结果小数点,进而四舍五入之后宽度大于实际渲染宽度 近期在开发的时候遇到一个奇怪的问题,如下图(ios系统,android暂未发现),第一个和第三个子元素中的角...

    NikoManiacNikoManiac 评论0 收藏0
  • 带你彻底了解CSS浮动(文字整理版)

    带你彻底了解CSS浮动(文字整理版)

    摘要:谢老板谢然最近在讲堂上开了一个视频课程带你彻底掌握浮动,因为视频比较长分钟,不方便回顾,我将之做了一个整理,并从我自己理解的角度进行了阐述,以做记录。相应的背景文档浮动结语以上就是谢老板在视频中的内容,希望帮助到大家。 谢老板(谢然)...

    AlphaWatchAlphaWatch 评论0 收藏0
  • 简单说 JavaScript中的事件委托(下)

    简单说 JavaScript中的事件委托(下)

    摘要:说明上次我们说了一些,关于中事件委托的基础知识,这次我们继续来看。可选类型,一个选择器,用于指定哪些后代元素可以触发绑定的事件。类型,指定的事件处理函数。 说明 上次我们说了一些,关于 JavaScript中事件委托的 基础知识,这次我们继续来看...

    lavnFanlavnFan 评论0 收藏0
  • 现代浏览器性能优化-CSS篇

    现代浏览器性能优化-CSS篇

    摘要:当浏览器发现时,就会下载,解析,然后更新,这时会引起一次重绘。这个过程中,有两个非常严重的问题。如果你对异步加载的方案感兴趣,欢迎留言与我讨论扩展阅读浏览器的工作原理关于你应该知道些什么,和它们在之中的优先级 我来填坑了,CSS篇终于写...

    CoffeXCoffeX 评论0 收藏0
  • 使用css伪类,实现同类型复选框计数的效果

    使用css伪类,实现同类型复选框计数的效果

    摘要:开始啦最近发现一个的小技巧。在以往,当我想要获取的数据数量的时候,常规的做法是使用遍历数组,定义变量达到统计数量的效果。 开始啦 最近发现一个css的小技巧。在以往,当我想要获取checkbox的数据数量的时候,常规的做法是使用js遍历checkbox数组...

    kohoh_kohoh_ 评论0 收藏0
  • 论一种基于JS技术的WEB前端动态生成框图的方法

    论一种基于JS技术的WEB前端动态生成框图的方法

    摘要:前言是一种标记语言,由的标签元素和文本编写的文档可被浏览器描述为一幅网页。以下列举了一些常用的对象方法,可供大家参考可登陆网站详细查看,实现绘图的方式主要基于这些常用的方法。 前言 HTML是一种标记语言,由HTML的标签元素和文本编写的文档...

    李文鹏李文鹏 评论0 收藏0

热门文章

<