最新 | 最热门 | 最高评价

+0  使用CSS mask 实现图片的斜线拼接

Tag: CSS | Web那些事 | css遮罩 | 图片拼接 | 斜线拼接
iAzrael 发于 2016年02月04日 11:50 | 点击: 1246 | 展开摘要
每次必说题外话

话说貌似好久没有写技术文章了,自从娃娃出来后,很少能有时间做技术研究,思考的时间也不足。不过有得必有失,世上事也就酱紫了。但是作为一个前端攻城师,不写代码,不研究技术,是会被后浪拍死在沙滩上的。

碰巧前段时间碰到个CSS问题,一直很喜欢CSS的,能CSS解决的问题绝对不用JS,于是就抽时间整整看。

什么是斜线拼接

回到本文主题上,”斜线拼接“是我自创的词语,因为我也不知道怎么描述这个需求,o(╯□╰)o,实际的效果是下面所示:

眼力好的筒子应该就能发

查看全文: http://www.udpwork.com/item/15172.html

+0  在浏览器端用JS创建和下载文件

Tag: JS | Web那些事 | blob | codelet | createobjecturl | html5 | js | 下载 | 下载文件 | 创建文件
iAzrael 发于 2014年01月02日 23:31 | 点击: 1833 | 展开摘要
前端很多项目中,都有文件下载的需求,特别是JS生成文件内容,然后让浏览器执行下载操作(例如在线图片编辑、在线代码编辑、iPresst等)。

但受限于浏览器,很多情况下我们都只能给出个链接,让用户点击打开-》另存为。如下面这个链接:

<a href=”file.js”>file.js</a>

用户点击这个链接的时候,浏览器会打开并显示链接指向的文件内容,显然,这并没有实现我们的需求。

HTML5中给a标签增加了一个down

查看全文: http://www.udpwork.com/item/11461.html

+0  千方百计加速Web之加速DNS解析

Tag: Web那些事 | 移动开发 | DNS解析 | 加速
iAzrael 发于 2013年10月30日 15:54 | 点击: 1722 | 展开摘要
通常情况下,做移动开发时,如果要向后台请求数据,都会直接使用TCP通信。但实际上一来HTTP比TCP简单易用多了,二来有很多现有CGI如果要进行改造得花很大功夫。还是会有使用HTTP请求来拉取数据。

在做Android QQ二维码时,扫描到二维码字符串,就是把该字符串用HTTP传给后台,后台解析后返回给客户端,客户端再进行下一步处理。在提交测试后,测试同事发现,在移动网络上,DNS解析会经常失败,导致二维码扫描功能不可用。功能测试不通过,导致无法发布。同时测试喜欢在清空DN

查看全文: http://www.udpwork.com/item/11042.html

+0  【代码分享】根据类型智能提取参数

Tag: JS | Web那些事 | codelet
iAzrael 发于 2013年09月10日 17:39 | 点击: 1308 | 展开摘要
如果你是个Javascript程序员,那一定经常写下面的代码:

function funcA(url, params, callback, option){
if(arguments.length == 2){
//funcA(url, callback);
if(typeof params == 'function'){
callback = params;
params = {};

查看全文: http://www.udpwork.com/item/10627.html

+0  从网页监听Android设备的返回键

Tag: Android | JS | Web那些事 | 快乐的码农 | 未分类 | 移动开发 | android | html5 | 历史记录 | 返回键
iAzrael 发于 2013年02月04日 17:52 | 点击: 1996 | 展开摘要
最近搞Android项目的时候,遇到一个比较蛋疼的需求,需要从Client App调用系统浏览器打开一个页面,进行杂七杂八的一些交互之后,返回到App。如何打开浏览器和如何返回App这里就不说了,有兴趣的童鞋可私下交流。

之所以说这个需求蛋疼,是因为Android有个物理返回键啊……返回键啊……键啊……啊……

用户按下返回键后,预期应该跟点击页面上的返回键一样——返回App。然而这个返回键的被按下的时候网页完全不知道啊(onbeforeunload不算),找不到直接的办法

查看全文: http://www.udpwork.com/item/9593.html

+0  localStorage也跨域

Tag: Web那些事 | JS | 跨域 | localStorage
iAzrael 发于 2013年01月17日 16:41 | 点击: 1924 | 展开摘要
最近做一个项目,改动到了两个页面(A,B):在A页面(aa.example.com/a.html)往localStorage写一个key,然后在稍候的B页面(bb.example.com/b.html)读出来。结果是写的时候成功了,在A页面也读出来了,跑到B页面,localStorage却是空的!

别急,待俺掐指一算……嗯,子域不同,localStorage应该也是不一样的。在A页面的逻辑完成的时候,跳转到bb.example.com/a.html 进行设置key的话,写k

查看全文: http://www.udpwork.com/item/9595.html

+0  Canvas中createRadialGradient的各种取值研究

Tag: JS | Web那些事 | 快乐的码农 | canvas | 放射渐变
iAzrael 发于 2012年11月25日 22:39 | 点击: 1410 | 展开摘要
话说上次melody同学分享了canvas绘图的相关内容,大家都对createRadialGradient的输入参数和结果蛮感兴趣的。因此我也把它的各种取值都试了一遍,发现了一些有趣的东西,共享之。

首先说下createRadialGradient,createRadialGradient是canvas创建发射渐变的一个方法,它的形参是这样子的:

createLinearGradient(xStart, yStart, radiusStart, xEnd, yEnd, r

查看全文: http://www.udpwork.com/item/9598.html

+0  OAuth授权的XSRF漏洞及其修复

Tag: Web那些事 | 快乐的码农 | oauth | xsrf | 修复 | 漏洞
iAzrael 发于 2012年11月23日 19:18 | 点击: 1219 | 展开摘要
话说前段时间 OAuth2.0 授权被人找出了个漏洞,各个开放平台都有影响,导致一阵恐慌。虽然后来发现其实是夸大其后果了,但也暴露出我们对这个经常用的协议仍一知半解的现状。所以花了点时间,整理了 OAuth1.0 和 2.0 的授权流程、以及其中的隐患和修复方案,供各位同学了解。由于本人也是临阵磨刀,难免疏漏,欢迎指点。

一、OAuth 1.0

a)OAuth1.0的授权流程为

OAuth1.0授权流程(配图取自http://dev.t.qq.com/)

其特点是请求

查看全文: http://www.udpwork.com/item/9599.html
|<<<1>>>| 一共1页, 8条记录