凤玲 发布的文章
-
createjs库easeljs模块，实现粒子浮动效果（有大小、旋转、透明度变化）
最近有项目需要用到粒子浮动效果，套用组内已有的粒子浮动组件，效果明显达不到预期。so爬了下国外一页面，该页面的粒子浮动效果，使用了createjs库easeljs模块实现。以下（下文）整理了下来。 页面效果：http://f7.163.com/ （参考国外页面：http://asterisk-war.com/） html代码： <canvas id="hexaGround" height="907"></canvas> <script charset="utf-8" src="......
-
使用swiper组件，小注意项总结
1、swiper切换，html代码不可见情况下，就执行swiper组件脚本，切换有bug。 swiper切换， html代码display:none;情况下，就已经执行了swiper组件脚本，当显示时，进行切换操作时有bug，bug表现为，鼠标拖动多少像素，swiper-wrapper的transform:translate3d(xxxpx, 0px, 0px)就移动多少像素。 常见为弹层情况 解决方法：swiper html代码显示后，再执行swiper组件脚本。 2、swiper组件 参数loop:true时，initialSlide指定的slide索引，与mySwi......
-
关于ajax异步获取服务器信息乱码情况
1、当客户端页面编码必须为gb2312时，ajax获取的信息显示为乱码 有时候有些项目需要include新闻发布系统某站点数据时，新闻发布系统该站点配置为gb2312编码的站点，此时，页面设置的编码必须为gb2312。但ajax异步获取的utf-8信息需要写入页面，与页面编码不一致，显示为乱码。（比如xy2某项目，同时需要include新闻数据，与接口返回的直播信息） 解决方法：添加ajax参数：scriptCharset:'utf-8'，使返回值以scriptCharset指定编码显示而不是默认以页面编码显示 js 代码： $.ajax({ url :......
-
关于“新闻发布系统”旧模板，产生“业务异常”提示弹窗情况
项目过程中，新闻文发布系统（用旧模板）操作时，遇到过两次，业务异常提示弹窗情况，这里简单列一下。 1、模板代码出现特殊字符 比如：如下代码，移动端底部通用的公众号弹窗代码，含有特殊字符򠀂与򠀅，导致保存模板的时候提示”业务异常“而无法保存。（这里有个疑惑，为什么他人建这个模板的时候，能保存成功。我在这个模板的基础修改，因特殊字符-（模板原有的）导致提示异常弹窗。知道原因的小伙伴扣下我哈） <!-- 公众号弹窗--> <div class="mask" id="md_attention&......
-
简单梳理下最近项目遇到的某些bug或者事件不支持情况，和解决方法。
1、JQ监听输入框value值改变事件（propertychange），浏览器之间的差异。 a：js赋值给输入框时，google浏览器不触发propertychange，IE可以触发，所以这里处理下 解决：加下判断浏览器，js赋值不触发时，使用trigger("propertychange")触发 js代码： $('.dj input').bind('input propertychange', function() { if(val > 70){ alert("最大值是70，不能超过最大值"); ......
-
3D样式在“部分真机”的遮挡原因（跟z-index无关），导致点击不上绑定点击事件的元素
最近做的一个专题项目(梦幻西游-阳光魅力榜)，遇到一个3D效果样式导致的问题附上项目地址：http://my.163.com/2016/ygmlb/m/index.html 大概描述下问题： 移动端 3D效果样式（3D翻转效果）导致在“部分真机”上，元素绑定的click事件点击无效，并不是js绑定点击事件方法bug或者不支持的原因，而是点击元素被遮挡了（谷歌浏览器所有模拟机和其他真机测试没问题，在“三星某个型号手机” 和“华为P7手机”绑定点击事件元素被遮挡了。），遮挡问题跟z-index层次高低无关。 3D翻转效果HTML部分代码简化如下： <div cla......
