阿小信大人的头像
Talk is cheap. Show me the code. Linus Torvalds

几个web优化小工具2014-09-03 03:08

png 图片压缩:http://tinypng.org/

css压缩/格式化:http://tool.chinaz.com/Tools/CssFormat.aspx

css spirts工具:http://pan.baidu.com/s/1b13KD

js压缩:http://tool.oschina.net/jscompress

邮箱用编码代替或者用javascript拼接转换:http://www.albionresearch.com/misc/obfuscator.php

......
#WEB/前端#   评论[0]阅读全文[740]

用css画三角形2014-09-03 03:06

其实就是border的应用,让一条边成为一个点

:::css
.triangle {
width:0; /*必须*/
height:0; /*必须*/
border:6px #fff solid; /*三角形后面的颜色*/
border-bottom:0; /*三角形方向*/
border-top:6px solid #0094da; /*三角形颜色和大小*/
margin:auto; /*自动居中对齐*/

......
#WEB/前端#   评论[0]阅读全文[853]

Yeoman的使用2014-09-03 03:02

Yeoman文档:https://github.com/yeoman/yeoman/wiki/Getting-Started

Yeoman由yo、bower、grunt三部分组成,yo用来生成文件结构框架,bower用来管理web开发用到的各种css、js包,grunt用来build css、js等前端文件的。

----

安装Yeoman(要先安装npm):`npm install -g yo`

如果npm版本小于1.2.10需要手动安装grunt-cli和bower

----

安装web application对应生成器:`npm install -g g

......
#WEB/前端#   评论[0]阅读全文[858]

uikit实现翻牌效果2014-09-02 06:48

:::html








$(function(){
var card = ui.card('font', 'back');
card.el.appendTo('#card');
$('#flip').click(function(){
card.

......
#WEB/前端#   评论[0]阅读全文[854]

刷新验证码2014-09-02 06:40

验证码

生成的验证码图片Django可以直接save到HttpResponse对象中,不必经过StringIO保存。获取验证码只需在img标签中给出对应view的url就行。

看不清验证码点击换图片时用js直接改变img标签的的src属性的值浏览器自己就会重新去获取。

在换图片时,由于浏览器有缓存的原因,可能图片没有变化,在src属性的链接中多加一个产生随机数的参数,浏览器便会自动刷新

:::html

:::javascript

function change_code(){
var obj = jQ

......
#WEB/前端#   #django 评论[0]阅读全文[1015]

用PhantomJS根据URL进行网页全屏截图2014-09-02 05:22

官网介绍:PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

功能好像很强大哈,官网:http://phantomjs.org/ 文档:https://github.com/ariya/phantomjs/wiki

windows下用了下,下载后解压,里面有很多example。在当前目录打开控制台(win7可以Shi

......
#WEB/前端#   评论[0]阅读全文[1627]

jQuery基础教程练习笔记2014-09-02 05:17

$是对标识符jQuery的一种简写。

用$()函数选择元素。

:::javascript
$('div')
$('#some-id')
$('.some-class')

$(document).ready()其中代码会在dom加载后立即运行

:::javascript
$(document).ready(function(){
$('#selected-plays > li').addClass('horizontal');
//查找id为#selected-plays元素的子元

......
#WEB/前端#   #jquery 评论[0]阅读全文[1073]

QQ相关接口2014-09-02 05:06

请求下面两个地址可以分别获得好友的QQ头像和QQ空间头像

http://face.qun.qq.com/cgi/svr/face/getface?type=1&uin=QQ号

http://qlogo1.store.qq.com/qzonelogo/QQ号/1/0

启用聊天窗口链接

http://sighttp.qq.com/msgrd?v=3&uin=QQ号&site=qq&menu=yes

查看是否在线(编程查看content-length长度:2329在线,2262离线)

http://wpa.qq.com/pa?p=1:QQ号:1

......
#WEB/前端#   评论[0]阅读全文[688]