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

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

个人博客
  • ...
     前端 浏览(15)  tangzihan ++阅读原文
    Teleport
    Teleport 为什么要使用 Teleport? 老规矩,先来看一个需求 实现一个全局的`modal`组件,在所有组件通用 Modal.vue 确定要删除吗? import { defineComponent } from 'vue'; export defau...
  • ...
     前端 浏览(11)  tangzihan ++阅读原文
    Vue3模块化妙用初体验
    如下需求 当鼠标点击的时候,记录当前点击的坐标(x,y)用vue3实现 X:{{x}} Y:{{y}} import {ref,onMounted,onUnmounted} from 'vue'; export default { setup(){ const x = ref(0) const y...
  • ...
     前端 浏览(10)  tangzihan ++阅读原文
    泛型
    引入 在引入泛型前先来看一个需求 定义一个函数,这个函数的返回值就是传入的参数 function echo (arg){ return arg } const result = echo(123) //any 由于我们这里没有定义`arg`和函数返回值的类型因此`r...
  • ...
     前端 浏览(13)  tangzihan ++阅读原文
    Node.js抓取网站,GBK,GB2312中文乱码解决办法
    问题引入 async function getHtml(){ let res = await axios.get(publicPath+"/pic/") console.log(res) } 如上代码,axios默认是以utf8的方式去解码html 由于原网页的编码方式是`gb2312` 控制台打印中...
  • ...
     前端 浏览(13)  tangzihan ++阅读原文
    从零开始搭建Vue工程
    项目骨架 object --dist --src ----assets ------images ------styles ----index.js ----app.vue --webpack.config.js dist目录存放编译后的资源 src存放源码文件 运行命令 `np...
  • ...
     前端 浏览(63)  tangzihan ++阅读原文
    Automatic publicPath is not supported in this browser
    webpack打包资源出现 `Automatic publicPath is not supported in this browser ` 解决方法: 在webpack.config.js文件中添加 ` module.exports = { output: { publicPath: './' } } `
  • ...
     前端 浏览(79)  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'
  • ...
     前端 浏览(31)  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...
  • ...
     前端 浏览(31)  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...
  • ...
     前端 浏览(22)  tangzihan ++阅读原文
    Babel是什么?Babel到底可以用来干嘛___一文带你从零开始认识Babel
    引入 在此之前或许你已经用过babel,也许听说过什么 babel-loader babel-core、babel-cli、babel-plugin-...、babel-preset-env 反正各种乱七八糟的做项目随便用一一下就可以了,对他只有个一知半解,甚至不知道他到...