所有由罗佳(博主)发布的文章

图片转data:URI工具

昨晚由于需要用data:uri,于是做了这么个转换工具
可本地使用,因为文件不用上传
疯狂的点击这里看demo
截图[此截图使用datauri,看不见请升级人品]

上面这张图的datauri

datauri优点:
在页面添加图片不用额外上传文件了!
还有什么就不知到了
缺点:
无法缓存,每次加载页面都要载入(其实想缓存它只要用js文件复制给变量就行了,而且可以一个文件存N张图,和图片分割异曲同工啊)
浏览器支持不全面
转出来的字符串体积一般比原文件大= =。。。

demo源码[部分参考其他网站]

视频手动载入js

俺花了好长时间,用我这不熟练的技术好不容易做了个带满缺点的js
那么这货的用处就是屏蔽掉flash这样的东西【当然如果修改一下js可以屏蔽掉body里的任何标签
先来个示例【有视频有真相
embed标签的例子(无视频源)video标签的例子(同上)

object标签的例子(同上)

其实屏蔽了以后看起来都是一样的。。

这货的功能:点击以后再载入,防止意外流量损失或带宽?占用
这就是个鲜明的例子http://blog.luojia.tk/?p=181
里面装满了视频,这样就可以解决打开这个网页一下载入很多视频的问题了

原理:让div插队再干掉背后的原标签并给这个div添加可以给自己内部写入被杀掉标签的事件↓

特点:插队的div使用源元素的宽高和定位【本来想把z-index也算进去的,时间不够就不做了↓

全代码↓

没时间了所以还有些可能出错的地方没做错误处理,以后来补上

bilibili win8 APP

此文章已经失效,因为不是官方APP

该来的还是来了,bilibili终究还是出了win8应用版,于是我来截图纪念了
先是它的图标(现在是冬天)

然后一点开一片血腥的loader出现,一秒不到就闪过去了

然后这是视频列表,似乎太简单了一点,后面铺了bilibili冬的背景

打开一个视频来看一下瞬间觉得除了有弹幕以外其它都和优酷的视频应用没什么区别。。而且这弹幕也没做外部遮盖处理,竟然就让他这么露在外面显示出来了【PS:这尼玛不可以发弹幕】

开全屏的时候可以当前面什么也没有发生过。。。

QQ新增人脸登录

QQ2013 beta1里新加了人脸识别登录的功能。
也就是说。。可能又增加了QQ的风险,别人只要有你的照片,就有可能登录你的QQ
所以不要乱发正脸的照片\(“▔□▔)/
看看这个常规的登录框~

(根据这个QQ自动框选截图的范围来看,窗口占有的面积似乎比实际可视大小还要大一些)

右下角注目

点一下就会出现一下的人脸识别窗口

然后点开始识别

我试了一下,确实是瞬间就识别了,但是我用照片倒是没识别出来,只出现了人脸框,但是无法识别出是我,看来我的脸变形了。。

document.createElement()

正在SB的制作找喷的底栏中,为了装到B的效果,所以要做成一个完整的可以对底栏进行操作的对象,自然就要创建标签了。
假如用innerHTML的话,会出现各种苦逼,why就自己思考吧。。
所以使劲百度,找到了document.createElement()这个东西
它的作用:创建标签
可创建标签:所有(IE请另当别论)
用法

创建以后会返回一个对象,所以创建的时候要用个变量(对象)来把返回值接住,像这样

然后创建好的标签不会自己显示出来【浏览器表示迷路了<( ̄▽ ̄)> 哇哈哈…】,所以我们要给它指一下路
这里要用到appendChild()和insertBefore() 两个。。函数?

这样就可以创建很多可以控制的标签而不用每个标签都设置id啦!
(>^ω^<)

offsetWidth和offsetHeight

之前一直在为没法知道一个不确定宽高元素的实际宽高而困扰,结果发现用style.width和style.height获取的都是在元素里定义的值
偶然发现了以前经常见到但是又怕麻烦所以没去接触的offsetWidth和offsetHeight,这两个可以获取一个元素在页面中占用的实际尺寸,不管有没有定义。
比如

弹出警告窗显示627(也就是现在div由于里面的文字而撑开来以后所占的宽度)

时间

永远就这么5天SB+2天BT,找不到一个能延续很长来写代码的时间,关键在于我只要没有很长的时间就没有心情好好写代码,就像现在就在写这篇博文一样,假如上10天课放5天假或者允许把电脑带去学校会不会好一点。

Photoshop君坏了要怎么破。。(已解决)

出现这样的提示:
 
“不能打开暂存盘文件,因为文件被锁定、您没有必需的访问权限,或者其他程序正在使用该文件。
在”Windows资源管理器”中使用”属性”命令来解锁文件。”

“ LoadLibrary failed with error 126:找不到指定的模块。”
 

看不清的话右击图片在新标签页中打开
 
 
原因
这是因为win8用户的一些权限问题造成的。
 
解决方案
1:先用管理员身份运行
2:然后这么点

3:尝试把暂存盘改到其它地方

  
这样基本就可以解决了。

给wordpress加上了个代码显示函数

原理:文档加载完成以后运行相关函数修改所有code标签

首先要做一件事,把加载文章的php的一个函数修改一下,阻止其给code标签内自动把\n换行替换成<br>标签(这个问题苦了我好久吖╮(╯3╰)╭),函数名wpautop,此函数位于/wp-includes/formatting.php中,找到这个函数里的

这一行,括号里加上|code,变成这样:

【这要怎么理解呢。。应该就算是不进行修改的标签列表吧】
然后一切就都方便了,给onLoad加上自己的code处理函数。
以下是我的code处理函数:

然后onLoad加上changecodetag()

暂时没做出高亮,而且还有些小小的问题。就先摆在这里了。
另外谁可以告诉我最后总有一个空行是肿么回事捏?
后期可能有改动,文章就不改了,详见源代码。