微信开发者工具稳定版 1.02.1907160

2019-11-15 • 318浏览 • 代码 • 0字 • 评论

https://developers.weixin.qq.com/community/develop/doc/000c8abaa7c6b074f4e87321756401?blockType=1

JS - 判断鼠标指针移动离开页面

2019-11-01 • 245浏览 • 代码 • 2字 • 评论

    function initMouseout() {
        document.body.addEventListener('mouseout', (evt) => {
            if (!evt) var evt = window.event;
            var to = evt.relatedTarget || evt.toElement;
            if (!to || to.nodeName == "HTML") {
                $('#menu_hover_bg')
                    .stop()
                    .animate({
                        height: '0'
                    }, 100);
            }
        });
    }

拓展

JS - 通过内核判断各种浏览器|区分360与谷歌

2019-10-25 • 208浏览 • 代码 • 10字 • 评论

function getBrowserInfo(){
        var ua = navigator.userAgent.toLocaleLowerCase();
        var browserType=null;
        if (ua.match(/msie/) != null || ua.match(/trident/) != null) {
            browserType = "IE";
            browserVersion = ua.match(/msie ([\d.]+)/) != null ? ua.match(/msie ([\d.]+)/)[1] : ua.match(/rv:([\d.]+)/)[1];
        } else if (ua.match(/firefox/) != null) {
            browserType = "火狐";
        }else if (ua.match(/ubrowser/) != null) {
            browserType = "UC";
        }else if (ua.match(/opera/) != null) {
            browserType = "欧朋";
        } else if (ua.match(/bidubrowser/) != null) {
            browserType = "百度";
        }else if (ua.match(/metasr/) != null) {
            browserType = "搜狗";
        }else if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) {
            browserType = "QQ";
        }else if (ua.match(/maxthon/) != null) {
            browserType = "遨游";
        }else if (ua.match(/chrome/) != null) {
            var is360 = _mime("type", "application/vnd.chromium.remoting-viewer");
            function _mime(option, value) {
                var mimeTypes = navigator.mimeTypes;
                for (var mt in mimeTypes) {
                    if (mimeTypes[mt][option] == value) {
                        return true;
                    }
                }
                return false;
            }
            if(is360){
                browserType = '360';
            }else{
                $('html').css("zoom",".80");
            }
        }else if (ua.match(/safari/) != null) {
            browserType = "Safari";
        }
}

CSS - 修改选中文字的颜色和背景颜色

2019-10-15 • 195浏览 • 代码 • 0字 • 评论

::selection {
    background: #ffffff;
    color: #000000;
}

CSS - 一个div设置多个背景图

2019-10-08 • 175浏览 • 代码 • 6字 • 评论

.index-product-main {
    box-shadow: #abc6fb 0 0 18px inset;/*内部阴影*/
    padding: 20px;
    border: 1px solid #abc6fb;
    border-radius: 3px;
    background-image:url("../img/index/product/left-top.png"),url("../img/index/product/right-top.png"),url("../img/index/product/left-bottom.png"),url("../img/index/product/right-bottom.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: left top, right top, left bottom, right bottom;
}

拓展

win10专业版激活方法

2019-10-01 • 203浏览 • 日常 • 303字 • 评论

1.首先，我们先查看一下Win10正式专业版系统的激活状态：

点击桌面左下角的“Windows”按钮，从打开的扩展面板中依次点击“设置”-“更新和安全”，并切换到“激活”选项卡，在此就可以查看到当前系统的激活状态。

翻牌子

error:Cannot assign to read only property 'exports' of object '#<Object>'

2019-09-27 • 480浏览 • 代码 • 0字 • 1 条评论

npm install babel-plugin-transform-es2015-modules-commonjs

.babelrc

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins":["transform-es2015-modules-commonjs"]
}

搭建 gogs

2019-09-01 • 166浏览 • 代码 • 0字 • 评论

https://www.miroc.net/67.html
https://www.jianshu.com/p/f7a7a6c6027d

webpack - source-map

2019-07-25 • 668浏览 • 代码 • 0字 • 1 条评论

config
      // https://webpack.js.org/configuration/devtool/#development
      .when(process.env.NODE_ENV === 'development',
        config => config.devtool('source-map')
      )