R·ex / Zeng


音游狗、安全狗、攻城狮、业余设计师、段子手、苦学日语的少年。 MUGer, hacker, developer, amateur UI designer, punster, Japanese learner.

使用 Chrome Timeline 来优化页面性能

本文已授权 Coding博客 转载。有时候,我们就是会不由自主地写出一些低效的代码,严重影响页面运行的效率。或者我们接手的项目中,前人写出来的代码千奇百怪,比如飞机墙为了一个 Canvas 特效需要同时绘制 600 个三角形,又比如 Coding.net 的任务中心需要同时 watch 上万个变量的变化等等。那么,如果我们遇到了一个比较低效的页面,应该如何去优化它呢?优化前的准备:知己知彼在一切开始之前,我们先打开 F12 面板,熟悉一下我们接下来要用到的工具:Timeline:嗯没错就是...

一次 OSU! in Browser 的尝试

OSU! 这个游戏可能许多同学非常陌生,这是一个有着 std、taiko、ctb、mania 四种模式的音乐游戏,其中除了 ctb 我玩不习惯以外,剩下的三个模式均有涉及。一天我突然想到,网上有没有那种能在浏览器中玩的版本?在网上搜了好久,并没有发现“能读取 OSU! 谱面并显示”的代码,只找到了一个有点类似的 Demo(传送门:HTML5太鼓达人),看了一下,并不是我想要的那种效果,而且也不是从 OSU! 谱面中读取的数据。于是我就从太鼓入手,自己写一个吧!但是这工程量实在是大,所以我还...

使用 D3.js 制作我们的 Todolist!

算了一下,跟平儿在一起也有八个月了。作为一个程序员男朋友,自然会想写一些东西来提升我们之间的好感度。之前在网上看到有人做了一个特别炫的页面,其实从技术上来说,只是若干图片算好位置、有个计时器、有个打字的效果就解决了。作为一个偏向技术的人,我肯定要写一个更高大上的效果!于是就想到了写一个 Todolist,专门记录那些我们之前在聊天记录中提到过但一直没有做的事情,例如看一场恐怖片啦,躺在地上数星星啦……灵光一闪,就想用一堆浮动的圆圈来代表每一件事情,最好是可以用鼠标拖动的,圆圈最好可以自由移...

开始适应新的生活

虽然据说 Coding 不考勤,但是讲道理还是要早点起床去上班的!也算是调节一下生物钟吧,虽说好像只能调节一下起床时间。发现办公楼居然有水幕,看着就凉快,如果不是因为怕别人感觉太奇怪我就进去玩了。果然我对水有超级深的感情。进办公室之后见到的第一个同事感觉跟照片也不太像,没办法,毕竟是几年前的照片了。然后见到了萌萌的彩婷姐姐,线下比线上羞涩了好多呢(我猜这篇文章应该不会被她看到,所以就这么描述啦,这是事实嗯)。然后稍微摆弄了一下座位上的大屏幕(貌似只有开发人员的办公桌上配了大显示器),就到了...

你好,深圳

从昨天比完赛之后就准备收拾东西去机场了。这也是我二十一年来第一次坐飞机。由于是今天早上的航班,我得在机场呆一夜。为了熬过这漫漫长夜,我找了个有三孔插座的地方,厚颜无耻地给电脑接上电源,手机接上电脑开始玩。机场还有 WiFi,简直福利。唯一想吐槽的地方就是:据说很冷的机场半夜快把我热疯了……到了早上六点,我上楼办理手续,首先是打印登机牌,一共四台机器,每台都排了好多人。然而往旁边一看,有个很隐蔽的角落居然有好几台机器,而且都是空的!引导员还一直往那四台机器引导,简直神奇。然后需要点赞的地方是...

测试工程师的梗,你了解多少?

众所周知,写代码的时候要考虑各种可能的情况。网上一直流传着“一个测试工程师走进一家酒吧”的梗,在让人捧腹大笑的同时,这个梗你又了解多少呢?本篇文章的引用部分经再三审核,没有明显的错别字和字序问题,请大家认真思考这是什么梗。一个测试工程师走进一家酒吧,要了一杯啤酒两个测试工程师走进一家酒吧正常需求。一个测试工程师走进一家酒吧,要了一杯咖啡一个测试工程师走进一家酒吧,要了一杯洗脚水一个测试工程师走进一家酒吧,要了一杯蜥蜴一个测试工程师走进一家酒吧,要了一份 [email protected]!&...

2016 全国大学生信息安全竞赛初赛 Writeup (by Asuri)

Asuri 团队(官方主页:Asuri Team)是戒贤学长组建的一支南航信息安全团队,我是团队中的一员。之前我们曾经参加过江苏省的天翼杯信息安全竞赛,并且拿到了决赛第五名。其实团队成员大部分还是野路子出身,在一次次比赛和实战中提升自己的水平。这两天我们又参加了今年的全国大学生信息安全竞赛,规模比上一次大了好多,因此我们更多是抱着学习的心态参加的。在比赛中,我们见识到了好多之前没见过的题目(脑洞)。我们也算是出题比较快,第一天下午的时候曾经数次冲进前三名,然而毕竟水平有限,最后其它队伍都慢...

让老司机纷纷翻车的“悄悄话查看器”究竟有啥名堂?

0x00 Introduction相信大家一定被所谓的“QQ悄悄话查看器”刷屏了吧?从上个月开始我就郁闷,有人给我发悄悄话,然而我又猜不到是谁。有了这么一个 APP,岂不是可以调戏回去?然而大家的反应似乎不是这样的:“这一切来的太快”“强行上车 车速过快 引发多起事故”“这很强势,很清真”“逸夫楼教室此起彼伏”“对不起,我们不认识”就是这么个安卓 APP,害了好多老司机纷纷翻车。下午刚陪女朋友上完自习(此处省略秀恩爱的若干字),各种群、空间、朋友圈就被这些图刷屏了。我所在的群中,有四个群里...

使用 HTML+CSS 制作纸飞机新 Logo 动效

本文已同步至纸飞机技术博客:使用 HTML+CSS 制作纸飞机新 Logo 动效看到蓝湿父设计的纸飞机新 Logo,感觉比原来的逼格高了好多,于是灵光一闪想出了一个动效,然后脑子一热就想用 HTML+CSS 来实现。先附上最终效果好了:纸飞机 Logo 动效测试那么接下来就一步步来吧!Step1:确定 HTML 结构左边 Logo 的五条线我打算用五个 <div> 来绘制不同颜色的长条,然后用 CSS 做二维变换,变成一个正着的飞机,最后整体逆时针旋转 40° 达到最终效果。右...

一次在 Openshift 上折腾 PHPMailer 的经历

本篇已同步至纸飞机技术博客:一次在 Openshift 上折腾 PHPMailer 的经历因为 SAE 太坑,所以我还是把纸飞机的微信和办公系统迁移到了 Openshift 上,并使用了百度云加速。问题就出在这里:我知道要修改 SAE 的一些特性,例如 SaeSegment、SaeCounter,但是没想到还漏了一个 SaeMail,于是服务部的小伙伴们结束维修发邮件的时候就提示 500 了。好吧,那我就改成自己的 Mail 服务呗,到网上下了一个 PHPMailer,然后填好设置,本地测...

NUAACTF 2016 官方 Writeup

Web1签到题,打开浏览器的Console即可找到flag:下面那行带有中文的句子是我早上修改界面的时候加上去的,同样的彩蛋在网页源代码中也有,就是每个页面查看源代码之后显示的那个佛祖,23333。Web2仔细看会发现题干中百度的链接有点奇怪:根据题目提示,用百度搜索“一只苦逼的开发狗”,发现出题人的博客,第一篇文章有提示:看起来是base64编码,解码之后查看文件类型:$ echo "bnVhYWN0ZiU3Qi93ZWIyL2NlYmE2ZmJiZjBlZGU0MzI1MjY...

只是一个快乐的程序员罢了

好久没写过这种日志了。今天突然有点兴致,就顺手写一写吧。我是一个普通的程序员,有着一点前端的开发经验,顺便有那么一些后端和运维的三脚猫功夫。一个人的时候喜欢发呆,有时候也喜欢玩点音游。好吧其实这么介绍并没什么意义,因为关于技术和性格方面的介绍,这个页面已经说的很详细了。我还是说一说我自己的黑历史吧。每个人都有一段黑历史,就像绿箭侠里奥利弗的妻子、跟费玉污一个姓的IT女过去是一个桀骜不驯的黑客一样。个人感觉自己这些年来变化还是挺大的,不得不说教育实在是厉害。接下来一段涉及到死亡。很抱歉一开始...

这是我们共同度过的

第 1690 天