CSS中关于padding和margin的小细节和应用

需求 大家发说说、微博的时候,都应该用图片强行凑过九宫格。我们现在模拟九宫格,产生这样一个需求:在一个box中有九张图片,每张图片按box的宽度等比例(图片宽高1:1)缩放。 大概的html结构如下。 <div class="box"> <a href=""> <img src="" alt=""> »

从 Sublime Text 转向 VS Code

前几天突然看群里某同学提到了 VS Code,然后发现 VS Code 已经比刚出的时候好了很多,于是我就开始尝试了。先挂个梯子从 官网 那儿下载了下来。 先试了一下,发现 VS Code 与 Sublime Text 相比最大的缺点就是不能同时支持多个文件夹的打开,只能显示某一个文件夹里面的内容,于是我索性把 E 盘拖了进去。 然后发现插件很方便,于是装了一通插件: Color »

Laravel 版本与 PHP 版本之间的坑

又到了一年一度五四评优的季节,技术部又有的忙了。作为陪伴这套系统时间最长的人,也是目前唯一了解全部技术细节的人,我自然需要帮现在负责的同学们一点小忙。于是我又把这套系统 clone 了下来。 如果用的是 Apache,那么 Laravel 已经有了 .htaccess 文件;但是Nginx 的配置并不像官方说的那么简单,下面是我尝试了许多次才配置成功的: location /evaluation { if (-d $request_filename) { rewrite ^/(.*)([^/])$ http: »

Node.js监视教务处补选课程情况

得益于我校教务处系统的优异体验,我上学期尝试在macOS上进行选课操作的尝试失败了。当然我认为这和chrome上的User Agent模拟插件做得太差也有千丝万缕的关系。一次尝试失败虽然不算什么,但是这样的后果就是我没有办法在大四之前修够我需要的公共选修课的学分。幸好在开学初期会有一小部分学生在体验过课程之后进行退课,一些比较拼的同学会在这种时期守在电脑前不断刷新网页以期望能瞎猫碰上死耗子。 但是这样一来费时费力,二来有一个很不爽的体验问题。虽然补选使用的是学校教务处的一个比较新的系统(这从它需要chrome而不是IE系列浏览器就能看出来),但是设计上也难免有一点缺陷。学校的每一个课程都有一个选课人数限制,这个限制是计划人数和教室容量中的最小值。由于设计问题,在网页上我们不能直观地看到每一门课程的已选人数、限制人数、是否可选,而一定要点击每门课程的详情按钮才能看到。对于抢课这样的需求来说,这实在是相当糟糕的体验。 俗话说,费时费力而没有技术含量的事情都可以用代码来实现,所以我打算用我浅陋的Node.js知识来完成这个伟大而神圣的使命。 »

Rex 的除夕夜加密红包 Writeup

先吐槽一下这次的界面好了。前端确实是随手写的,加了一段 prism.js 做代码高亮;本来想做优雅链接来着,结果 Openshift 上面 Nginx 老是调不好。刚才又调了一下,终于可以了,于是把所有题目的链接都改成了优雅链接(https://hongbao.rexskz.info/{code})。 然后在 index.php 的一开始写了如下几句: if (!preg_ »

canvas实现黑客帝国文字下落效果

很早以前,我有一个屏幕保护程序,大概是这样的: 感觉非常酷炫。结果不久前,我在网上看到有人利用canvas来实现了这个效果,看起来还不错的样子。虽然远远没有上面的那张图那么炫酷,但是第一眼看上去的效果还是蛮出众的。 我们来试着实现一下。 尝试之前的思考 首先我们要确定我们要干什么,也就是说,我们先要分析一下在画布上实现文字落下的效果的原理。 首先我们考虑的显然是对每一列的字符进行透明度的维护。但是这样实际是比较麻烦的,并且我们知道每一次更新画布的时候我们都需要把画布清理干净,然后重新绘制对应透明度的字符。虽然没有尝试,但是对于性能的损耗可想而知。 我们注意到,对于每个字符来说,字符底和字符顶的虚化变化程度并不明显。实际上,这种变化至少是有5、6个字符叠加起来才算明显。 »

《AWAY》音乐节直播踩坑经历

还好这次音乐节有惊无险地结束了,技术部负责的直播在一开始出了一些小失误,但是还好后来没什么问题,接下来我就把这次踩坑的经历发出来,希望给以后的小伙伴提供一点经验。 往年的蛋蛋晚会都有直播,只是感觉有点 Low:一开始的直播是在页面中嵌入了一个 object,用的是 mms 协议。由于这是 Windows Media Player 的私有协议,因此只能通过 IE 打开。从第七届蛋蛋晚会开始,直播方式变成了 rtmp,由于我们没有自己的推流设备,所以就从信息中心借, »