YAOHAIXIAO.COM

HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao

热门标签:JavaScript Performance 前端开发 前端性能优化 原创

Rss

Home » Page 6

Codrops 一个很不错的设计资源的站点

Codrops 一个很不错的设计资源的站点

Codrops 一个很不错的设计资源的站点,有很多非常酷的特效,很多CSS3的设计和教程,真的很酷!不用过多的介绍,赶紧去看看,我相信你会喜欢上它的。

Event Delegation in JavaScript

Event Delegation in JavaScript

Event Delegation 是我很久前就想写的一个话题。Event Delegation 是一个非常高效的事件处理模式,相信做过一段时间前端开发的朋友也都对 Event Delegation 有所耳闻。 什么是 Event Delegation? 直接翻译 Event Delegation 可以翻译为事件代理(委托),那到底什么是 Event Delegation 呢? 我的理解, Event Delegation 应该是利用 JavaScript 中的 Event bubbling (事件冒泡) 机制,通过给单个 DOM (父)节点绑定事件,从而可以管理这个节点下所有子节点的事件处理(Deligage(代理活委托)就是指的所… [阅读全文]

JavaScript 利用 Math.random() 方法生成指定范围数值的随机数

JavaScript 利用 Math.random() 方法生成指定范围数值的随机数

今天有又网友问到我 JavaScript 怎么生成指定范围数值随机数。Math.random() 这个方法相信大家都知道,是用来生成随机数的。不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数。这次我就来详细的介绍一下Math.random(),以及如何用它来生成制定范围内的随机数。 w3school的random()教程 定义和用法 random() 方法可返回介于 0 ~ 1 之间的一个随机数。 语法 Math.random() 返回值 0.0 ~ 1.0 之间的一个伪随机数。 实例 在本例中,我们将取得介于 0 到 1 之间的一个随机数: <script type=”text/javascript”&g… [阅读全文]

JavaScript动态创建的Link标签插入到 head 的最前面会怎么样?

JavaScript动态创建的Link标签插入到 head 的最前面会怎么样?

由于本人还是蓝色理想论坛前端的实习版主,所以也把文章《如何用JavaScript动态创建link标签到head里》发到了论坛里(由于我的一个乌龙,1年前测试的时候,发现过IE6直接插入head有问题)有个叫sicoolqs朋友认为我的处理方式(当时还做了浏览器的探测)过于的复杂了,给出了更加简洁的处理方案: var head = document.getElementsByTagName(“head”)[0]; var link = document.createElement(“link”); link.setAttribute(“href”,”xxx.css”); link.setAttribute(“rel”,”stylesh… [阅读全文]

为什么要用JavaScript 动态创建样式表link标签?

为什么要用JavaScript 动态创建样式表link标签?

我前面的文章《如何用JavaScript动态创建link标签到head里》只是一笔带过,发现论坛里有朋友问到了这个问题,我这里就花些篇幅来解释一下。为什么要用JavaScript 动态创建样式表标签?为什么不直接用JavaScript来修改样式? 简单的说,这么做有3个目的: 为了提高页面的加载速度。只在需要的时候才加载相应的样式,减少页面初次加载时(CSS样式)的数据量,从而提交页面的加载数度。 为了提高代码的可维护性和稳定性。将CSS代码和JavaScript代码分离,是我们前端开发一直推荐的编码规范之一。将CSS和JavaScript写在一起,代码的可维护性和稳定性都会受到影响。 为了提高JavaScript代码的性能。通过给… [阅读全文]

JavaScript 如何判断 CSS 文件加载完毕

JavaScript 如何判断 CSS 文件加载完毕

之前我写过《如何用JavaScript动态创建link标签到head里》,今天接着这个话题说下去,说说 JavaScript 如何判断 CSS 文件记载完毕。呵呵,今天的话题应该算是上个话题的姊妹篇。我们动态创建的CSS文件,如何知道添加的CSS文件加载完毕了呢? 要判断这个 CSS 文件是否加载完毕,各个浏览器的做法差异比较大,这次要说IE浏览器做的不错,我们可以直接通过onload方法来处理CSS加载完成以后的处理: // 代码节选至seajs function styleOnload(node, callback) { // for IE6-9 and Opera if (node.attachEvent) { node.at… [阅读全文]

如何用JavaScript动态创建link标签到head里

如何用JavaScript动态创建link标签到head里

我想应该有不少做前端的朋友碰到过需要用 JavaScript 动态创建样式表标签——link标签。这次我就说说如何在浏览器中动态创建link标签。 演示地址:http://www.yaohaixiao.com/scripts/js-create-link-tag.html 使用 jQuery 创建 link 标签 如果你开发中喜欢用jQuery,那么用jQuery在创建link标签应该是这样的: var cssURL = ‘http://www.yaohaixiao.com/wp-content/themes/BlueNight/style.css’, linkTag = $(‘<link href=”‘ + cssURL +… [阅读全文]

简单的无障碍阅读辅助工具栏

简单的无障碍阅读辅助工具栏

去年用JavaScript写的一个无障碍阅读辅助工具栏的效果,把代码整理了一下,拿了新浪的首页做测试页,效果还算是实用,这里的演示效果是拿新浪的首页测试的,看看吧! 演示地址:http://www.yaohaixiao.com/scripts/webaccess/ 下载地址:webaccess.rar 虽然不是真正意义上的无障碍阅读,不过看上去还是挺唬人的。在JS的注释里,我都把效果的实现原理解释了一下。当然,还有也性能问题要解决,也希望感情趣的朋友一起来改善。看看实现的代码吧: CSS 代码 #web-access-toolbar { position: fixed; _position: absolute; z-index: 1… [阅读全文]

显示/隐藏 Mac 中的系统文件的命令

显示/隐藏 Mac 中的系统文件的命令

我想很多刚买Mac的朋友会需要了解如何在Mac中显示系统文件,如/etc文件夹,到里面设置 apache 贺 php 的参数。这里我就介绍一下实现隐藏和显示系统文件的方法。 我们需要打开Mac的终端程序,也就是命令行程序。点击Launchpad->其他->终端,打开命令行程序后,输入以下代码: 显示:defaults write com.apple.finder AppleShowAllFiles -bool true 隐藏:defaults write com.apple.finder AppleShowAllFiles -bool false 输入完命令,还不能直接看到系统文件,接下来还需要重新启动Finder。重启的方法和简单… [阅读全文]

CentOS 架设 vsftpd 服务器的简明教程

安装 vsftpd 服务 vsftpd 服务是 CentOS 系统中一个简单而使用的 FTP 服务器程序,CentOS 默认没有安装 vsftpd 服务,需要我们手动安装它,安装(打开 CentOS 的 控制台程序)命令如下: sudo yum -y install vsftpd 系统回从网上下载 vsftpd 安装包,并安装到系统中,安装完毕后,我们就可以进入 vsftpd 的安装目录进行一些必要的配置了。好了,现在可以进入 vsftpd 的安装目录,输入一下命令: cd /etc/vsftpd 如果没有进入该目录,则说明您安装 vsftpd 不成功。 配置 vsftpd 服务 vsftpd 服务的主要配置文件是 vsftpd.c… [阅读全文]

Toggle side bar