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

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

个人博客
  • ...
     前端 浏览(1)  tangzihan ++阅读原文
    vue 实现tab切换
    我们要实现如下效果 ![](http://)![](http://www.zihanzy.com/uploads/images/article_con/202008/26/article_con_1598422097_lBkKrW3ptG.gif) 单看效果似乎很简单,实则不然 首先我们的tab一般是这样的结构...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    方法调用的方式动态创建全局通用组件
    本文介绍以方法调用的方式去创建一个全局通用的组件,如下通知类组件 ![](http://)![](http://www.zihanzy.com/uploads/images/article_con/202008/25/article_con_1598359953_a0uZnDZ9Jf.jpg) 如果按照以前的方式...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    Vue+Node实现服务端渲染
    引入 为什么要进行服务端渲染? 先来看下面两个例子 如图某音乐网站 ![](http://www.zihanzy.com/uploads/images/article_con/202008/23/article_con_1598147781_d0LusRB6wU.jpg) 我们可以看到有很多分类音乐榜单,...
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    Node.js爬虫之使用cheerio爬取图片
    引入 在[上一篇文章](https://www.zihanzy.com/articles/212)我们利用Node.js实现了一个基本的爬虫,但是要写很长的正则--实在太累了而且需要对正则绝对熟悉。 在写前端我们都知道jQuery能方便帮我我们进行各种DOM操...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    Node.js爬虫之爬取1905电影网
    我们主要爬取这个页面 https://www.1905.com/vod/list/n_1/o3p1.html ![](http://)![](http://www.zihanzy.com/uploads/images/article_con/202008/21/article_con_1597974222_IWFbgtZQbb.jpg) 我们爬取类型板块的...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    esLint基本使用
    1. `npm i eslint eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node eslint-plugin-html ` 2.新键配置文件`.eslintrc` { "extends": "standa...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    Module build failed (from ./node_modules/babel-loader/lib/index.js)
    ![](http://)![](http://www.zihanzy.com/uploads/images/article_con/202008/17/article_con_1597620096_RyWtmmq5ux.png) 解决 npm install -D babel-loader @babel/core @babel/preset-env { "presets":[...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    webpack搭建基础vue项目
    新键目录 src APP.vue index.js `npm init -y ` `npm i vue vue-loader vue-template-compiler cross-env css-loader style-loader url-loader file-loader html-webpack-plugin webpack-dev-serv...
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your
    解决办法 添加插件 ... const VueLoaderPlugin = require('vue-loader/lib/plugin') plugins:[ new VueLoaderPlugin() ] ...
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    webpack优化
    noParse oParse作用主要是过滤不需要解析的文件,比如打包的时候依赖了三方库 如 jquyer,而jquery是一个单独的库没有其他依赖,这个时候可以通过配置noParse不去解析文件,提高打包效率 多个用 | 分隔 ... modul...