前端开发
文章平均质量分 78
shellJ
这个作者很懒,什么都没留下…
展开
-
html5移动设备浏览器触屏事件兼容处理
自打诺基亚被苹果干趴下,Google开源Android系统,智能设备数量以及种类以不可阻挡的势头发展,苹果封闭的生态系统,Android开源开放的生态导致,殊途同归地给了我等屌丝开发者相同苦逼的命运,兼容命题。跨平台适配是个痛苦的工作,这里只谈谈近期工作学习相关的部分,苹果设备和安卓设备浏览器对触屏事件的兼容问题。 解决的就是这个问题原创 2015-05-21 16:39:36 · 8478 阅读 · 0 评论 -
浏览器端转盘抽奖策略实现
由于最近有个网页端的抽奖推广活动,抽奖的随机性是个非自然随机应该是个公开的秘密了吧,因为公司本着不欺骗,又不能太亏的原则,把几十台苹果或者其他高端奖品全部交给运气来分配,自己无法控制的,始终是不安心,所以这里面就需要一些策略来处理。接下来一步步揭秘。 首先抛出一个无策略的策略,所有的奖品相当于一个数组,再随机生成一个数字,这时候,奖品已经确定,然后转盘开始转动,再停下,恭喜你,中了啥。这就是最简单原创 2015-05-22 18:39:56 · 2189 阅读 · 1 评论 -
关于document.referrer某些情况下记录不到源网页的问题
项目中有个很简单的需求,5个页面,手机端分享出去的只要不是首页,打开默认跳转首页,页面间正常跳转不影响。本来有两种方法实现,1、服务端控制,2、客户端跳转由于是静态页面,只能由客户端控制。用referrer是否为空控制跳转,但是测试中发现,某些浏览器坑了。做了个小测试,例如有两个页面如下:test1.html:跳转test2.html:原创 2015-08-11 13:25:54 · 8795 阅读 · 2 评论 -
html5离线缓存--manifest
移动web和移动app一直都是在其各自的领域内,各司其职,井水不犯河水。web端只要有浏览器,便能看遍天下网站,但是完全离不开网络,app则强大到无所不能,但是用必须要下载。各有各的优势,各有各的局限,直到html5的出现,两者的界限不断被刷新,webapp开始被广泛使用。说到这里,不得不提到h5中推出的一个离线缓存的新特性,正是它,大大拉近了web与app的距离。废话不多说,开讲--manife原创 2015-08-18 21:25:34 · 4419 阅读 · 0 评论 -
FIS 前端发布打包(入门)
既然用的是百度的东西,开篇当然要附上FIS百度官方文档链接废话不多说,直入主题FIS一、环境搭建FIS基于node.js环境,安装nodejs(搜一搜,大把下载地址),安装完成之后重启计算机重启完成后打开cmd,输入node,检验是否安装成功最后当然是下载fis,进入cmd,输入:npm install -g fis 回车即可二、fis-conf.js 配置文件(可直接空文原创 2015-08-07 11:53:13 · 4730 阅读 · 0 评论 -
seajs源码分析-运行机制浅析(一)
前端技术发展简直是日新月异,随着angularjs,vuejs,reactjs等等这些框架的不断兴起,转眼间jquery,seajs,Backbone这些框架已经成了清朝的框架了,再加上es6本身对于模块化的支持,也许,seajs模块化在将来的某天可能会彻底成为历时,尽管如此,学习框架,不仅仅是学会怎么用它,更重要的理解其中的一些思想,理解框架的思维,才能干翻框架。废话到此 其实seajs代码量原创 2016-09-24 16:48:30 · 1790 阅读 · 0 评论 -
ReactNative使用code-open热更新使用详解(Android为例)
CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务。这里我们只谈RN的热更,CodePush不开源,只作为一个中央仓库云服务器,接下来我们来详细讲解如何利用code-push进行热更。 主要流程如下:安装 CodePush CLI。创建一个CodePush 账号在CodePush服务器注册app在app上添加CodePush SDK,配置原创 2017-02-23 22:02:50 · 1194 阅读 · 0 评论 -
jquery promise从入门到装逼
对于promise的实现远不止jquery一家,when.js,promise.js,async.js都对promise有不同程度的实现,实现思路可能大同小异,但是最初的目的只有一个,那就是拯救回调地狱,使得代码更加清晰可维护,这里,我们只挑选jquery的promise来进行装逼实验。这里不多说回调地狱的坑了,咱只说说promise的美妙。 首先来感受一下promise强大的气场function原创 2016-09-19 20:41:10 · 3515 阅读 · 0 评论 -
react引入redux之初体验(一)
不管我们项目中是否是用的redux思想的最佳实践,但是他的基本思想基本如上图,是不是十分简单明了。有人说,redux这类不能称为框架,只能说是一种思想,不过我们在此就不讨论这么学术的问题了,为了描述统一,以下我们姑且称之为框架。redux这个框架思想很简单,不过,有时候最简单的就是最复杂的,简单的,灵活,也意味着我们需要做的更多,这时候,最佳实践方案就比较不好说了,这里我也只能是就着自己的一点点项原创 2017-06-27 21:38:12 · 1605 阅读 · 0 评论