小军 发布的文章
-
解决fis3本地开发编译GBK页面的乱码问题
前言 之前大神写过一篇 【FIS 本地预览使用 NodeJS 服务器乱码问题解决办法】，解决了fis2编译gbk项目乱码的问题。后来小组推广fis3，fis3的server和fis2不同了：feg server open 打开 FIS 服务器的本地目录里面没有 server.js 这个文件，所以又出现了fis3编译gbk项目乱码问题。。。 简单分析 关于乱码分析，之前大神也写过一篇很详细的文章：【关于编码的那些事儿】 这里简单说一下： 决定chrome浏览器(可能每个浏览器表现不一样)最终显示的页面是否乱码是有三个因素决定的： http 返回头 Content-Type fis ......
-
聊聊PC端页面适配
PC端适配？什么鬼！！！做不了~ PC端适配？又不早说，都做完了，还适配毛线~ 页面有bug！！！！为什么我笔记本打开只看到一半~ ... 以前谈适配只会想到移动项目，而有时候转做pc端，有一个很爽的感觉就是什么的尺寸都可以写死，不需要担心设备尺寸不同的问题。但是现在越来越多的PC项目也有适配的需求：目前我们pc项目的设计稿尺寸是宽度1920，高度最小是1080。对于宽度，我们规范了主体内容在1200以内，高度只有个最小值规范。 为什么pc需要考虑适配 因为pc需要考虑最小设备主体是1366*768分辨率的14寸普通笔记本，768的高度减去浏览器工具栏和桌面任务栏，实际的可视高度只......
-
项目中使用fis常见问题汇总
小组引入fis工具已经很久了，但是随着fis的推广以及新人的加入，一些常见的关于fis问题，经常被重复问到，所以本文整理汇总了fis使用过程中常见的坑。 1、node版本的问题 node版本更新有两条主线，一条是大版本更新，比如v5.6.0，官网默认推荐下载的版本是这条；另一条是小版本更新，比如v0.12.1。各版本详细下载地址 而目前fis2和fis3都是基于node小版本那条线，所以一开始安装node的时候就要注意下。否则即使安装成功，后期用着会发现某些fis插件出错的问题。 2、fis2新版本无法自动编译刷新问题 虽然目前推荐用fis3，但是工作中可能还会遇到fis2的旧项目......
-
如何提高微信授权页面制作效率
前言 刚接触微信授权页面的时候，感觉很麻烦，之前苏苏也总结了一篇文档 【移动端网站微信授权的处理方法】，看完之后对整个授权过程有了大致的了解，但是总感觉还是很麻烦，比如： 页面需要放到game域名（game.163.com）下（因为只有game域名是已经配置好授权回调的），第一，测试环境（text.nie.163.com）下无法授权成功，请点击测试demo；第二，所有这种页面都放在，慢慢多了就不好找了。 每个项目都需要建立index.html和app.html页面，然后index.html只是完成授权的操作，然后每次都要修改里面的type值（是否需要获取用户的详细信息，因为如果......
-
解决ios下的微信/易信打开的页面背景音乐无法自动播放
20160314更新 后面的项目发现，还有两个坑，需要注意下： 本文的解决方案的核心是利用了 微信/易信 在ready的时候会有个 WeixinJSBridgeReady/YixinJSBridgeReady事件，通过监听这个事件来触发的。那有个坑就是 如果微信已经ready了，但还没执行到你监听这个ready事件的代码，那么你的监听是没用的，所以监听的js一定要放在head前面(放在css外链之前)，确保最先执行，切记！切记！。 另一个坑就是，本文的解决方案只适合一开始就播放的背景音乐。如果你是做那种微信场景（打开页面模拟收到很多条微信，每条微信都要播放那段音效），实际上本文的......
-
CSS动态滤镜 filter 在ie下遇到的bug
CSS动态滤镜 filter 在ie下遇到的bug 前言 最初接触滤镜，是为了某些属性去兼容低版本ie而使用的。比如： opacity透明属性，我们会加入filter:alpha(opacity=50);这样的兼容代码 background-rgba半透明属性，我们会加入filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#4d000000',endcolorstr='#4d000000'); 另外还有颜色渐变、透明度渐变等等 看起来还是为我们解决不少问题的。 写这篇文章时特意再去查了一下，发现滤镜......
-
移动端Bug汇总
前言 进来小组，可以说了做不少移动端页面，各种千奇百怪的bug可以说见过不少。但是直到最近的项目，每每到了测试阶段我就很头疼，为什么我做出来的的页面bug数量总是没有明显递减，而且几乎每次都会发现一些新的bug。bug的数量没有明显递减，从侧面可以反应，经验的积累和实际项目的结合还是不够，最起码不应该出现以前出过的错误。同一个问题，不应该每次都花同样的时间去解决，第一次的经验应该给第二次带来效率。所以，在这里总结一下移动端值得记录的bug，包括一些解决和未解决的问题。会不断的更新汇总... ##已解决 1、输入框聚焦时无法弹起，被拉起的键盘挡住了 截图 原因分析 正常情况下，输......
-
css3星球椭圆运动
上一个项目里碰到了要写一个星球运动的动画，其中主要的点就是用css3如何实现椭圆运动。上网找了很久，看到一个“css3太阳系”的文章介绍，但可惜是正圆的，给人的感觉是平面，不适合。实在找不到，就自己想了些思路： 思路一：写个正圆的运动，然后用scale来变形。实践证明是不可行的，这样变形会导致里面的星球发生严重变形。 思路二：把星球同时做X轴和Y轴的位移运动。根据抛物线的原理，这个方案貌似可行。最后实践证明原理是这样，但有些地方需要留意下，否则会变成菱形运动了。 先看一下效果图吧： 失败实践： 先来看下椭圆的坐标示意图： 所以，一开始的想法就是，从原点o出发（分别给x、y轴......
-
css3逐帧动画-飘动旗子
写css3动画的时候，我们经常用到animation来实现，默认情况下，animation是使用连贯性的ease动画。我们熟悉的animation动画有·ease·、·ease-in·、·ease-out·、·linear·、·cubic-bezier·等过段函数，当然还有我们可能不是很熟悉的·steps·跳帧函数。我们在做一些特殊的动画，比如一个飘动的旗子、一个奔跑的小人，这些动画不需要补间，这时候需要的是跳帧·steps·。 逐帧动画实现方法： 1、把动画帧切图合并在一起 2、通过CSS3的animation控制background-position 方法很简单，这里使用到......
