仅显示以下 5 篇带「页面」关键字的文章。 返回词云  或  查看全部文章

服务器迁移小记

2016-11-06 by Dron

上个月,2016 杭州云栖大会召开,阿里云宣布云产品全线打折,刚好我的服务器 12 月到期,顺手就购入三年,真的很便宜。

本站一直用的万网虚机,记不清几年了,原来的技术方案是 PHP + MySql,新的服务器上,我准备部署 Node + MongoDB,也就引发了这篇文章所述的事情。

简述年会新春特别奖的前端实现

2016-05-17 by Dron

回乡心切,去年年底我早早的就撤了,年会并没有参加,亲手为年会定制的一个烟花抽奖程序——新春特别奖,年会时的现场秀也因此没能感受到,遗憾之余听说 @文龙 中了头奖,心里平衡了许多:三天时间的开发总算没白忙活!

写本文前,我将程序简单做了下脱敏和静态分离:

进入页面后,片头动画开始播放,「你」划燃火柴,转身面向炮仗,进入等待状态(此时应该跟观众唠唠家常,提高下神秘感);待唠瞌尽兴,「你」将火柴移向并点燃引信,待引信燃尽,炮仗应声升空,爆炸,焰火奇迹般的组成一个花名(中奖者),拍照留念,背景持续燃放烟花,完毕。

本文将介绍该效果的前端实现。

强制留在本页

2013-04-28 by Dron

有一些特定应用,在用户离开当前页面时会弹出一个对话框,询问是否真的离开,给用户多一次选择,以确保未完成的草稿得已保存。

这种弹窗都是在页面的 onbeforeunload 事件里实现的,这个事件还可以用来发送统计请求。我今天在考虑这个问题时来了灵感,如果在这个事件里强制地址跳回本页会如何呢?于是我造了一段测试代码:

window.onbeforeunload = function(){
  setTimeout( function(){ location.href = "#"; }, 0 );
};

将上面的代码粘贴到任意网页的 console 中执行,神奇的事情发生了:点击该网页的其它链接,根本跳不走,其实是跳走了立刻又被跳了回来(查看控制台的网络面板可以验证)。如果是在地址栏上输入其它地址,回车后也会强制被替回来,有点意思。

在 Chrome/Safari 中测试通过,Firefox 不通过,IE/Opara 未测试,有点暴力,不推荐使用。

使用 chrome 的 disable-web-security 参数联调线上数据

2013-04-23 by Dron

受浏览器的同源策略限制,开发环境中前端页面无法跨域使用线上数据,解决方法有很多种,典型的如中间夹了一层网络代理。

我找了一下 Chrome 的选项,没有关于降低跨域限制的,于是想到了启动参数,果然在这里:

open -a /Applications/Google\ Chrome.app --args --disable-web-security

加这个参数启动 Chrome,访问任意页面,不再受同源策略限制,页面中的 JS 可以任意发送跨域网络请求。

2013 烟花彩蛋

2013-02-09 by Dron

去年在这个博客上线的 2012 地裂特效 大家还有印象么?今年也不例外,刚刚在博客上悄悄上线了你看到的这个小效果,给大家拜年了!

农村现在已经开始不安静了,回响在耳边的是远近传来的贺除夕的各种鞭炮声音,噼里啪啦的,让人心情很是复杂,我也应个景,早在几天前,我已经开始进入了准备状态,着手写这个效果,可是没办法完全投入,这几天总是各种瞎忙不知所事,算了下,前后用了有 4 个晚上的零碎时间,总算赶在除夕凌晨把这事给了了,祝来到我博客的新老朋友新年快乐、飞黄腾达!

2013-2-9 更新: 本来进入博客的每一个页面都有这个效果,后来嫌给切换页面时造成干扰,改为只 进入本博文页面 才展示效果。