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

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

个人博客
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    webpack优化
    noParse oParse作用主要是过滤不需要解析的文件,比如打包的时候依赖了三方库 如 jquyer,而jquery是一个单独的库没有其他依赖,这个时候可以通过配置noParse不去解析文件,提高打包效率 多个用 | 分隔 ... modul...
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    webpack性能优化之externals 与 DllPlugin
    externals和DllPlugin都是为了分离模块诞生,通过他们可以将一些第三方模块抽离出来,打包的时候不需将某些三方库一起打包如vue、vue-router 这样提高了编译速度,减少了包的大小 利于浏览器的缓存机制,不用每次都...
  • ...
     前端 浏览(4)  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...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    webpack打包多页应用
    目录结构 │ package.json │ webpack.config.js │ └─src index.html index.js other.html other.js 项目有两个入口文件,对应两个html 我们在webpack.config.js进行如下配置...
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    Vue监听router实现面包屑导航
    更新面包屑屑导航是在改变路由的时候,因此我们监听路由,当路由改变时更新面包屑导航数组 1.首先我们要配置路由对应的页面标题 如下 { meta:{title:'后台首页'}, component:'index/index' }, { meta:{title:'...
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    vue-router的二次封装
    本文介绍对vue-router的二次封装通过对vue-router的二次封装,即可实现通过`component`自动生成path和name值,不用频繁的进行重复引用 如下 未封装前 { path:'/login', name:'login', component:()=>import('.....
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    uni-app热更新实现
    数据表设计 id url:热更新包/安装包 version:版本号 status:是否已上线 后端
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    uni-app+php+workman实现简单聊天功能之交互实现(会话列表)
    前面介绍了[【Laravel中Websocket基本使用(Workerman)】](https://www.zihanzy.com/articles/137) 基于workman的基础上实现了[【uni-app+php+workman实现简单聊天功能之API开发】](https://www.zihanzy.com/articl...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    uni-app+php+workman实现简单聊天功能之API开发
    在之前的文章[【laravel中Websocket基本使用】](https://www.zihanzy.com/articles/137)中我们已经初步搭建了websocket服务,现在我们只需要稍微修改一下Events即可 当连接成功时我们将客户端id发送的客户端
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    uni-app+php+workman实现简单聊天功能之聊天模块封装
    前面介绍了[Laravel中Websocket基本使用(Workerman)](https://www.zihanzy.com/articles/137) 接下来利用uni-app+laravel+workman实现一个简单的聊天功能。 聊天功能主要涉及到以下场景 场景一 双方都处于聊天...