梦幻灬韶华

梦幻灬韶华 查看完整档案

填写现居城市安徽理工大学  |  地质工程 编辑东方财富  |  web前端开发 编辑填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 个人简介什么都没有

个人动态

梦幻灬韶华 提出了问题 · 2019-08-12

使用pm2-logrorate分隔日志问题

最近做的一个node项目需要把日志按照日期进行分隔,网上查了发现pm2-logrotate可以实现该功能,但是使用过程中发现,如果前一天记录的日志体积没有达到上限(默认为10M),即使到了第二天,新的日志还是会记录到前一天的日志中,请问这个问题该怎么解决,或者有没有更好的其他实现方式?谢谢

关注 1 回答 0

梦幻灬韶华 提出了问题 · 2019-06-11

babel-polyfill使用疑问?求解

使用webpack怎么让async/await等语法在ie8等低版本浏览器执行?今天我做了尝试,虽然可以成功但是有一些疑问希望大佬帮忙解决。

相关配置:webpack.config.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
    mode:'production',
    devtool:'cheap-module-source-map',
    entry:{
        main:"./src/main.js"
    },
     output:{
        path:path.resolve(__dirname,'./dist'),
        filename:'[name]-[hash:8].js',
        publicPath:'./'
    },
    module:{
        rules:[
            {
                test:/\.js$/,
                exclude:/node_module/,
                use:['babel-loader']
            }
        ]
    },
    plugins:[
        new CleanWebpackPlugin(),
        new HtmlWebpackPlugin({
            template:'./src/index.html',
            filename:'index.html'
        })
    ],
    optimization:{
        minimizer:[
            new UglifyJsPlugin({
                uglifyOptions:{
                    ie8:true
                }
            })
        ]
    }
}

.babelc

{
    "presets": [
        ["@babel/preset-env", {
            "useBuiltIns": "usage",
            "corejs": 3
        }]
    ],
    "plugins": [
        ["@babel/plugin-transform-modules-commonjs"],
        ["@babel/plugin-transform-runtime"]
    ]
}

所需要js执行代码

async function async1(){
    console.log('async1 start')
    await async2()
    console.log('async1 end')
}
async function async2(){
    console.log('async2')
}
console.log('script start')
setTimeout(function(){
    console.log('setTimeout')
},0)  
async1();
new Promise(function(resolve){
    console.log('promise1')
    resolve();
}).then(function(){
    console.log('promise2')
})
console.log('script end')

上面的配置,可以在ie9及以上执行,但是在ie8会报错如下:

clipboard.png
查看好像是Object.create没有被转换

clipboard.png

然后我试着把配置entry改成如下,直接页面上引用polyfill

entry:{
        polyfill:'babel-polyfill',
        main:path.resolve(__dirname,"./src/main.js")
    },

结果可以在ie8 7 完美执行;

最后我又试着把entry改回原样,在src/main.js中头部引入import 'babel-polyfill'

import 'babel-polyfill';
async function async1(){
    console.log('async1 start')
    await async2()
    console.log('async1 end')
}
async function async2(){
    console.log('async2')
}
console.log('script start')
setTimeout(function(){
    console.log('setTimeout')
},0)  
async1();
new Promise(function(resolve){
    console.log('promise1')
    resolve();
}).then(function(){
    console.log('promise2')
})
console.log('script end')

发现结果跟第一种情况一样,在ie8下报对象不支持“create”属性或方法;

我试着查看babel-polyfill的官网说明,发现官网是不建议使用entry: ["babel-polyfill", "./app/js"]这种方式,会让代码体积过大,但是其他两种方式又不管用,请问这是为什么?谢谢,需要怎么改?

关注 2 回答 1

梦幻灬韶华 关注了专栏 · 2019-02-01

终身学习者

我要先坚持分享20年,大家来一起见证吧。

关注 51385

梦幻灬韶华 提出了问题 · 2018-11-02

怎么做出如图所示指针的效果?

clipboard.png

如图所示,指针的角度是动态变化的,由于需要兼容老版本浏览器(ie7 ie8),css3旋转不支持,canvas也不支持,有什么途径可以做出旋转任意角度的指针,给个思路,谢谢!!

关注 1 回答 1

梦幻灬韶华 提出了问题 · 2018-07-28

用egg实现服务端渲染,静态资源怎么编译打包?

前后端分离的项目可以用webpack编译打包静态资源,但是用egg怎么打包前端的静态资源,如scss,js压缩等;有办法直接集成到egg上面吗?

关注 2 回答 1

梦幻灬韶华 提出了问题 · 2018-07-27

egg框架egg-view-handlebars库使用求解?

egg项目模板引擎选择handlebars,官网提供的是egg-view-handlebars这个库,但是在使用过程中发现些问题:

1.这个库默认app/view/partials作为局部页文件夹,但是我在使用中无法引用到局部页,提示The partial navigation could not be found

 // 目录
. view
  . index.hbs
  . partials
    . navigation.hbs
//index.hbs
{{> navigation}}

这个是因为写法不对吗,需要怎么写?

2.库中好像没有提供模板页layout.hbs相关注册功能 自定义helper在egg怎么注册?

关注 1 回答 0

梦幻灬韶华 提出了问题 · 2018-07-19

使用mpvue构建小程序,在npm run build后项目报错?

mpvue项目,npm run build后项目打开报错

在项目开发过程中,运行正常,开发完成,项目最后打包,运行npm run build,再打开项目,发现报错;打包过程中未发生报错,webpack配置未更改

项目报错
clipboard.png
打包信息
clipboard.png

重新运行npm run dev后项目又会正常打开

请问这个可能是什么原因造成的,可以解决办法?谢谢

关注 3 回答 2

梦幻灬韶华 提出了问题 · 2018-07-10

解决node 批量下载pdf文件至本地问题

使用download模块批量下载pdf文件出错,在下载过程中,总会在下载二十几个或者四十个的时候停止

var arr = [{
        url: "http://pdf.dfcfw.com/pdf/H2_AN201803271111860450_1.pdf",
        name: "601500通用股份2017年年度报告"
    },

    {
        url: "http://pdf.dfcfw.com/pdf/H2_AN201803281112695091_1.pdf",
        name: "601555东吴证券2017年年度报告"
    }]
    
Promise.all(arr.map(x => download(x.url, 'dist',{filename:x.name+'.pdf'}))).then(() => {
    console.log('files downloaded!');
}).catch((error)=>{
    console.log(error)
})

报错如下

clipboard.png
请问有什么好的方式解决?

关注 2 回答 1

梦幻灬韶华 回答了问题 · 2018-07-05

解决mpvue 怎么实现分包加载?

这个是官方的解释#550

mpvue 的构建工具已经有 ES6 转 ES5 和压缩功能,可以关闭开发者工具的这些功能

关注 3 回答 3

梦幻灬韶华 提出了问题 · 2018-07-03

解决mpvue 怎么实现分包加载?

clipboard.png

使用mpvue开发小程序,vendor.js文件过大该怎么处理?

关注 3 回答 3

认证与成就

  • 获得 8 次点赞
  • 获得 67 枚徽章 获得 1 枚金徽章, 获得 19 枚银徽章, 获得 47 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2016-03-09
个人主页被 671 人浏览