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

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

个人博客
  • ...
     前端 浏览(17)  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...
  • ...
     前端 浏览(12)  tangzihan ++阅读原文
    webpack优化
    noParse oParse作用主要是过滤不需要解析的文件,比如打包的时候依赖了三方库 如 jquyer,而jquery是一个单独的库没有其他依赖,这个时候可以通过配置noParse不去解析文件,提高打包效率 多个用 | 分隔 ... modul...
  • ...
     前端 浏览(44)  tangzihan ++阅读原文
    webpack性能优化之externals 与 DllPlugin
    externals和DllPlugin都是为了分离模块诞生,通过他们可以将一些第三方模块抽离出来,打包的时候不需将某些三方库一起打包如vue、vue-router 这样提高了编译速度,减少了包的大小 利于浏览器的缓存机制,不用每次都...
  • ...
     前端 浏览(23)  tangzihan ++阅读原文
    devServer配置实现跨域
    服务端 const express = require('express'); let server = express(); server.listen(3000); server.get('/api/user',(req,res,next)=>{ res.send('aa'); }) 客户端 let xhr = new XMLHttpRequest(); x...
  • ...
     前端 浏览(13)  tangzihan ++阅读原文
    webpack打包多页应用
    目录结构 │ package.json │ webpack.config.js │ └─src index.html index.js other.html other.js 项目有两个入口文件,对应两个html 我们在webpack.config.js进行如下配置...
  • ...
     前端 浏览(75)  tangzihan ++阅读原文
    uni-app实现搜索跳转功能
    功能描述:点击导航栏跳转到搜索页,并在搜索页完成数据检索,数据渲染 1.监听index.vue的搜索框 //监听点击导航栏搜索框 onNavigationBarSearchInputClicked(){ //跳转搜索页面 uni.navigateTo({ url:'../sea...
  • ...
     前端 浏览(77)  tangzihan ++阅读原文
    uni-app实现tabbar选项卡切换
    1.页面结构 {{item.name}} {{item.name}} 首先我们使用` `定义了一个可滚动视图区域。用于区域滚动,并添加了一下属性 `scroll-x`:设置横向...
  • ...
     前端 浏览(44)  tangzihan ++阅读原文
    webpack系列---babel的配置
    webpack中只能处理部分es6语法,一些高级语法或者es7语法webpack是不能正常编译的,如下 //测试es6 class Person{ static info = {name:"test"} } 编译报错 ![](http://www.zihanzy.com/uploads/images/art...
  • ...
     前端 浏览(22)  tangzihan ++阅读原文
    webpack系列---loader的使用
    引入 对于之前的案例----隔行变色,如果我们要自定义一些css样式怎么办,传统的方法是在外部定义css,在html中引入,这种方式又会引发二次请求如果css文件较多,我们就要不停引入,在学了webpack之后我们知道weback可...
  • ...
     前端 浏览(32)  tangzihan ++阅读原文
    webpack系列---插件(plugin)的使用
    一句话 插件(plugin)是用于扩展webpack的功能。 上一篇文章我们介绍了webpack-dev-server,我们在package.json配置webpack-dev-server 选项实现了自动编译,自动打开浏览器,自动更新等。 当然我们也可以在webpac...