文章库ARTICLE COLUMN

  • 如何用css画三角形

    如何用css画三角形

    摘要:那问题来了,如何用来画三角形呢别着急,先来看看我所遇到过的三角形。如下图,有实心三角形,空心的,还有可以归为三角形的小箭头。画一个三角形,首先想到的是如何画三角形的形状,然后给一个背景颜色。 在设计稿中,经常会出现好多三角形,如果将三...

    YuqiYuqi 评论0 收藏0
  • 细说C3选择器

    细说C3选择器

    摘要:今天介绍一下,选择器和选择器的优先级。选择父元素为元素的所有元素。注释不支持选择器。二选择器的优先级在中并没有给各个选择器名字,在权威指南一书中,给出了选择器的名字,如通配选择器,选择器,选择器,等等。 今天介绍一下,css选择器和选择...

    OnlyMyRailgunOnlyMyRailgun 评论0 收藏0
  • 瞅瞅Facebook是怎么保证CSS代码质量的

    瞅瞅Facebook是怎么保证CSS代码质量的

    摘要:之前我们着力于通过代码样式规范以及重构等手段协同工作,而保障代码质量,但是还是会有很多的错误悄悄从眼皮底下溜走,被提交进入到代码库里。我们老的还有个问题就是没有单元测试,这点就好像代码上线前不进行单元测试一样不靠谱。 原文地址本文从属...

    melody_lqlmelody_lql 评论0 收藏0
  • IOS中弹出键盘后出现fixed失效现象的解决方案

    IOS中弹出键盘后出现fixed失效现象的解决方案

    摘要:概述这个问题常出现在移动开发中聊天或者留言页面的绝对定位输入框上,页面超过屏幕大小时候输入框状态下键盘弹出绝对定位的元素失效,导致页面滚动时候把定位元素一并带走,体验十分不好,在此留下一自己的方法,让更多的人不需要再爬这样的小坑。 概...

    YorkChenYorkChen 评论0 收藏0
  • 应该了解的 Web 图标解决方案

    应该了解的 Web 图标解决方案

    摘要:那么,在我们当下的前端开发中,最常见的图标解决方案有哪些呢大概是三种,图片和。 showImg("https://segmentfault.com/img/remote/1460000006774999");A picture is worth a thousand words, 一图胜千言。 没错,从 Web 诞生的那天开始,图标就成为...

    ingoodingood 评论0 收藏0
  • 读后总结--精通css高级web标准解决方案(第二版)

    读后总结--精通css高级web标准解决方案(第二版)

    摘要:无论是否移动,元素仍然占据原来的空间。绝对定位绝对定位使元素的位置与文档流无关,因此不占据空间。 为啥读这本书 现在前端圈子过于浮躁,掌握基础无疑比掌握一个js框架重要 css怎么都能写出来,但是要写的好写得快还得多读书 css魔法推荐的,读完...

    leoneleone 评论0 收藏0
  • sass常用语法

    sass常用语法

    摘要:常用语法是的预处理器,提供了很多方便的语法,如嵌套可复用代码块等,但是我们在做一般程序的时候用不上这么多功能,这里总结了里我用的最多的几种常用语法定义变量元素包含伪类的嵌套这里的指的是前面的选择器。 sass常用语法 sass是css的预处理器,...

    legendmohelegendmohe 评论0 收藏0
  • 浏览器渲染的那些事(三)

    浏览器渲染的那些事(三)

    摘要:浏览器会对发生变化的呈现器以及其子代标注为,表示需要进行标记分为两种和。异步和同步异步,简单来说,就是指浏览器为了尽可能减少和的操作,而将这些操作积攒起来,再统一做一次。 终于到了布局的部分了! 布局 当渲染对象被创建并添加到树中,是没...

    Near_LiNear_Li 评论0 收藏0
  • jquery高级应用之Deferred对象

    jquery高级应用之Deferred对象

    摘要:中的对象很好的解决了这个问题。每一个对象都可以设置三种状态进行中已经正确执行执行失败关于,还有更多需要了解的地方,我这里只是抛砖引玉。的对象就是对模式的一个很好的实现案例。我们通过一个简单的例子来看看对象应该如何使用。 在实际开发中常...

    tianren124tianren124 评论0 收藏0
  • CSS 无图片技术总结

    CSS 无图片技术总结

    摘要:预览动态移动边框锯齿边框首先我们重复度的透明背景,可以得到下面的再加一个反角度的秀景背景完整的锯齿边框效果更多背景效果动态移动边框查看三角形从上面的图可以看出的各边框是三角形,如果只设置下边框就可以得到三角形了。 预览 showImg("https:...

    pekonchanpekonchan 评论0 收藏0
  • AngularJS表单验证

    AngularJS表单验证

    摘要:表单和其中的表单控件提供了验证服务,可以让用户在提交一般在点击类型为的按钮时提交表单前意识到自己有非法不符合要求,以下都将称为非法的输入。为了编写一个可靠的应用程序,服务端验证是不可或缺的。促发条件至于自定义表单验证,我会另写一篇。 ...

    zorpanzorpan 评论0 收藏0
  • 如何利用css3设置独特背景

    如何利用css3设置独特背景

    摘要:本文将介绍如何将多样化的属性设置一幅属于你自己的独一无二的背景图片利用进行背景图片设置时,发现可提供的属性也就那么几个,而大量的属性又不能直接使用在背景图片上,其中主要就是滤镜中强大的对图片的装饰方法,所以今天就和大家分享如何对背景图...

    ScorpionScorpion 评论0 收藏0
  • AngularJS自定义表单验证

    AngularJS自定义表单验证

    摘要:在自定义的指令中,我们可以添加我们的验证方法到的对象上。验证码在表单不合法时禁用提交按钮提交保存成功判断手机号是否重复验证两次输入的密码是否相同的自定义验证当值为空时,通过验证,因为有 Angular实现了大部分常用的HTML5的表单控件的类型(t...

    cocopeakcocopeak 评论0 收藏0
  • 用CSS3做各种样式的饼图

    用CSS3做各种样式的饼图

    摘要:通过的旋转属性来实现饼图的效果。封装了一个饼图类,通过实例化来生成各种样式的饼图。以前一直用做饼图的效果,但有时候,一些比较简单的饼图用的话有点杀鸡用牛刀的感觉。并封装了一下,支持多种样式,写了一个。 通过css3的旋转属性来实现饼图的效...

    Y3GY3G 评论0 收藏0
  • CSS实现3D切换效果

    CSS实现3D切换效果

    摘要:譬如设置值为,相对于,则元素的变形较弱一些。经过测试,其视觉效果和是一样,相当于从无限远处平面超长焦观察这个动画。其作用是当旋转过正面,设置是否显示其背面。 先上效果图和代码吧鼠标悬浮上去,蓝色的front面开始旋转 showImg("https://segme...

    djfmldjfml 评论0 收藏0
  • CSS3 线性渐变应用

    CSS3 线性渐变应用

    摘要:分为线性渐变和径向渐变。而我们今天主要是通过一个小例子来针对线性渐变来剖析其具体的用法。今天的例子就是用的线性渐变制作一个大致的针孔注射器。第一个参数表示线性渐变的方向,是从上到下是从左到右,如果定义成,那就是从左上角到右下角。 CSS3...

    SnailclimbSnailclimb 评论0 收藏0
  • SASS 学习笔记

    SASS 学习笔记

    摘要:中的变量以开头。中的引入文件以下划线开头,在其它文件中引用时,用命令即可,引用时不需要带文件名开头的下划线和扩展名。导入本身就提供了导入的选项,这样就将进一步分割成了代码更少更容易维护的代码段,但是在中每一条语句都会产生一次请求。 基...

    ?xiaoxiao,?xiaoxiao, 评论0 收藏0
  • [譯] scroll-behavior 滑順的捲動效果

    [譯] scroll-behavior 滑順的捲動效果

    摘要:不過這個效果感覺上就像是閃一下就切換到該位置。為了使用體驗上的感覺有時候網站會設計一種平滑捲動到該位置的效果。的方式非常簡單,只要在該元素設定注意是而不是這個方式非常方便不過目前只有支援,查閱。 眾所皆知 HTML 錨點(anchor link)透過給...

    jamesjames 评论0 收藏0
  • 《JavaScript Dom编程艺术》读书笔记(二)

    《JavaScript Dom编程艺术》读书笔记(二)

    摘要:逻辑非操作符只能作用于单个逻辑操作数,其结果是把那个逻辑操作数所返回的布尔值取反。如果那个逻辑操作数所返回的布尔值是,逻辑非操作符将把它取反为为了避免产生歧义,上面这条语句把逻辑操作数放在了括号里,使逻辑非操作符作用于括号里的所有内容...

    xingpingzxingpingz 评论0 收藏0
  • 怎样实现一个datePicker(日期选择)组件

    怎样实现一个datePicker(日期选择)组件

    摘要:百度前端技术学院上有一个任务,要实现一个日期选择组件,本文由此而来看看需求组件默认一直呈显示状态通过某种方式选择年月,选择了年月后,日期列表做相应切换通过单击某个具体的日期进行日期选择组件初始化时,可配置可选日期的上下限。 百度前端技...

    laymanlayman 评论0 收藏0
  • CSS动画:有活力的链接下划线

    CSS动画:有活力的链接下划线

    摘要:链接下划线是非常常见的一种样式,最近做了一个非常简单的视觉效果,非常不错,可以点下面链接查看。最后设置动画时间为,现在我们只需要设置元素在时显示并且大功告成这样就完成了一个很有活力的下划线动画 链接下划线是非常常见的一种样式,最近做了...

    lifesimplelifesimple 评论0 收藏0
  • Background背景色透明RGBA和opacity的对比实例(转载)

    Background背景色透明RGBA和opacity的对比实例(转载)

    摘要:浏览器的兼容性如果庞统说是制作透明色透明背景色透明边框色透明前景色等,大家不由会想起这个东西。 Background背景色透明RGBA时间:2013-03-16 00:44│来自: 信有UED│作者:JUN│点击:9704次RGB不用说,大家都知道是什么,但RGBA是什么呢? 1 2 backg...

    jindongjindong 评论0 收藏0
  • 深入理解line-height

    深入理解line-height

    摘要:初学者也许会对这句话嗤之以鼻,但随着我学习的深入,渐渐意识这句话还是有一定道理的。然而,我们真的了解它吗又是由什么来决定的首先推荐一篇文章,深入了解的行高属性假设你已经读完了这篇文章并且已经大致理解那么这张图应该能看懂了。 HTML和CSS...

    chemzqmchemzqm 评论0 收藏0
  • bigSlide 插件应用

    bigSlide 插件应用

    摘要:一插件官网二基本代码侧边栏控制开关用一个标签来控制侧边栏的开关。插件初始化最后则需要在标签尾部加上初始化插件的代码。另外侧边栏并不需要随着页面的上下滚动始终显示在视口中,所以默认的这个语句并不需要。 一、 插件官网 bigSlide.js 二、 基...

    MrZONTMrZONT 评论0 收藏0
  • (CSS) 不同浏览器对table中visibility属性显示的不同

    (CSS) 不同浏览器对table中visibility属性显示的不同

    摘要:本文举例说明在不同浏览器对中属性显示的不同。一代码二不同浏览器的表示选取了分别测试,下文所有图片从左至右顺序均如前所述。若使不同浏览器显示相同结果,可对或设置。我并没有找到产生上述结果的原因,只能认为是不同浏览器处理结果的不同。 本文...

    LsnshLsnsh 评论0 收藏0

热门文章

<