搜索内容

丹青 的文章
  • 一个用CSS3制作的笑脸/哭脸表情变换开关按钮

    今天在网上看到一有趣的开关按钮的制作,用到了SVG、css3和js,下面的演示中还引用了TweenMax.min.js,这是一个js动画工具库。
    丹青 前端教程 2020年11月28日
  • CSS小技巧:使用:not(:last-of-type)简化你的css代码

    终于找到了一个好方法,使用:not(:last-of-type)简单方便,再也不要麻烦的单独使用:last-of-type了,不错!
    丹青 前端教程 2020年11月28日
  • 如何在安卓手机上安装nodejs

    在手机上安装的Linux系统是个很精简的系统,很多东西需要手动安装,而且,手机的芯片是ARM架构的,debian和redhat的软件仓库了并没有支持这种芯片的nodejs安装程序。当然,你可以从nodejs官方网站上下载ARM架构的安装包手动安装。
    丹青 前端教程 2020年11月28日
  • Linux下正确删除海量文件的姿势

    进入这些目录里使用ls命令是愚蠢的做法,而直接执行rm *,没有任何反应,文件数量也没有减少,也就是说,在海量文件目录里直接使用rm命令进行删除是无效的。
    丹青 前端教程 2020年11月28日
  • 图解CSS3 Flexbox各种属性的用法和效果

    本文并不是试图讲解flexbox布局里的各种属性如何工作,而是用图解的方式介绍flexbox里的各种属性和属性值如何让布局起变化,以及如何变化。
    丹青 前端教程 2020年11月28日
  • Javascript 严格模式(“use strict”)详解

    除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。
    丹青 前端教程 2020年11月28日
  • JavaScript标记上的defer与async的作用与区别

    如果脚本不依赖于任何脚本,并不被任何脚本依赖,那么则使用 defer。 如果脚本是模块化的,不依赖于任何脚本,那么则使用 async。
    丹青 前端教程 2020年11月28日
  • 如何使用PHP的交互式运行环境(Interactive shell)

    从PHP 5.1.0开始,CLI SAPI提供了一个交互式命令行工具(Interactive shell),使用这个交互式shell,你可以直接在命令行窗口里输入PHP并直接获得输出结果。
    丹青 前端教程 2020年11月28日
  • Javascript Object.keys()用法

    我经常使用JavaScript对象。非常喜欢。相对来说,数组虽然也很好用,但JavaScript Object提供了另一层次的数据结构和数据信息,这是简单的数组是无法比拟的。例如,我们可以非常方便的从一个JavaScript对象里寻找一个键值,比在数组里更迅速。
    丹青 前端教程 2020年11月28日
  • 使用writing-mode让文字竖向排版

    writing-mode是CSS3里新引入的可以让文字竖向排版的属性。它不仅可以让文字竖向,还可以让文字从右往左排。
    丹青 前端教程 2020年11月28日
  • CSS动画:transition 的用法介绍

    CSS中最简单的动画叫做 transition(转变)。Transition(转变)能让页面元素不是立即的、而是慢慢的从一种状态变成另外一种状态,从而表现出一种动画过程。
    丹青 前端教程 2020年11月28日
  • SVG技术:旋转运动的三角

    上面这个动画效果是SVG+JS实现的,如果你看看实现它们的源代码,会发现非常的简单。
    丹青 前端教程 2020年11月28日
  • 你不需要jQuery(二)

    有些时候,我们只需要jQuery的一个小功能,来完成一个小任务,完全没有必要加载整个jQuery程序库。下面是一些用简单JavaScript实现jQuery功能特征的代码汇总。
    丹青 前端教程 2020年11月28日
  • 为什么Firefox浏览器使用叫做”chrome://“的内部协议名称

    细研究更发现,我们可以通过 “chrome://” 地址来配置很多的火狐浏览器的菜单、选项和隐藏属性。
    丹青 前端教程 2020年11月28日
  • HTML5文件上传FileReader API

    过去WEB程序员都很清楚,用HTML表单上传文件是很麻烦的事情,特别是你想了解一下用户上传的文件的一些属性,必须等它上传完成后才能知道。
    丹青 前端教程 2020年11月28日
  • html5新元素

    HTML <figure> 元素是一个自我独立的内容元素,通常会包含一个标题说明(<figcaption>),,内容通常会是一个图片,图表,代码片段或跟主内容相关的图解,它可以放到主内容布局里,也可以放到另外一个页面,或主内容框架之外的附录里。
    丹青 前端教程 2020年11月28日
  • 专门针对Windows Phone的IEMobile CSS条件注释

    IE9之后的IE浏览器也开始积极的支持现代浏览器技术,这给人非常积极进步的印象,但事实上没有多大的改观,即使在最新的Windows Phone在的移动IE浏览器,我们也很多时候需要专用的IEMobile CSS条件注释来将它和其它移动浏览器区别开来对待。
    丹青 前端教程 2020年11月28日
  • 去掉WordPress里多余的rss/feed链接的技巧

    这些feed的链接都会输出到Wordpress页面的
    丹青 前端教程 2020年11月28日
  • 使用Flexbox实现CSS竖向居中

    因为上面使用了浏览器引擎前缀,所以看起来有些复杂,但实际上本质是非常简单的,也就2句代码。关于CSS竖向居中之前也说过几种方法,但使用flexbox也不失为一个非常漂亮的解决方案。我相信以后会发现Flexbox更多更有价值的用法。
    丹青 前端教程 2020年11月28日
  • 将MP4、MPEG、MOV等格式的视频转换成WEBM格式的方法

    WEBM格式的媒体将会越来越好,越来越流行,我期望着这种新格式逐渐替换掉之前Web上的老格式,因为将来真是移动web世界,需要体积更小,质量更高的流媒体文件技术。
    丹青 前端教程 2020年11月28日
  • JavaScript地理位置信息API

    在浏览器里用JavaScript获取地理位置信息API在很多移动应用里是最常见的API运用,作为Web程序员,它应该是你必须具备的一项知识技巧。幸运的是,目前所有流行的浏览器都支持了这种技术。
    丹青 前端教程 2020年11月28日
  • 纯CSS3实现图片展示特效

    5年前的时候我们根本无法用这么简单的代码实现这么漂亮的效果。随着浏览器的进步,javascript和CSS的发展,Web程序员的工作将变得越来越轻松。
    丹青 前端教程 2020年11月28日
  • JavaScript6里都有啥新鲜东西?

    多行字符串!惊喜!
    丹青 前端教程 2020年11月28日
  • 设置空的alt属性值,让页面上图片更具易用性

    我曾经以为,页面上的所有图片都应该设置alt属性。但现在却发现,事实并不是这样。
    丹青 前端教程 2020年11月28日
  • 用JavaScript探测页面上的广告是否被AdBlock屏蔽了的方法

    广告是一个不招人喜欢的东西。但是,对一个中小网站站长/博客主来说,广告几乎是唯一的能成支持网站/博客正常运转的资金来源。如果一个博客主,只是无私发布稿件,能坚持几年的,很少。大多数慢慢失去了热情。
    丹青 前端教程 2020年11月28日