Follow me on GitHub

建站❤编程

活动资格验证流程设计

为了加强厝边网与微博网友的互动,同时也让更多人认识雅乐这个网站所提供的服务。公司决定发起一个线上结合线下的活动,活动需要符合一定的条件(1.绑定微博;2.上传头像)才能参与,同时为了简化验证流程,避免频繁页面跳转提高参与门槛,考虑在一个页面内完成资格验证。

so…

总目标:验证并引导 用户达到参与活动的条件,顺利进入活动页。 More >

rel=”canonical”使用一例

厝边网基于iWebSNS二次开发,沿用了其网站架构和框架,即:应用页(modules.php为入口)作为iframe子页分别由 个人中心页(main.php 仅登录用户访问)和用户主页(home.php 内容对外开放)两个父页面引用。

内容由应用页承载,如果直接访问应用页(iframe) 则js跳转到包含父框架的地址,虽然最终能到达目标地址,但由于使用js执行判断,跳转前子页已渲染完毕,如此跳转影响用户体验,于是考虑让子页的搜录排名在完整页之后,作为妥协方案。

More >

IE浏览器URL最大长度2,083?

目前参与的项目中有个弹窗音乐播放器,使用url传参(模拟get方法)实现无刷新为播放器(弹窗)添加歌曲列表的功能。偶尔会遇到歌曲列表被截断的情况。仔细研究后发现只有在首次弹窗时发生问题,如果传参时播放器窗口已打开,则无此问题。

刚开始以为是脚本加载或执行过程中依赖关系处理不当导致此问题,而窗口已打开由于加载缓存文件较快不存在网速影响。直到今天安插debug脚本结合调试工具才发现真正的问题在于通过url传递的参数超长部分被截断了,诡异之处在于:播放同样的歌曲列表,按理说传递的参数包括参数长度都是一样的,如果是浏览器限制导致问题,给同样的参数应该产生相同的结果才对,而实际操作中却只在首次播放(弹窗口)时出现参数被截断的问题。

唯一可能导致问题的差异变量是目标窗口(以window.name标识)的存在情况,通过window.open打开一个指定name参数的窗口,如果该窗口不存在,则传递的url参数(字符串)长度超过2083部分被舍弃;若目标窗口存在,则url参数长度超过4113部分被舍弃。 More >

Chrome21中textarea的maxLength与value.length值不一致

 问题描述:

Chrome21及以后版本中,在<textarea>中敲入回车换行,value.length值加一,而用于maxLength检测的长度值加二,导致value.length < maxLength时,就不能再敲入内容。最极端的情况,当全部内容为换行时,value.length = maxLength/2, 演示如下


More >

CSS图层混合(blending)

玩过PS的童鞋应该都知道混合模式(Blending Mode)吧,出现的地方很多,比如修复用的刷子(Healing Brush Tool)、图章(Stamp Tool)、橡皮擦(Eraser Tool)、水滴(Blur Tool)等工具中都有这个选项。但印象最深的恐怕还是在图层面版中,因此以“图层混合模式”统称——本质上都是两个图层的混合。

而这一特性也有望在不久的将来通过CSS属性“blend-mode”在浏览器中得以实现。

下面举两个使用场景

一是让按钮上文字的纹理与背景图一致;

More >

开启新版Google Analytics v5 页面速度报告的方法

新版中增加的功能:

Google Analytics 开始提供页面速度报告

More >

移动设备浏览当前页