文章库ARTICLE COLUMN

  • 图片放大镜注释详解

    图片放大镜注释详解

    摘要:今天的练习是做一个网购网站常见的图片详情介绍的放大镜效果,简单来说就是图片中有对应的区域让你看到放大后的效果。关于布局就是两组,第一组大放图片,小的是遮盖层。 今天的练习是做一个网购网站常见的图片详情介绍的放大镜效果,简单来说就是图片...

    waltrwaltr 评论0 收藏0
  • CSS基础知识之float

    CSS基础知识之float

    摘要:前段时间写过一篇基础知识之,当时对的理解不太准确,被慕课网多名读者指出原文已修正,如有误导实在抱歉。浮动的基础知识浮动有个属性左浮动右浮动不浮动继承。浮动元素脱离了标准文档流,文字和行级元素会环绕该元素,块级元素则不受影响。 前段时间...

    wuyangchunwuyangchun 评论0 收藏0
  • inline&block&inline-block

    inline&block&inline-block

    摘要:本笔记主要来源于这篇文章还有我的一些想法杂糅而成另外这是我自己写的一个大家感兴趣的话都可以打开来看看在进入正文之前做一些说明今天的主题是比较主要的三个属性值其实还有许多与表格布局相关的取值除去列表比如使 本笔记主要来源于这篇文章,w3sch...

    Ryan_LiRyan_Li 评论0 收藏0
  • CSS 常用方法小计

    CSS 常用方法小计

    摘要:清除浮动是在处理兼容性问题单行多行文字超出省略号多行单行移动端删除默认的苹果工具栏和菜单栏控制状态栏显示样式顶部时间那一块浏览器设置成急速模式页面滚动穿透当弹出弹框的 1.清除浮动 1st: .clear{ clear:both; height: 0; line-height: 0;...

    avwuavwu 评论0 收藏0
  • Material Design for Bootstrap

    Material Design for Bootstrap

    摘要:第二次修改源码已放到由于无法解决事件不能获取焦点标签的坐标位置,所以只能用事件,而不能用类事件防止事件的滥用,改用事件核心样式持续更新,也可以根据自己喜欢的样式重新定义 简单几行代码,就可以给bs框架添加Material Design风格 效果图:show...

    OceanOcean 评论0 收藏0
  • 如何用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

热门文章

<