随身笔记

作者： admin

  • Cannot read property ‘tapPromise’ of undefined

    在使用 compression-webpack-plugin 插件时报这个错误，原因是版本问题。

    使用：

    npm install compression-webpack-plugin@6.1.1

     

    chainWebpack: config => { //增删改webpack的loader、plugin，更细节操作，内容过多后面独立扩展讲解

        if (process.env.NODE_ENV === 'production') {
            config.plugin('compressionPlugin')
                .use(new CompressionPlugin({
                    filename: '[path].gz[query]',
                    algorithm: 'gzip', // 使用gzip压缩
                    test: productionGzipExtensions, // 匹配文件名
                    threshold: 10240, // 对超过10k的数据压缩
                    minRatio: 0.8, // 压缩率小于0.8才会压缩
                    deleteOriginalAssets: true // 是否删除未压缩的源文件，谨慎设置，如果希望提供非gzip的资源，可不设置或者设置为false（比如删除打包后的gz后还可以加载到原始资源文件）
                }));
        }
    },

     

  • 解决：TypeError: Cannot read property ‘forceUpdate’ of undefined

    uniapp开发微信小程序这个错是没有填写AppID造成。

    解决方法：

     

     

     

  • margin没作用到子元素上，影响到了父元素甚至祖父元素

    <style type="text/css"> 
    *{
        margin: 0px; padding: 0px; 
    }
    .show{
        margin: 0px auto;
         200px;
        height: 100px;
        background-color: #999999;
    }
    .show h2{
        margin-top: 50px;
        cursor: pointer;
    }
</style>
 
<body>
    <div class="show">
       <h2>crystal</h2>
    </div>
</body>

     

    原因：

    父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己 “领导”(父元素，祖先元素)的麻烦。只要给领导设置个有效的 border或者padding就可以有效的管制这个目无领导的margin防止它越级，假传圣旨，把自己的margin当领导的margin执行。

     

    解决办法：

    1、父元素或者子元素使用浮动或者绝对定位。
    2、父级设置overflow:hidden
    3、父级设置padding（破坏非空白的折叠条件）
    4、父级设置border

    http://t.zoukankan.com/jiangxiaobo-p-14030088.html

  • package go: no Go files in

  • echarts绘制地图

    echarts自定义添加地图热区

    在线绘制地图：https://www.strerr.com/geojson/geojson.html#map=8/18.847/108.984

    获取全国地图json ：http://datav.aliyun.com/portal/school/atlas/area_selector

    红色区域就是我添加的

    复制右侧的json代码，保存为json格式。

    在加载即可：

    import hainan from "@/const/hainan";  //加载json格式文件
echarts.registerMap("hainan", hainan);

     

    效果：

    海南geojson文件：hainan

    https://www.jianshu.com/p/7337c2f56876