文章库ARTICLE COLUMN

  • 前端开源项目周报0103

    前端开源项目周报0103

    摘要:由出品的前端开源项目周报第四期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第四期来啦。我们的前端开源周报集合了OpenDigg一...

    paulli3paulli3 评论0 收藏0
  • 视觉格式化模型之BFC

    视觉格式化模型之BFC

    摘要:详见权威指南块级元素即块级元素是源文档中被格式化为块的元素,或者属性为的元素。概念顾名思义块级格式化上下文。每个元素的的左边,与包含块的左边相接触对于从左往右的格式化,否则相反。 情景:浮动的高度塌陷时,使用overflow:hidden可使父元素...

    anywayanyway 评论0 收藏0
  • css:oo css

    css:oo css

    摘要:既面向对象的作用加强代码的复用方便维护。组件库思想栅格布局可共用减少选择器方便扩展。注意事项不要直接定义子节点,应把共性声明放到父类。结构和皮肤相分离。对象应保持独立性。避免位置相关的样式。类名简短清晰语义化的名字并不影响语义化。 oo...

    syoyasyoya 评论0 收藏0
  • 解决页面滚动时吸顶操作不能及时响应bug

    解决页面滚动时吸顶操作不能及时响应bug

    摘要:这个界限就是该元素顶部距离窗口顶部的距离等于该元素设置的值比如以下像素分割线当我的顶部距离窗口顶部为值时,我就会像一样在距离窗口值处的时代发送分效果图当页面滚动到距离黄色区块顶部时,黄色区块就会在窗口顶部处,页面再往下滚动距离也不会变...

    gaomysiongaomysion 评论0 收藏0
  • css的水平垂直居中

    css的水平垂直居中

    摘要:水平垂直居中文本的水平垂直居中文本的水平居中文本的垂直居中无有文本的行高百分比父元素的像素值纯数字自身的盒子的水平垂直居中或者或者或者 css水平垂直居中 文本的水平垂直居中: center 文本的水平居中: text-align:center; 文本的垂直居中: ...

    yeoooyeooo 评论0 收藏0
  • bootstrap中sr-only是什么属性?用途是什么?

    bootstrap中sr-only是什么属性?用途是什么?

    摘要:比如导航栏菜单当前页面选中高亮状态,这些状态只有视力正常的人才能正常使用。因此我们还要写上这些元素的文本说明,但是又不需要展示给普通用户看到,于是加上的意义就在于能保证屏幕阅读器正确读取且不会影响正常人的使用。 开发中经常发现bootStra...

    sewergangersewerganger 评论0 收藏0
  • 浅谈Canvas

    浅谈Canvas

    摘要:上一篇给大家讲了一下的一些概念性的东西,这一篇我们来讲一下的最基础的应用定义一个画图画路径和表示的是里面的绘制路径,不加的话会出现灵异事件灵异事件通俗的讲就是后绘制的图形不能精确的识别上一线的开始处这个用来定义线段终点的类型定义线段的...

    xfeexfee 评论0 收藏0
  • transformjs 污染了 DOM?是你不了解它的强大

    transformjs 污染了 DOM?是你不了解它的强大

    摘要:的粒子就不再举例,和用于的例子差不多,相信大家能够很快搞定。开始使用吧官方网站地址最后,多谢大家对的建议,有了你们中肯建议和意见,才让它变得更好更灵活更强大。 原文链接:https://github.com/AlloyTeam/AlloyTouch/wiki/Powerful-transformj...

    SmallBoyOSmallBoyO 评论0 收藏0
  • 前端开源项目周报1226

    前端开源项目周报1226

    摘要:由出品的前端开源项目周报第三期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第三期来啦。我们的前端开源周报集合了OpenDigg一...

    cjiecjie 评论0 收藏0
  • Scoped CSS规范草案

    Scoped CSS规范草案

    摘要:目前业界的一些方案方案一如果用的话,可以参考的这个功能一段组件名,这个可能兼顾了辨识度命名污染的问题。最后,规范已经在插件里开始实施,并打算推广开来。 原文链接:https://github.com/AlloyTeam/AlloyTouch/wiki/Scoped-CSS 写在前面 问:什么...

    awokezhouawokezhou 评论0 收藏0
  • CSS guidelines

    CSS guidelines

    原文链接:链接描述 Syntax and Formatting At a very high-level, we want two (2) space indents, no tabs; 80 character wide columns; multi-line CSS; meaningful use of whitespace. But, as with anything, the spec...

    e10101e10101 评论0 收藏0
  • mui实现底部凸起按钮的实现

    mui实现底部凸起按钮的实现

    摘要:最近在看其他的时候,突然想到了在中自己实现一个底部凸起按钮的效果。来实现底部切换始终处于上层的效果。最后附上本人的圆形按钮代码和实现效果图。 最近在看其他app的时候,突然想到了在mui中自己实现一个底部凸起按钮的效果。大致想要实现的样子如...

    BlackMassBlackMass 评论0 收藏0
  • 对“粘连”footer布局的思考和总结

    对“粘连”footer布局的思考和总结

    摘要:经典的粘连布局参考文章链接在文章末尾,简单的语言总结如下经典的粘连布局就是。当元素比较短的时候比如小于屏幕的高度,我们期望这个元素能够粘连在屏幕的底部。 经典的"粘连"footer布局 参考文章链接在文章末尾,简单的语言总结如下: 经典的粘连...

    Near_LiNear_Li 评论0 收藏0
  • AlloyTouch 0.2.0发布--鱼和熊掌兼得

    AlloyTouch 0.2.0发布--鱼和熊掌兼得

    摘要:主要更新版本已经支持事件回调了鱼和熊掌兼得慢,什么是鱼什么是熊掌鱼,性能。读取当触发了之后,会去清除定时器。这里需要注意,当用户传了配置,会延迟清除定时器,因为校正的过程需要。 原文链接:https://github.com/AlloyTeam/AlloyTouch/wiki/A...

    shevyshevy 评论0 收藏0
  • 少量JQuery+CSS3代码实现轮播器 (初次写文章,思路,文笔都不足,轻喷)

    少量JQuery+CSS3代码实现轮播器 (初次写文章,思路,文笔都不足,轻喷)

    摘要:主要工作,还是对文章第一段提出的如果中间间隔有图片,那么在动画的执行过程中还是会看到,比较不给力问题,进行改进,以及实现自动轮播。肯定还有其它解决思路,献丑,求抱大神大腿,求大神指点。 1.前言,看过很多的轮播器代码;但是心中,老想着有...

    FleyXFleyX 评论0 收藏0
  • 前端笔记

    前端笔记

    摘要:一严格模式与混杂模式如何触发这两种模式,区分它们有何意义声明位于文档中的最前面的位置,处于标签之前。包含过渡和的也导致页面以标准模式呈现,但是有过渡而没有会导致页面以混杂模式呈现。不存在或形式不正确会导致和文档以混杂模式呈现。 一:HT...

    bintabinta 评论0 收藏0
  • 分享一个移动端滑到底部翻页的代码

    分享一个移动端滑到底部翻页的代码

    摘要:如果有其他需求,比如返回例子中直接返回,可以修改中的代码,就不赘述了 今天在技术群看到有朋友有需求,就随手写了一个,大家随便看看~demo地址:http://www.dtzhuanjia.com/pri...(备注:这个主要用在移动端,所以用rem随便写了写样式= =PC看着不...

    hzchzc 评论0 收藏0
  • CSS命名规范

    CSS命名规范

    摘要:本篇介绍几种命名规范。使用的网站四其他命名规范等减少对结构的依赖增加重复性的使用几种命名规范比较与在命名上相反的点可以放心使用,以为都是在模块内但不推荐当前我们的网站略有思想更概括,中的,相当于的,相当于的,相当于的中文 本篇介绍几种...

    includecmathincludecmath 评论0 收藏0
  • less入门初体验

    less入门初体验

    摘要:有众多的预处理器,其中比较流行的三个是,本文就一起来体验编写代码官方文档官网栗子编译成文件编译客户端浏览器通过在源代码中引入文件,用于实时对样式表文件进行编译并不推荐注意你的样式文件一定要在引入前先引入,并且需要 css有众多的预处理器...

    chinafgjchinafgj 评论0 收藏0
  • sass入门初体验

    sass入门初体验

    摘要:接上文入门初体验,接下来讲讲,有两种文件后缀名,一种是,另一种是。 接上文less入门初体验,接下来讲讲sass,sass有两种文件后缀名,一种是.sass,另一种是.scss。前者类似于ruby的语法规则,没有花括号,没有分号,具有严格的缩进;而后者更贴近于...

    aisuhuaaisuhua 评论0 收藏0
  • 关于CSS一些细节问题

    关于CSS一些细节问题

    摘要:本文是年的最后一篇文章,主要是将一些细节问题整理一下。垂直百分比的值等于容器高度百分比值减去背景图片高度百分比值。如果两者同时存在时,只有起作用如果两者同时存在时,只有起作用。 本文是2016年的最后一篇文章,主要是将一些CSS细节问题整理...

    yedfyedf 评论0 收藏0
  • 停止使用px单位吧

    停止使用px单位吧

    摘要:原文链接单位单位是基于的继承来计算的同样使用,其他属性相同的比例,不同的计算结果使用单位时,等属性是基于当前元素的计算。 原文链接 em单位 em单位是基于font-size的继承来计算的 .parent { font-size: 16px; } .parent > .child { font-si...

    Cheng_GangCheng_Gang 评论0 收藏0
  • CSS-在`有限宽度的`父级内部时,创建一个`全浏览器宽度`的容器

    CSS-在`有限宽度的`父级内部时,创建一个`全浏览器宽度`的容器

    摘要:解决问题当我们在有限宽度的父级内部时,如何创建一个全浏览器宽度的容器例子文字区域宽度固定居中图片全屏展示知道你们懒可直接复制看效果有限宽度的父容器无用文字几分电视剧方了解到失联飞机莱德斯基发了端上了电视剧方了解到失联飞机淡蓝色积分的 ...

    Leck1eLeck1e 评论0 收藏0
  • js制作简易计算器(-)

    js制作简易计算器(-)

    摘要:前言初学,老师要求做一个简易计算器,目前只实现了能够计算,很多约束没有有做,待完善。仅作为自己的学习记录。 前言:初学js,老师要求做一个简易计算器,目前只实现了能够计算,很多约束没有有做,待完善。仅作为自己的学习记录。 简易计算器...

    PocherPocher 评论0 收藏0
  • 分享一个色块跟随鼠标移动的菜单代码

    分享一个色块跟随鼠标移动的菜单代码

    demo地址:http://www.dtzhuanjia.com/pri...html: 菜单 菜单1 菜单2 菜单3 菜单4 菜单5 ...

    tinnatinna 评论0 收藏0

热门文章

<