JS - 随笔分类 - vajoy

支付宝AR抢红包？前端轻松就破解~

摘要：近期阿里搞了各LBS+AR实景的红包玩法，小伙伴们在公司里都玩疯了~ 有时候为了抢一个红包，会跑到另一个地方去拍照，虽然略麻烦，但整体的互动还是很有意思的。不过对于机智的前端童鞋来说，只需要简单的一段代码就能破解AR红包（当然成功率也不是100%）。破解原理见《上线仅一天：支付宝AR红包惨遭技术阅读全文

posted @ 2016-12-24 03:25 vajoy 阅读(12524) 评论(59) 推荐(16) 编辑

FastClick 填坑及源码解析

摘要：最近产品妹子提出了一个体验issue —— 用 iOS 在手Q阅读书友交流区发表书评时，光标点击总是不好定位到正确的位置：如上图，具体表现是较快点击时，光标总会跳到 textarea 内容的尾部。只有当点击停留时间较久一点（比如超过150ms）才能把光标正常定位到正确的位置。一开始我以为是 iO 阅读全文

posted @ 2016-05-24 23:26 vajoy 阅读(16329) 评论(15) 推荐(12) 编辑

小小改动帮你减少bundle.js文件体积（翻译）

摘要：我已经从事过好多年的SPA开发工作，我发现很多的程序猿都从来不往 bundle.js 文件的体积上动脑筋，这让我有点懵逼。 “安心洗路，等俺把代码混淆压缩后就一切666了”，若是有人这么说，我会翻白眼。其实当我们压缩 bundle.js 的时候，我们可能会凭空折腾出一个庞大的应用，导致其加载时间抑阅读全文

posted @ 2016-02-29 08:39 vajoy 阅读(3920) 评论(1) 推荐(0) 编辑

ES6 箭头函数中的 this？你可能想多了（翻译）

摘要：箭头函数=>无疑是ES6中最受关注的一个新特性了，通过它可以简写 function 函数表达式，你也可以在各种提及箭头函数的地方看到这样的观点——“=> 就是一个新的 function”。箭头函数的句法规则甚至早已延伸到各项标准和技术文档中去了，虽然它早已不稀奇，却给我们一种刚刚发现的新鲜感。粉我的... 阅读全文

posted @ 2015-10-22 21:59 vajoy 阅读(31644) 评论(8) 推荐(10) 编辑

送干货，实用内联gulp插件——gulp-embed

摘要：现在npm上有很多gulp内联工具，用于把脚本和样式内嵌到HTML页面上，之前搞项目我也在这些插件中寻觅许久，但均不满足公司项目的一个需求—— HTML上同时插入了开发（dev版，src文件夹下，比如 src/index.html）和gulp处理后（build版，dest文件夹下,比如 dest/i... 阅读全文

posted @ 2015-09-19 12:49 vajoy 阅读(2813) 评论(7) 推荐(0) 编辑

谈谈石豆官网改版的前端优化

摘要：（注：本人现已不在石豆任职，且石豆官网又进行了一次新的改版，故本文章内容已不再匹配石豆现有官网）这俩星期主要致力于公司官网的改版，今天也算是比较完整地上线（暂时还是全静态的），可以在 http://www.shidou.com查看效果（旧版是http://www.shidou.com/sdcm/ ）... 阅读全文

posted @ 2015-04-16 13:55 vajoy 阅读(5974) 评论(23) 推荐(16) 编辑

浅谈WEB跨域的实现（前端向）

摘要：同源策略/SOP（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击（可以参考我的这篇文章）。SOP要求两个通讯地址的协议、域名、端口号必须相同，否则两个地址的通讯将被浏览器视为不安全的，并被block下来... 阅读全文

posted @ 2015-02-19 14:03 vajoy 阅读(24823) 评论(11) 推荐(13) 编辑

移动端手势库hammerJS 2.0.4官方文档翻译

摘要：hammerJS是一个优秀的、轻量级的触屏设备手势库，现在已经更新到2.04版本，跟1.0版本有点天壤地别了，毕竟改写了事件名并新增了许多方法，允许同时监听多个手势、自定义识别器，也可以识别滑动方向。不过对于新版本的hammerJS却及其匮乏中文指引文档，就着这一点我还是上官网翻译下英文文档，写一篇... 阅读全文

posted @ 2015-01-29 22:40 vajoy 阅读(14492) 评论(6) 推荐(9) 编辑

浅谈WEB安全性（前端向）

摘要：相信进来的时候你已经看到alert弹窗，显示的是你cookie信息（为配合博客园要求已删除）。单纯地在你的客户端弹出信息只是类似于迫使你在自己的房间脱衣服——没人看得到，自然也不算啥恶意行为。那么如果我把你的信息通过脚本发送到我的服务器保存起来呢？先放心，我不打算这么做，也没那笔闲钱去购置一个服务器... 阅读全文

posted @ 2014-12-21 22:45 vajoy 阅读(18400) 评论(19) 推荐(21) 编辑

前端神器avalonJS入门（二）

摘要：本章开始搭配requireJS来使用avalon，开始之前，我们可以对avalon进行精简改造（注：新版的avalon已提供了shim版本，无需再做如下的精简了，直接点这里获取）。avalon源码里有自己的AMD加载器和DOMReady模块，使用requireJS来加载各依赖脚本的话，使用其配套插件... 阅读全文

posted @ 2014-11-25 12:20 vajoy 阅读(7910) 评论(12) 推荐(4) 编辑

移动端web开发进阶

摘要：三个月前曾写过一篇跨终端响应式页面设计入门的博客，上了博客园头条也得到了不少关注，今天想在这篇博客的基础上，继续写一篇进阶的文章。补充基于“入门”一文，我想再补充几个基础知识点，主要都是针对iOS的meta标签：⑴允许全屏浏览页面的标签：⑵ safari顶端状态栏样式定义/隐藏： ⑶ios会把... 阅读全文

posted @ 2014-11-24 20:09 vajoy 阅读(6178) 评论(12) 推荐(14) 编辑

应用Grunt自动化地优化你的项目前端

摘要：在不久前我曾写了一篇应用r.js来优化你的前端的文章，为大家介绍了r.js这个实用工具，它可以很好地压缩、合并前端文件并打包整个项目。但是如果将r.js放到项目中，我们不得不顾及到一个问题——项目每维护一次，就需要维护的人员输入一次rjs运行口令重新打包项目，自然是非常繁琐的事情。另外如果我们的项... 阅读全文

posted @ 2014-09-21 00:32 vajoy 阅读(4289) 评论(3) 推荐(4) 编辑

用JS识别各版本浏览器

摘要：自昨天发了各浏览器内核介绍的随笔，就闲不住了，想直接写个JS来识别用户所用浏览器版本。写着写着却发现很多坑爹的地方，比如IE10-的版本是依循常规支持attachEvent，但到了IE11，却只支持addEventListener而不再支持attachEvent。光是这一点就可以判断IE是个大坑，I... 阅读全文

posted @ 2014-05-19 12:27 vajoy 阅读(5700) 评论(16) 推荐(10) 编辑

从一个简单例子来理解js引用类型指针的工作方式

摘要：上面的例子看似简单，但结果并不好了解，很容易把人们给想绕了——“a.x不是指向对象a了么？为啥log(a.x)是undefined?”、“b.x不是应该跟a.x是一样的么？为啥log出来居然有2个对象”当然各位可以先自行理解一下，若能看出其中的原因和工作机理自然就无须继续往下看啦。下面来分析下这段简... 阅读全文

posted @ 2014-05-02 11:51 vajoy 阅读(7441) 评论(26) 推荐(6) 编辑

JQuery源码解析（一）

摘要：写在前面：本<JQuery源码解析>系列是基于一些前辈们的文章进行进一步的分析、细化、修改而写出来的，在这边感谢那些慷慨提供科普文档的技术大拿们。要查阅JQ的源文件请下载开发版的JQ.js文档，下载地址：http://jquery.com/download/ 注意选择其中的development版阅读全文

posted @ 2014-03-25 16:00 vajoy 阅读(10723) 评论(8) 推荐(2) 编辑

解决IE6下png图片透明度不显示的问题

摘要：世界上最遥远的距离，不外乎我在搞前端，你却在用旧IE，现在随着XP要退休了，IE6的市场占有率应该也会逐步下滑。不过基于天朝人民的惰性以及企鹅微软的“扎篱笆”活动，做网站的朋友依旧不能忽视IE6的存在。现在谈的是解决IE6下png图片透明度不显示的问题，这招是淘宝的伎俩，貌似12年双十一活动页面代阅读全文

posted @ 2014-03-09 21:17 vajoy 阅读(948) 评论(2) 推荐(0) 编辑

随笔分类 - JS

公告