至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(47)  tangzihan ++阅读原文
    configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)
    之前 config.devtool = ' cheap-module-eval-source-map' 现在改成 config.devtool = isDev ? false : ' cheap-module-eval-source-map'
  • ...
     前端 浏览(18)  tangzihan ++阅读原文
    Cannot find module 'webpack-cli/bin/config-yargs'
    webpack编译遇到问题 Cannot find module 'webpack-cli/bin/config-yargs' 原因 webpack-cli与webpack-dev-server版本不兼容 解决办法 1.降级webpack-cli 卸载当前的 webpack-cli npm uninstall webpack-cli...
  • ...
     前端 浏览(17)  tangzihan ++阅读原文
    vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.
    原因 v15版的vue-loader配置需要加个VueLoaderPlugin ![](http://www.zihanzy.com/uploads/images/article_con/202012/22/article_con_1608627938_C8kDMinPDR.png) 解决办法 在webpack配置文件添加 const VueLoad...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    Babel是什么?Babel到底可以用来干嘛___一文带你从零开始认识Babel
    引入 在此之前或许你已经用过babel,也许听说过什么 babel-loader babel-core、babel-cli、babel-plugin-...、babel-preset-env 反正各种乱七八糟的做项目随便用一一下就可以了,对他只有个一知半解,甚至不知道他到...
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    JS防抖与节流实现
    引入 我们在对窗口的resize、scroll进行事件监听时,可能会导致事件处理函数被无限制调用,这样做会增加浏览器负担,如果事件处理函数有AJAX的话会造成无限次请求,给服务器也带来了负担。 如下例 var i = 1; wi...
  • ...
     前端 浏览(9)  tangzihan ++阅读原文
    JS懒加载实现
    原理 服务端渲染后的图片地址并不立即赋给`img`标签的`src`属性,而是赋给自定义属性如`data-src` 当`img`标签呈现在当前浏览器可视窗口时,动态设置`img`标签的`src`属性 相关API document.documentElement.cl...
  • ...
     前端 浏览(10)  tangzihan ++阅读原文
    webpack 打包 Support for the experimental syntax 'classProperties' isn't currently enabled
    解决方案:安装如下插件 npm i -D @babel/plugin-proposal-class-properties 在babelrc中配置插件: ` { "presets": ["@babel/env"], "plugins": ["@babel/plugin-transform-runtime","@babel/plugin-pr...
  • ...
     前端 浏览(10)  tangzihan ++阅读原文
    启动项目报错this.setDynamic is not a function
    此处项目中babel-loader版本为8. ,@babel/core为7.12.9(babel从7.0后更名为@babel) babel7之后的插件一般都是以@babel/开头的。 例子 babel7以前npm安装core npm i babel-core --save-dev babel7以后...
  • ...
     前端 浏览(49)  tangzihan ++阅读原文
    前端葵花宝典
    HTML/CSS面试题 [1.什么是盒模型](https://www.zihanzy.com/articles/282) [2.行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?](https://www.zihanzy.com/articles/283) [3....
  • ...
     前端 浏览(14)  tangzihan ++阅读原文
    CSS 水平居中与垂直居中的16个方法
    水平居中 行内元素 .parent{ text-align:center } 块级元素 .son { margin: 0 auto; } 子元素含 float .parent{ width:fit-content; margin:0 auto; } .son { floa...