CSS发抖

在一个大型项目里我需要制作出抖动的效果。最初我使用的是普通的CSS。 当开发完成后,我发现了这个很酷的jQuery plugin(由@jackrugile开发)。 于是我就开始思考,我应该做出这个小的CSS project。   CSS发抖 DEMO   转自:http://www.webhek.com/… Read More

Web 前端攻防 2014

禁止一切外链资源 外链会产生站外请求,因此可以被利用实施 CSRF 攻击。   目前国内有大量路由器存在 CSRF 漏洞,其中相当部分用户使用默认的管理账号。通过外链图片,即可发起对路由器 DNS 配置的修改,这将成为国内互联网最大的安全隐患。 案例演示 百度旅游在富文本过滤时,未考虑标签的 style 属性,导致允许用户自定义的 CSS。因此可以插入站外资源:   所有浏览该页面的用户,都能发起任意 URL 的请求:   由于站外服务器完全不受控制,攻击者可以控制返回内容: 如果检测到是管理员,或者外链检查服务器,可以返回正常图片; 如果是普通用户,可以返回 302 重定向到其他 URL,发起 CSRF 攻击。例如… Read More

Node.js入门 – 永恒的Hello World!

本文自theprojectspot.com翻译而来,文章原作者为Lee Jacobson, 已经作者授权翻译用于非商业用途。原文地址:猛戳这里进入 介绍   这是我的关于Node.js系列入门教程的第一篇。必须说明一下,我并不是Node.js的专家,但是尝试向别人解释这是怎么回事是自我学习的一个好方法。如果你发现有些地方并不是那么正确,请提出来让我知道以便修正,谢之。   最近Node.js如此流行,到处是讨论这个的话题,我决定一探究竟学学这玩意儿。软件行业技术更新如此之快,如果落在后面是很危险滴(汗,这哥们 才20岁出头,就有这么强的落后于时代的危机感)。如果你不想落后于时代,不想失业,… Read More

Node.js入门 – 回调函数

本文自theprojectspot.com翻译而来,文章原作者为Lee Jacobson, 已经作者授权翻译用于非商业用途。原文地址:猛戳这里进入   如果你还没读过第一篇,先跑到这里去瞧一瞧,我保证你多花这么一点时间是值得的。   到目前为止,我们已经学会了用Node.js做一些基本的事(比如用来打印金光闪闪的Hello World), 接下来我们将去学习一下回调函数并了解为什么这玩意是如此的有用。 为什么是Node.js? 现在已经有很多编程语言,并且各有各的优缺点。能够对比不同编程技术,并选出最佳编程语言来解决问题,是创建一个可靠的产品的重要前提条件。跟所有别的编程语言一样,Node.j… Read More

Bootstrap 3 响应式上传图片,时间拾取器和表单认证 Bootstrap 3 Fileinput, Bootstrap 3 Date/Time Picker – Datepicker, Bootstrap 3 Validator

1. Bootstrap 3 响应式上传图片 bootstrap-fileinput 项目地址: https://github.com/kartik-v/bootstrap-fileinput 下载地址:bootstrap-fileinput-master Usage Step 1: Load the following assets in your header. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> <link href="path/to/css/fil… Read More

php获取推特feed twitter timeline feed

1. https://apps.twitter.com/ 申请 consumer_key, consumer_secret,oauth_access_token,oauth_access_token_secret 2. 下载项目:https://github.com/kmaida/twitter-timeline-php 下载:twitter-timeline-php-master 本人净化版: require_once('_utils/twitter-api-oauth.php'); function formatTweet($tweet) {     $linkified = '@(https?://([-w.]+[… Read More

Google与HTML5的那些事儿

如今各大浏览器都纷纷宣布已经或是计划支持HTML5技术,虽然支持的程度究竟怎么样现在还不好说,但是最给力的无疑就是Google的Chrome浏览器了。 (欢欣鼓舞的说,IE9也支持HTML5了,似乎还不错哟~ ) 似乎Google现在花了很多心思在HTML5上,估计是为了给力他的Chrome OS,为未来的“云”世界做好部署。 HTML5的Logo们 先说个最近的~吉他logo(去看看) 2011年6月9日,谷歌换了个很有趣的logo,纪念美国电吉他大师莱斯·保罗诞辰96周年: 继它的涂鸦Logo,游戏Logo,视频Logo之后,这个Logo升级为乐器Logo,除了可以用鼠标滑动演奏外,点击Logo下的小键盘… Read More

使用HTML5开发手机离线应用

本来这篇文章想叫《挺起你的HTML5》或者《让HTML5飞》或者神马其他的,但是为了更好的体现主题,我就用这个直白点的题目吧  ~ 随着各种智能手机(iPhone、Android)大行其道,App模式的应用开发变得热火朝天,反观Web领域则黯然失色。然而即将(或者说已 经)到来的HTML5,又为Web注入了新鲜的鸡血,让我等Web码农再次激动不已——我们可以用HTML、CSS、JavaScript开发手机应用 了!可以实现绝大部分Native App的功能,跨平台,自动更新,即需即取……亲,只需要有浏览器哟!而且没有恶心的IE6 ~ 做任何一个应用都离不开两种东西:文件和数据。下面我就以一个简单的小应用来介… Read More

使用 node.js 进行服务器端 JavaScript 编程

node.js 是一个可以使用 JavaScript 开发服务器端应用的平台。它依托于 Google V8 JavaScript 引擎,并采用事件 I/O 的架构,可以用来创建高性能服务器。本文详细介绍了 node.js 的基本知识、模块化的结构、事件驱动的机制以及常用的模块。   随着 Web 2.0 概念和 Ajax 技术的流行,JavaScript 作为 Ajax 应用开发中必不可少的一部分,已经得到了广泛的流行。开发人员也开始逐步的熟悉和掌握 JavaScript,并积累了相关的开发经验。虽然 JavaScript 目前主要用在 Web 应用中,以浏览器作为运行平台,但是已经有相关的尝试把 JavaScript 迁移到服务器端,这… Read More

Node.js 连接 MySQL 并进行数据库操作 –node.js 开发指南

Node.js是一套用来编写高性能网络服务器的JavaScript工具包   通常在NodeJS开发中我们经常涉及到操作数据库,尤其是 MySQL ,作为应用最为广泛的开源数据库则成为我们的首选,本篇就来介绍下如何通过NodeJS来操作 MySQL 数据库。 安装MySQL模块到NodeJS中 我们需要让NodeJS支持MySQL,则需要将MySQL模块添加到系统支持库   想要快速了解Node.js ,赞生推荐亲看看 node.js_guide.pdf  — node.js 开发指南 :想要电子版高清的 留言发送   如果不想留言 可以带你做飞机! 直接下载 走你飞机票   Node.js 简单介绍一… Read More

常用JavaScript函数 71 -(自我总结)

71、 javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器 72、 javascript获取鼠标当前位置(兼容IE和firefox)     71、 javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器 document.onmousedown=judgeMouseButton; function judgeMouseButton(e){ var e=window.event||e;//获取事件对象 var value=e.button; if(value==2||value==3){ alert('点击的是鼠标右键')… Read More

Moodle: 查询 / 更新 / 添加 / 删除 / 导出 用户 ($DB用法)

1. 添加用户 require_once('config.php'); // config.php under root folder require_once($CFG->dirroot .'/course/lib.php'); require_once($CFG->libdir .'/filelib.php'); //redirect_if_major_upgrade_required(); $person = new StdClass(); $person->auth = 'manual'; $person->confirmed = 1; $person->mnethostid = 1; $person-&g… Read More

屏蔽wget下载网站内容

经发现,虽然wget遵循robots.txt规则,但是那个还是可以绕过去,现在方法如下:   1. 屏蔽下载任何文件   .htaccess SetEnvIfNoCase User-Agent "^wget" bad_bot <Limit GET POST> Order Allow,Deny Allow from all Deny from env=bad_bot </Limit> 2. 屏蔽下载部分文件   .htaccess SetEnvIfNoCase User-Agent "^Wget" bad_bot SetEnvIfNoCase User-Agent "^Wget/1.5.3" bad_bot… Read More