[前端] 记录一些工作中遇到的问题，及解决方案

jQuery.extend({

    handleError: jQuery.handleError || function( s, xhr, status, e ) {
        // If a local callback was specified, fire it
        if ( s.error ) {
            s.error( xhr, status, e );
        }
        // If we have some XML response text (e.g. from an AJAX call) then log it in the console
        else if(xhr.responseText) {
            console.log(xhr.responseText);
        }
    }

});

<iframe src="#" class="export-iframe"></iframe>

<iframe class="export-iframe"></iframe>

// 移动端iOS click有延迟  添加折叠的touchstart事件支持
        if (isiOS) {
            $(document).off(‘click.bs.collapse.data-api‘, ‘[data-toggle="collapse"]‘);

            $(document).on(‘touchstart.bs.collapse.data-api‘, ‘[data-toggle="collapse"]‘, function (e) {
                var $this   = $(this), href
                var target  = $this.attr(‘data-target‘)
                    || e.preventDefault()
                    || (href = $this.attr(‘href‘)) && href.replace(/.*(?=#[^\s]+$)/, ‘‘) //strip for ie7
                var $target = $(target)
                var data    = $target.data(‘bs.collapse‘)
                var option  = data ? ‘toggle‘ : $this.data()
                var parent  = $this.attr(‘data-parent‘)
                var $parent = parent && $(parent)

                if (!data || !data.transitioning) {
                  if ($parent) $parent.find(‘[data-toggle=collapse][data-parent="‘ + parent + ‘"]‘).not($this).addClass(‘collapsed‘)
                  $this[$target.hasClass(‘in‘) ? ‘addClass‘ : ‘removeClass‘](‘collapsed‘)
                }

                $target.collapse(option)
            });
        }

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no">

// 禁止缩放  iOS10+会忽略meta的user-scalable=no
        document.documentElement.addEventListener(‘touchstart‘, function (event) {
            if (event.touches.length > 1) {
                event.preventDefault();
            }
        }, false);

(function($){
            // Determine if we on iPhone or iPad
            var isiOS = false;
            var agent = navigator.userAgent.toLowerCase();
            if(agent.indexOf(‘iphone‘) >= 0 || agent.indexOf(‘ipad‘) >= 0){
                   isiOS = true;
            }

            $.fn.doubletap = function(onDoubleTapCallback, onTapCallback, delay){
                var eventName, action;
                delay = delay == null? 500 : delay;
                eventName = isiOS == true? ‘touchend‘ : ‘click‘;

                $(this).bind(eventName, function(event){
                    var now = new Date().getTime();
                    var lastTouch = $(this).data(‘lastTouch‘) || now + 1 /** the first time this will make delta a negative number */;
                    var delta = now - lastTouch;
                    clearTimeout(action);
                    if(delta<500 && delta>0){
                        if(onDoubleTapCallback != null && typeof onDoubleTapCallback == ‘function‘){
                            onDoubleTapCallback(event);
                        }
                    }else{
                        $(this).data(‘lastTouch‘, now);
                        action = setTimeout(function(evt){
                            if(onTapCallback != null && typeof onTapCallback == ‘function‘){
                                onTapCallback(evt);
                            }
                            clearTimeout(action);   // clear the timeout
                        }, delay, [event]);
                    }
                    $(this).data(‘lastTouch‘, now);
                });
            };
        })(jQuery);

$(document).doubletap(
                    /** doubletap-dblclick callback */
                    function(event){
                        event.preventDefault();
                    },
                    /** touch-click callback (touch) */
                    function(event){
                    },
                    /** doubletap-dblclick delay (default is 500 ms) */
                    100
                );

        document.addEventListener(‘WeixinJSBridgeReady‘, function() {
                ...
                audio.play();
                ...
            }, false)

// 标题组件粘贴
            .on(‘paste‘, ‘.component-title‘, function(e) {
                if (that.previewing) { return; }

                e.preventDefault();

                var $this = $(this),
                    $title = $this.find(‘.title‘),
                    t = e.originalEvent.clipboardData.getData(‘text/plain‘),
                    s = window.getSelection(),
                    oldTitle = $title.text(),
                    startOffset = s.anchorOffset < s.focusOffset ? s.anchorOffset : s.focusOffset,
                    endOffset = s.anchorOffset > s.focusOffset ? s.anchorOffset : s.focusOffset,
                    start = oldTitle.slice(0, startOffset),
                    end = oldTitle.slice(endOffset);

                $title.html(start + t + end).attr(‘data-title‘, start + t + end);
            })

    /* 有滚动条时 基于浏览器自身对字体的自动缩放，容器里的字体可能会变大，可定义一个属性避免 */
            .job-type_list {
                max-height: 999999px;
            }

// 离开当前页面之前，判断是否有更改，做出提示
        window.onbeforeunload = function (e) {
            // 内容有改变且不是提交试卷之后的触发
            if (this.state.changed && !this.state.saved) {
                return ‘提示：当前内容有修改‘;
            }
        }.bind(this);

e.stopPropagation();

this.plugin(‘done‘, function(stats) {
                let asset = stats.toJson().assets;

                // console.log(asset);

                let commonItem = asset.filter(function(item) {
                    return item.chunkNames[0] === ‘common‘;
                });

                asset.forEach(function(item) {
                    if (!files[item.chunkNames[0]] || item.chunkNames[0] === ‘common‘) {
                        return;
                    }

                    fs.readFile(files[item.chunkNames[0]].src, ‘utf-8‘, function(err, doc) {
                        if (err) {
                            throw err;
                        }

                        doc = doc
                            .replace(‘%‘ + item.chunkNames[0] + ‘.js%‘, item.name)
                            .replace(‘%common.js%‘, commonItem[0].name);

                        fs.writeFileSync(files[item.chunkNames[0]].dest, doc);
                    });
                });
            });

            <colgroup>
                        <col width="12%"></col>
                        <col width="8%"></col>
                        <col width="8%"></col>
                        <col width="30%"></col>
                        <col width="10%"></col>
                        <col width="8%"></col>
                        <col width="8%"></col>
                        <col width="15%"></col>
                    </colgroup>