在CSS动画中,使用Transition技术是一种“隐式”的动画方法,而相对应的,还有一种“显式”的动画技术,就是,你可以在CSS里直接指定动画效果,这需要使用keyframes属性了。
CSS中最简单的动画叫做 transition(转变)。Transition(转变)能让页面元素不是立即的、而是慢慢的从一种状态变成另外一种状态,从而表现出一种动画过程。
HTML颜色代码是由16进制的三对数字分别表示红、绿、蓝(#RRGGBB)三种基本色。以红颜色为例,红色的代码是 #FF0000, 代码组成为’255′ 红, ‘0’ 绿, 和 ‘0’ 蓝。这些颜色可以用于装饰Web页面的背景,文字和表格等。
上面这个动画效果是SVG+JS实现的,如果你看看实现它们的源代码,会发现非常的简单。
如何让table元素也能表现出自适应性?按HTML5的说法,table是一个不鼓励使用的HTML标记,但现实工作中,我们避免不了的偶尔会用到它。那么,怎样让一个传统的表格也表现出自适应性呢?
为什么要按9宫格等分图片,因为一条微博里最多能上传9张图片。而在微博里,这9张图片的排列规则就是9宫格,为了能达到更震撼的效果,9张图片最终拼成的是一张图片,在手机里观看,你会获得不一样的感觉,先看看效果,下面就是一个截图:
Query的一个好处是能跨浏览器兼容,比如ie、火狐浏览器、谷歌浏览器、Safari等。但这样大而广的兼容带来的弊病是代码的臃肿,性能的折中,体积的增加。这不仅仅是增加了网页加载时间,同时浏览器对JavaScript解析速度也大幅度的下降。
如果你想自定义标签(tag)的固定链接,让它不随文章页(post)的链接结构的变化而变化,让标签页(tag)具有更个性的链接结构,怎么办呢?或者,我还想自定义分类目录页(category)的固定链接,有什么办法?
时间过去了这么久,技术在不断的进步,仍然有一些JavaScript函数是几乎所有Web程序员必备的,或为了性能,或为了功能。
这是一个轻量级的Craig Reynolds的 Boids 算法实现。 一个非常典型的群聚的例子。 它不仅能非常简单的模仿一群鸟, 也可以模拟一群蜂,一群羊或一群人。。
问题的最关键是这些分享工具的图标不好看,系统功能本身没有问题,我们如果有方法能够修改一下它们的图标,问题其实就解决了。
不可否认,jQuery有时候是开发项目时必不可少的,但不同的项目,不同的场景,项目的技术架构,都需要做不同的考量,经过冷静的思考,我们就会发现,很多时候,我并不需要jQuery,使用原生JavaScript技术反而项目变得更精简、效率更高。
不要误会,jQuery仍然是一个强大的工具包,大多时候我们还是要优先选择它。然而,对于一些简单的任务,一些小项目,一个简单的页面,或者移动版网站上,我们使用简单的纯js也许更有效率。
这是一个自我实现的css绘图脚本,页面自己每跳出一行代码,都会即时作用到页面上,展示出这行代码的实际作用,于是,我们就看到了一个鲜红的跳动的心就一步一步的呈现在读者面前。
Wordpress会自动在
在国内,是无法用它安装的,之前安装谷歌浏览器,一直是从第三方网站是下载离线完整安装包。虽然无二,但总有些不甘心,为什么官方网站是没有离线版谷歌浏览器安装包?
显而易见,fetch API相比起传统的 XMLHttpRequest (XHR) 要简单的多,相比起jQuery里提供ajax API也丝毫不逊色。
异步的最大特点是无需等待。“Promises”渐渐成为JavaScript里最重要的一部分,大量的新API都具有promise原理实现。下面让我们看一下什么是promise,以及它的API和用法!
最近看到一个有趣的网页,页面很简单,一条鱼骑着自行车,从右边出来,从左边消失,来回的滚动。看了一下源代码,非常的简单,使用了一个不常见的HTML标记:marquee。
从这个数组里可以看出,Wordpress里总共大概有60多种rul rewrite规则,这些规则分的很细,每一种对应了一种特征页面。
熟悉Wordpress的朋友应该知道,Wordpress后台只提供了修改文章(post)地址结构的工具(实际也包括了标签(tag)的地址链接结构),但如果你想改变Wordpress页面(page)的固定地址链接结构,如何实现呢?
有些时候,我们只需要jQuery的一个小功能,来完成一个小任务,完全没有必要加载整个jQuery程序库。下面是一些用简单JavaScript实现jQuery功能特征的代码汇总。
之前我们介绍过使用 Lazy Load jQuery 插件。但其实还有一种更简单的方法,只需要几行代码,就能达到这种效果。同时,还附加一种淡入淡出的显示效果。
在日本,将音标标记在文字上边的印刷方式叫做”Ruby“或“rubi”。HTML里也有一种专门用来显示音标或注释的标记,就叫做ruby,是采用了日本印刷业的这个属语。
初次看到[].forEach.call()这样的代码,我觉得这种写法很有趣,为什么要这样写?为什么要用空数值引申出的方法?
用forEach你将会得到执行错误的异常信息。这是因为,document.querySelectorAll()返回的不是一个数组,而是一个NodeList。
我遇到的‘%2F’只是个例子,还有很多这样的字符不能吧包含在文件名中,它们同样不能被RewriteCond解析。
细研究更发现,我们可以通过 “chrome://” 地址来配置很多的火狐浏览器的菜单、选项和隐藏属性。
浏览器的进步给我们带来了很多先进的JavaScript特征,新出现的原生内置(native)JavaScript功能可以很大程度的实现jQuery提供的功能。如果你能了解这些JavaScript新技术,就能在很多地方用纯JavaScript实现以前需要jQuery才能实现的技术
CSS中的clip-path能够让你指定一个网页元素的显示区域,而不是缺省的显示全部。在过去有个等效的属性, clip,但在新的CSS规范中,它已经被标志为deprecated,用新的clip-path代替。
这是一个能方便的找到CSS动画制作的代码片段的地方。
下面展示的是一批完全只用CSS制作的加载等待动画效果。每个动画只运用了简单的css属性,没有任何繁重的渲染动作和布局计算,都是非常轻量级的代码。
这个里面里你能看到的26个标准的英文字母并不是普通的字体,它们是用CSS在空白的页面上绘制出来的,纯css作品,用鼠标移动到CSS代码上,你能看的这段代码绘制的相应的字母局部。主要运用了CSS3里的多个新变换功能,需要使用最新的浏览器进行观赏。
十分形象的迷宫搜索算法,能看的计算机如何一步一步的探索路径,障碍物,最终确定最佳,最近的路线图