作者会持续更新,后续会整合SF.gg上 其他小伙伴整理的资料

动态改变微信title

    var $body = $('body');
document.title = '五班老同学(35)';
var $iframe = $("<iframe style='display:none;' src='/favicon.ico'></iframe>");
$iframe.on('load',function() {
setTimeout(function() {
$iframe.off('load').remove();
}, 0);
}).appendTo($body);

判断是否是微信环境

    function isWeChat(){
this.ua = navigator.userAgent.toLowerCase();
return this.ua.match(/MicroMessenger/i) == 'micromessenger'?true:false;
}

解决a标签双击出现蓝色背景

a,button,input,optgroup,select,textarea, div {
-webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}

判断浏览器低版本插入HTML提示函数

//以IE8为例
if (navigator.appName === 'Microsoft Internet Explorer') { //判断是否是IE浏览器
if (navigator.userAgent.match(/Trident/i) && navigator.userAgent.match(/MSIE 8.0/i)) { //判断浏览器内核是否为Trident内核IE8.0
// alert("请换等级高的浏览器");
var e = '<div class="netease-tips" id="_js_neteaes_tips" style="position: fixed;width: 100%;height: 0;left: 0;bottom: 0;overflow: hidden;z-index: 1000000!important;;height: 45px;"> <div style="position: relative;zoom: 1;width: 950px;margin: 0 auto;height: 45px;background: #cf1132;text-align: center;zoom: 1;"><a href="javascript:;" style="position: absolute;right: 15px;top: 10px;font-size: 18px;color: #fff;"></a><p style="margin: 0;padding: 0;line-height: 45px;color: #fff;font-size: 18px;">您所访问的网页所处浏览器过低,请用高版本浏览器。</p></div></div>';
$('body').append(e); }

前端引用外链须知

//正常外链引用
<script type="text/javascript" src="http://x.js"></script> //防止外链加载缓慢 加上异步加载 //方法一 -async
<script type="text/javascript" src="http://x.js" async></script>
此方法只兼容高版本 //方法二 动态创建JS
(function() {
var hm = document.createElement("script");
hm.src = "http://x.js";
var s = document.getElementsByTagName("body")[0];
s.appendChild(hm);
})();

监听video播放或暂停事件

    var myVideo=document.getElementById('video');
myVideo.addEventListener('play',function(){
//播放执行
});
myVideo.addEventListener('pause',function(){
//暂停执行
})

UC浏览器会出现背景图可点的情况

    h5. bug说明
# 当背景图采用img的方式时,在UC浏览器下(其他浏览器不会),会出现点击背景图,浏览器会当做一张图片解析,弹出背景图。 h5. 解决方案
# 给img标签添加去除浏览器默认行为的点击事件
# 把img变成background (把图片变成css中的背景图) h5. 代码示例
{code}
//html
<img src="mobile/images/bg_.png" alt="" onclick="return false">
{code}

【PC端】多个视频同时播放-其它视频未关闭

    h4. API 文档
http://www.ckplayer.com/manual/ h4. 线上例子
http://act.leiting.com/wd/201705/pk/pc/index.html h4. 代码
{code}
if(CKobject.getObjectById('ckplayer_a1')){
CKobject.getObjectById('ckplayer_a1').videoPause();
}
if(CKobject.getObjectById('ckplayer_a2').playOrPause){
CKobject.getObjectById('ckplayer_a2').playOrPause();
}
{code}

【移动端】上传附件

    h3.

    {color:red}苹果手机目前只支持访问图片和视频格式的文件上传,暂不支持其他格式的文件({color}{color:red}[真机截图|http://wiki/download/attachments/532360054/asdas.jpg]{color} {color:red}){color}
{color:red}安卓手机支持多种格式上传,但存在部分机型不支持或是失效{color}
{color:red}建议:上传除图片以外的格式文件还是在PC上完成比较好{color}
{code}
//错误示范
在浏览器模拟iphone的时候是各种文件都可以上传(以真机为主) //正确示范
iphone目前只支持访问图片和视频格式的文件上传(真机测试结果) {code}

【移动端】使用margin排版问题

margin 排位会有问题,最好使用 定位
【移动端】使用margin排版问题

【移动端】点击事件无法触发

JS创建DOM的时候,原本的事件无法绑定、事件委托失败,

//错误示范
$('.picture').on('click',function(){
alert(1)
}) //正确示范(是在$('.product ul')下面创建DOM)
$('.product ul').on('click','.picture',function(){
alert(1)
})

雷霆游戏console

(function() {
this.log = window.console.log;
this.log('%cL%ce%ci%cT%ci%cn%cg %cG%ca%cm%ce', 'font-size:30px;color:#32e60b;', 'font-size:30px;color:#64d41b;', 'font-size:30px;color:#97e012;', 'font-size:30px;color:#f9f701;', 'font-size:30px;color:#fe9e00;', 'font-size:30px;color:#d4651b;', 'font-size:30px;color:#5f3b7a;', 'font-size:30px;color:#3d319a;', 'font-size:30px;color:#313eb0;', 'font-size:30px;color:#1f38ac;', 'font-size:30px;color:#0b1479;');
this.log('我们是XXXXXXX-%c平台Web前端团队', 'color:#fd6a7f;font-weight:bold;');
this.log('XXXXXX始终贯彻着-%c为用户创造美好体验', 'color:#fd6a7f');
this.log('加入XXXXXX-%chttp://BAIDU.com/', 'color:#fd6a7f');
this.log('%c', 'padding:30px 140px;line-height:100px;background:url("logo.png") no-repeat;background-size:100% 100%;');
this.log('%c--------', 'color:pink')
})();

JS如何判断是不是iphoneX?

function isIphoneX(){
return /iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375)
}

营销H5项目-BugList+解决方案+方法的更多相关文章

  1. H5项目常见问题汇总及解决方案(果断复制粘贴,不解释)

    H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" co ...

  2. H5项目常见问题汇总及解决方案

    H5项目常见问题汇总及解决方案 H5   2015-12-06 10:15:33 发布 您的评价:       4.5   收藏     4收藏 H5项目常见问题及注意事项 Meta基础知识: H5页 ...

  3. 总结- H5项目常见问题汇总及解决方案(转)

    H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" co ...

  4. H5项目常见问题

    转自 https://github.com/FrontEndZQ/HTML5-FAQH5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一.HTML页 ...

  5. 如何开发H5项目 -- 入门篇

    前言 H5即HTML5,H5开发具有低成本.高效率.跨平台.研发周期短,用户接触成本低等特性. 一.开发环境 在开发一个H5项目之前,需要先搞好环境.主要有node.npm.gulp.bower.下面 ...

  6. Atitit.attilax重要案例 项目与解决方案与成果 v6 qa15

    Atitit.attilax重要案例 项目与解决方案与成果 v6 qa15 1. attilax重要案例的分类(atiuse,auBackTech,bizImp)3 1.1. 两个book3 1.2. ...

  7. visual C++ 项目和解决方案的区别

    项目:         项目是构成某个程序的全部组件的容器,该程序可能是控制台程序.基于窗口的程序或某种别的程序.程序通常由一个或多个包含用户代码的源文件,可能还要加上包含其它辅助数据的文件组成.某个 ...

  8. 近期H5项目开发小结

    前言:2016差不多又过了半啦,最近参与了公司好几个h5项目(严格来说,也只能算是推广页面活动).主要是新品牌的推广需要,当然也有给公司以前老客户做的案例.今天主要总结下为新品牌开发的2个h5推广:就 ...

  9. Windows下编译vpx获得各个项目VS2010解决方案的步骤

    最近研究了一下几种常见的视频编码器:x264,x265,vpx.本文简单记录一下它们的编译方法. x264,x265,vpx这三个开源的视频编码器可以说是当今“最火”的视频编码器.x264现在占据着H ...

随机推荐

  1. 关于MQ的几件小事(六)消息积压在消息队列里怎么办

    1.大量消息在mq里积压了几个小时了还没解决 场景:几千万条数据在MQ里积压了七八个小时,从下午4点多,积压到了晚上很晚,10点多,11点多.线上故障了,这个时候要不然就是修复consumer的问题, ...

  2. IE6图片透明问题

    网上很多解决IE6下png透明问题的方案,但是经本人实践,有的时候有用,有的时候并不能解决自己的问题.当是后者的时候,想到另外一种办法,就是当在IE6.IE7下使用gif图片,自己在测试的时候,如果g ...

  3. 如何让某些用户对Marketing Cloud的contact数据只能实施只读操作

    打开maintain business role这个应用: 创建一个新的business role,然后添加下列这几个catalogs: SAP_CEC_BC_MKT_ADM_PC Marketing ...

  4. [LeetCode] 283. Move Zeroes ☆(移动0到最后)

    描述 给定一个数组nums,写一个函数,将数组中所有的0挪到数组的末尾,维持其他所有非0元素的相对位置. 举例: nums = [0, 1, 0, 3, 12], 函数运行后结果为[1, 3, 12, ...

  5. kernel源代码标记:mainline 、longterm、stable、linux-next、snapshot的含义

    mainline .longterm.stable.linux-next.snapshot这些名词,都是linux kernel source的标记名称,可以理解为代号. mainline mainl ...

  6. 【2018-01-26】SqlServer 检查死锁和阻塞

    利用sys.sysprocesses SQL进程检查是否出现死锁和阻塞 Sys.SysProcesses 系统表是一个很重要的系统视图,主要用来定位与解决Sql Server的阻塞和死锁 select ...

  7. Ajax长连接和SignalR(刷新客户端数据)的区别

    ajax实现长连接   <%@ page language="java" import="java.util.*" pageEncoding=" ...

  8. 用js刷剑指offer(从尾到头打印链表)

    题目描述 输入一个链表,按链表从尾到头的顺序返回一个ArrayList. 牛客网链接 js代码 /*function ListNode(x){ this.val = x; this.next = nu ...

  9. [2019牛客多校第三场][G. Removing Stones]

    题目链接:https://ac.nowcoder.com/acm/contest/883/G 题目大意:有\(n\)堆石头,每堆有\(a_i\)个,每次可以选其中两堆非零的石堆,各取走一个石子,当所有 ...

  10. ITextSharp开源PDF处理库

    1:官方完整开源项目 http://sourceforge.net/projects/itextsharp/ 2:使用NUGET :> install-package itextsharp