play the stock market

play the stock market

你不需要jQuery(三):新AJAX方法fetch()

你不需要jQuery(三):新AJAX方法fetch()

显而易见,fetch API相比起传统的 XMLHttpRequest (XHR) 要简单的多,相比起jQuery里提供ajax API也丝毫不逊色。

JavaScript Promise API

JavaScript Promise API

异步的最大特点是无需等待。“Promises”渐渐成为JavaScript里最重要的一部分,大量的新API都具有promise原理实现。下面让我们看一下什么是promise,以及它的API和用法!

如何让一条小丑鱼会骑自行车

如何让一条小丑鱼会骑自行车

最近看到一个有趣的网页,页面很简单,一条鱼骑着自行车,从右边出来,从左边消失,来回的滚动。看了一下源代码,非常的简单,使用了一个不常见的HTML标记:marquee。

WordPress里的所有url rewrite规则清单

WordPress里的所有url rewrite规则清单

从这个数组里可以看出,Wordpress里总共大概有60多种rul rewrite规则,这些规则分的很细,每一种对应了一种特征页面。

修改WordPress里页面(page)的固定链接结构的方法

修改WordPress里页面(page)的固定链接结构的方法

熟悉Wordpress的朋友应该知道,Wordpress后台只提供了修改文章(post)地址结构的工具(实际也包括了标签(tag)的地址链接结构),但如果你想改变Wordpress页面(page)的固定地址链接结构,如何实现呢?

你不需要jQuery(二)

你不需要jQuery(二)

有些时候,我们只需要jQuery的一个小功能,来完成一个小任务,完全没有必要加载整个jQuery程序库。下面是一些用简单JavaScript实现jQuery功能特征的代码汇总。

简单几句JavaScript代码实现图片延迟加载并淡入淡出显示效果

简单几句JavaScript代码实现图片延迟加载并淡入淡出显示效果

之前我们介绍过使用 Lazy Load jQuery 插件。但其实还有一种更简单的方法,只需要几行代码,就能达到这种效果。同时,还附加一种淡入淡出的显示效果。

HTML拼音/音标注释标记ruby和它的子元素rt/rp

HTML拼音/音标注释标记ruby和它的子元素rt/rp

在日本,将音标标记在文字上边的印刷方式叫做”Ruby“或“rubi”。HTML里也有一种专门用来显示音标或注释的标记,就叫做ruby,是采用了日本印刷业的这个属语。

理解JavaScript里的 [].forEach.call() 写法

理解JavaScript里的 [].forEach.call() 写法

初次看到[].forEach.call()这样的代码,我觉得这种写法很有趣,为什么要这样写?为什么要用空数值引申出的方法?

如何循环遍历document.querySelectorAll()方法返回的结果

如何循环遍历document.querySelectorAll()方法返回的结果

用forEach你将会得到执行错误的异常信息。这是因为,document.querySelectorAll()返回的不是一个数组,而是一个NodeList。

当RewriteRule 遇到含有 (%2F)编码的非法地址时

当RewriteRule 遇到含有 (%2F)编码的非法地址时

我遇到的‘%2F’只是个例子,还有很多这样的字符不能吧包含在文件名中,它们同样不能被RewriteCond解析。

为什么Firefox浏览器使用叫做”chrome://“的内部协议名称

为什么Firefox浏览器使用叫做”chrome://“的内部协议名称

细研究更发现,我们可以通过 “chrome://” 地址来配置很多的火狐浏览器的菜单、选项和隐藏属性。

你不需要jQuery(一)

你不需要jQuery(一)

浏览器的进步给我们带来了很多先进的JavaScript特征,新出现的原生内置(native)JavaScript功能可以很大程度的实现jQuery提供的功能。如果你能了解这些JavaScript新技术,就能在很多地方用纯JavaScript实现以前需要jQuery才能实现的技术

CSS中的clip-path裁剪图片用法

CSS中的clip-path裁剪图片用法

CSS中的clip-path能够让你指定一个网页元素的显示区域,而不是缺省的显示全部。在过去有个等效的属性, clip,但在新的CSS规范中,它已经被标志为deprecated,用新的clip-path代替。

CSS3动画代码大集合

CSS3动画代码大集合

这是一个能方便的找到CSS动画制作的代码片段的地方。

美丽的加载等待动画,用纯CSS3制作

美丽的加载等待动画,用纯CSS3制作

下面展示的是一批完全只用CSS制作的加载等待动画效果。每个动画只运用了简单的css属性,没有任何繁重的渲染动作和布局计算,都是非常轻量级的代码。

用纯CSS3绘制26个英文字母

用纯CSS3绘制26个英文字母

这个里面里你能看到的26个标准的英文字母并不是普通的字体,它们是用CSS在空白的页面上绘制出来的,纯css作品,用鼠标移动到CSS代码上,你能看的这段代码绘制的相应的字母局部。主要运用了CSS3里的多个新变换功能,需要使用最新的浏览器进行观赏。

动画展示计算机迷宫路径各种搜索算法

动画展示计算机迷宫路径各种搜索算法

十分形象的迷宫搜索算法,能看的计算机如何一步一步的探索路径,障碍物,最终确定最佳,最近的路线图

获取JavaScript各种全局对象变量的方法

获取JavaScript各种全局对象变量的方法

全局变量在编程语言中一向被认为是一种不好的编程方法。但现实情况是,很多著名的项目都在大量的使用着全局变量

JavaScript智能切图脚本

JavaScript智能切图脚本

图片可以让页面更有吸引力,尤其是处理的恰当的时候,但问题是,图片的处理是个麻烦事情,它的创建和裁剪对于一个普通人来说是个困难的任务

使用CSS3中的Calc计算器时需要注意的事情

使用CSS3中的Calc计算器时需要注意的事情

空格在calc()的加减操作中有着非常重要的作用,这跟普通的编程语言中的用法有所区别,我想,这可能是因为在CSS中,你可以用“aaa-bbb”这样中间有减号的类名,而在多数的编程语言中,这样的变量名是不允许的。

IE10/11不支持条件性注释后的替代方法

IE10/11不支持条件性注释后的替代方法

专门针对IE的条件性注释(Conditional comments)是个很奇葩的东西,它是专门给IE浏览器准备的,因为其它浏览器根本不能识别这种标记。但当IE的版本到到达10、11后,开始不支持这种条件性注释

CSS里font属性的用法

CSS里font属性的用法

在css里有很多的属性是复合属性——可以拆分成多个属性表示,我们通常将复合属性称作简写,比如今天要说的font属性。

用JavaScript检测离线/在线状态

用JavaScript检测离线/在线状态

新技术的出现有时会给我们WEB开发人员带领额外的苦恼,比如,如何判断用户现在是在线还是离线?幸好,有矛就有盾,JavaScript里的navigator对象帮我们解决这个问题。

HTML5文件上传FileReader API

HTML5文件上传FileReader API

过去WEB程序员都很清楚,用HTML表单上传文件是很麻烦的事情,特别是你想了解一下用户上传的文件的一些属性,必须等它上传完成后才能知道。

用JavaScript获取函数参数名称

用JavaScript获取函数参数名称

最近看到一个nodejs程序,promisify-node,它能够将一个普通的函数或对象转变成promised方式的API。经过查看源代码,发现它是通过读取函数的参数来寻找回调函数式的参数。这种方式看起来有点怪,但有时候很有用。

Windows命令行下批量优化图片脚本

Windows命令行下批量优化图片脚本

我经常会遇到一个页面是有几十个png图片的问题,这时候必须将将这些图片优化压缩一下,因为你会发现其中有些看似很简单的普通的体积通常会有三、四百KB。我会用ImageMagic这个图片处理工具优化它们,如果一个图片一个图片的执行优化命令,那会非常费事,下面是我写的一个批处理文件

缺省HTML元素显示样式测试

缺省HTML元素显示样式测试

HTML中有很多元素,每这元素都有自己特定的显示样式,但随着浏览器的升级,随着浏览器的多样化,随着HTML标准的改进,各种HTML元素的外观也在不知不觉的发生着变化,很多HTML元素使用老式浏览器观看是一个样,而使用最新版的浏览器观看又是一个样,使用火狐浏览器是一个样,使用谷歌浏览器又是一个样,所以,本文就是讲所以HTML元素都归集到一个页面,每种元素都给出了一个样例,你可以在这个页面里一目了然的观看所以HTML元素的缺省样式。这个页面还有用来测试你的CSS的作用效果,看看哪些元素受你的css影响,哪些不受影响。

HTML5新元素<nav>

HTML5新元素<nav>

HTML (<nav>)元素用来表示一个含有多个超链接的区域,这个区域的连接可以连接到其他页面,也可以连接到本页面内部其他部分。

HTML5新元素<section>

HTML5新元素<section>

HTML Section 元素 (<section>) 表示文档中的一个区块(或章节),比如,内容中的一个专题组,一般来说会有包含一个标题。 每个<section>的结构应该是相似的,通常会将一个标题元素(<h1><h6> 元素)作为子元素。

用HTML5制作消消乐网页游戏

用HTML5制作消消乐网页游戏

这是用HTML5画布(canvas)制作的一款简单的消消乐游戏,如果你玩过消消乐游戏,一定知道其中的玩法:将邻居的相同颜色的方块用鼠标进行联线,它们就会消掉,新的方块会立即补充进来,目标是看谁在限定的时间内消的最多。

HTML5新元素<header>

HTML5新元素<header>

HTML <header> 元素用来表示一些前言性质或导航类的内容。它可以包含一些标题性质元素,也可以放置一些比如logo,搜索框,或其它的<header>元素等。

html5新元素<figure>

html5新元素<figure>

HTML <figure> 元素是一个自我独立的内容元素,通常会包含一个标题说明(<figcaption>),,内容通常会是一个图片,图表,代码片段或跟主内容相关的图解,它可以放到主内容布局里,也可以放到另外一个页面,或主内容框架之外的附录里。

HTML5新元素<footer>

HTML5新元素<footer>

HTML Footer 元素 (<footer>)用来表示整个文档或与其相应的某个区域内容的页脚。一个footer通常包含的内容有:作者信息,版权信息或相关连接。


京ICP备12002735号