做有态度的前端团队

网易FEG前端团队

  • FIS插件制作说明

    FIS插件制作说明 虽然FIS在使用的过程中,几乎能解决我们遇到的所有前端问题,但总是会有一些特殊的问题是解决不了的,然后就需要上网去找能解决特殊问题的插件,不过一般都是找不到(不然就不叫特殊问题了),所以我们需要自己写插件来实现 一、FIS的运行过程与插件运行的时机 看上面的官网提供的图,就能大致知道原理了,也可以清楚看到,插件基本可以分为编译期间的、打包期间的 二、插件命名方式 举个简单的例子:fis-postpackager-supply 一定是fis打头 中间的postpackager表示插件的执行时机,详情可以参考上面的图 最后的supply就是插件的名字,这个你......

    工具

  • css3逐帧动画-飘动旗子

    写css3动画的时候,我们经常用到animation来实现,默认情况下,animation是使用连贯性的ease动画。我们熟悉的animation动画有·ease·、·ease-in·、·ease-out·、·linear·、·cubic-bezier·等过段函数,当然还有我们可能不是很熟悉的·steps·跳帧函数。我们在做一些特殊的动画,比如一个飘动的旗子、一个奔跑的小人,这些动画不需要补间,这时候需要的是跳帧·steps·。 逐帧动画实现方法: 1、把动画帧切图合并在一起 2、通过CSS3的animation控制background-position 方法很简单,这里使用到......

    CSS

  • 一个通用广告脚本数据加载的容错

    最基本的需求 写一个通用的广告脚本文件,传递不同的广告ID,加载对应的数据出来,上报数据,最后显示出来 最简单的做法 每个站点,直接请求广告地址,带上不同参数,例如这样: var script = document.createElement("script"); script.src = 'ad.com?id=id1&callback=cb'; document.body.appendChild(script); function cb(param){ //do something ......

    JavaScript

  • input.focus()在IOS上失效的解决方法

    之前在iphone上做开发时遇到一个问题,在一般的正常浏览器上输入以下代码: var apple = document.getElementById('abc'); apple.focus(); 就能将焦点聚集在输入框上;但是在ios上不行 解决方案1: 只有通过绑定在事件上的函数触发,才能聚焦,例如: var apple = document.getElementById('abc'); button.addEventListener('click',function(){ apple.focus(); }); 但是不能将apple.focus()封装在函数中再由事件触发,......

    JavaScript

  • 微信屏蔽跳去App Store链接的解决方法

    微信分享到朋友圈的页面带有跳去app store下载的链接被微信屏蔽 ,解决方法: 用微信自带的跳转处理 http://mp.weixin.qq.com/mp/redirect?url=xxx ,其中url参数代表需要跳转的链接,比如 http://mp.weixin.qq.com/mp/redirect?url=http://dl.crazynote.net/downloads/qr 案例:http://www.crazynote.net/christmas/m/

    JavaScript

  • 判断运动/方向传感器方法

    判别运动传感器数据 if (window.DeviceMotionEvent) { window.addEventListener('devicemotion', deviceMotionHandler, false); } DeviceMotionEvent主要是监听设备加速度,监听设备x(横向方向)的运动频率,y(纵向方向)的运动频率和z(垂直方向)的运动频率 计算加速度时,只需在特定时间内用各个方向的值减去初始值除以时间: speed = Math.abs(x + y + z - last_x - last_y - last_z) / time ......

    JavaScript