- 博客(14)
- 收藏
- 关注
RSS订阅原创 基于webpack5，vue3搭建脚手架
webpack5跟vue3都出的挺久了，想着应该是可以开始使用了。但是发现vuecli脚手架使用的还是webpack4的版本，于是就自己封装了一个初始模板。搭建过程的话，也没啥空写，写一下思路把。刚开始引入vue3+webpack5其实看看官方文档就行了，照着官方文档搭建也就差不多搭出来一个基础项目出来。搭建完成之后就是开始配置webpack，引入像是html-webpack-plugin,style-loader,css-loader之类的必要插件，做好开发，生产环境区分，以及持续的配置优化。然后
2021-08-17 16:44:18
450
原创 仿照axios封装请求(uni.request，ajax，fetch)
最近在用uni-app写app，开发体验还行吧，就是有点不方便，npm安装UI库什么的还要配置一下，但是比起微信小程序的开发体验还是赢了太多????。在开发过程当中，我发现发起请求用的uni.request有点原始，没有拦截器，没有配置覆盖，统一封装api有一定难度，也不能说是难度，就是没有api函数里面一写个uni.request有点难顶，所以昨天下午构思仿照axios封装了一下，我并没有看过axios的源码，只是基于其使用方法反推，也没有太多时间花在这个上面仓库地址：代码仓库实现实现了creat
2021-05-11 16:36:51
1286
原创 基于threejs,html5,hlsjs,flvjs编写vr全景播放器
之前接到一个需求，需要写一个demo实现360°全景视频播放，于是开始开始研究threejs及相关方面的知识，在一段时间的调研后大致有了一些头绪，大概就是生成一个球的模型，然后纹理朝向背部，最后把视频作为纹理加载到这个模型上就行了。虽然说起来很简单，但在实现的过程种还是踩了不少坑的。首先是需要对接直播流这一块，一开始准备用我比较熟悉的vue-video-player来作纹理，结果发现需要使用原生video dom节点作为纹理，当时想着那这样就没什么办法了，这样的话有很多像是进度条什么的都只能自己去实现了，包
2021-05-08 14:59:25
2786
7
原创 gzip，zopfli及brotli压缩对比，vue配置及服务端实现
最近在看webpack文档中的compression插件时看到了在gzip下面还有两种压缩方式，zopfli跟brotli。先放上官网链接webpack->compression。在google上冲了一下浪，大致了解了一下，说是比gzip压缩率更高，压缩率级别是这样的：brotli>zopfli>gzip。1.gzip:代码就不放了，之前写过了。打包之后gz文件大小如下：2.zopfli：启用zopfli压缩，需要额外安装插件npm i @gfx/zopfli -Dweb
2020-09-07 14:49:53
2976
3
原创 vue-cli4项目初始配置及优化（改用terser去除console）
在使用配置完成的初始化仓库编写项目时发现了一些问题。排查之后发现uglifyjs-webpack-plugin不兼容es，所以改用terser去除console其实在项目中搜索terser，你会发现在package-lock.json文件中@vue/cli-service的依赖中已经引入了terser-webpack-plugin并配置了。如图：在编译启动时打印配置config.optimization.minimizer，如图那么我们只要在这个基础上进行修改即可，代码如下：const reso
2020-08-20 10:02:15
3376
原创 vue-cli4项目初始配置及优化（二）
写了一之后好像鸽了挺久的，但是上一篇写完之后其实仓库里的配置已经差不多写完了，去clone下来看看，或者就可以直接开始用了，之后如果还要写，更多的其实就是axios，或是imutable之类的接入，那这些其实没什么好写的，。现在趁着周末补补全，可能的话，在写一下vr视频的实现，及其对接hls与flv直播流，rtmp的话因为是flash协议，非原生h5video接收，感觉挺麻烦的，没对????image-webpack-loader...
2020-06-19 23:06:18
1948
1
原创 vue-cli4项目初始配置及优化（一）
其实一直想着写一个vue初始配置模板，这样以后每次写新项目的时候就不用重复做这些事情了，但因为种种原因一直没去做这件事（主要是还是因为懒????），最近有蛮多空闲，就开始写这个，也想去做一些早就想做的事情，像是学习react，ts之类的。 当然，这里都是我长久以来个人创建项目时的一些习惯和想法，公司里也没有什么前辈让我
2020-06-01 22:25:39
2153
原创 ubuntu上node,pm2,nginx等安装配置
买了另一个服务器，在配置项目的时候又忘了当初安装node，pm2的命令了，所以在博客里做一个记录，以免以后又双叒叕忘了，也分享给大家????。安装node1.安装npmapt install npm2.用npm安装n模块npm install -g n3.用n模块安装node长期支持版n ltslts:长期支持版，官方主推的版本，维护的生命周期长，可以理解为可用于生产环境的版本。...
2020-04-29 22:53:27
588
原创 Vue框架（使用vue-socket.io-extended实现聊天功能）
因为是配套写的，如果是后端是用egg框架写的话，建议配合我写的另一篇文章观看,不是egg框架也建议去看看????。egg框架（通过egg-socket.io建立即时通讯服务,实现聊天功能）1.安装插件npm install socket.io-clientnpm install vue-socket.io-extended其实一开始我是用vue-socket.io的，毕竟教程多，但是我装完后...
2019-11-13 19:18:07
3150
9
原创 egg框架（通过egg-socket.io建立即时通讯服务,实现聊天功能）
不好意思，现在懒得写感想了，直接入正题吧。????1.此处默认你已经创建了一个egg项目，先安装egg-socket.ionpm i egg-socket.io --save2.在config文件夹中的plugin.js中使该插件生效'use strict';/** @type Egg.EggPlugin */module.exports = { // had enabled by ...
2019-11-13 18:32:10
4252
6
原创 nginx上vue项目的部署
1.切换至root用户并安装nginx，安装完成后看下版本。sudo su rootapt-get install nginxnginx -v2.启动nginxservice nginx start3.打开浏览器，访问服务器的IP地址，如果出现nginx欢迎界面，那就OK了。4.打开nginx配置，并修改vim /etc/nginx/nginx.conf在http{}中编写...
2019-11-04 10:34:34
208
原创 egg框架（文件上传及前端配置）
最近在写的后台涉及到了banner图的管理，于是我又研究了egg的文件上传，本来想用它的file模式，但是除了很多莫名其妙的bug，项目又很赶，只能先用stream模式，于是途中又去研究了node的流，现在头很大。明明只是写一个简单的后台而已，为什么这么难搞，我太难了。????1.安装两个依赖，await-stream-ready 和 stream-wormholeawait-stream-rea...
2019-10-31 21:54:08
2412
原创 egg框架（用户鉴权，token验证，以及前端简略配置）
最近在研究阿里出的egg，想写一个后台管理系统，但是用了egg–nunjucks之后，感觉它的模板渲染很僵硬，模板页面无法直接调用service的方法来操作数据库，但是用常规的form表单提交到路由，感觉又很奇怪，还是要请求api，那我为什么不前后端分开来写呢，就只好用它来写api，用vue来写前端了，当然也可能是...
2019-10-31 20:52:37
4849
3
原创 第一篇博文
最近一直在想，要不要开一个博客，今天终于还是下定了决心，开始编写博客，记录自己在程序中遇到的问题与解决方法，这样以后在遇到这些问题的时候也能有个参照，同时也希望能给遇到类似难题的人提供帮助。(虽然我也很怀疑才刚工作4个月的我能帮到大家什么。) 其实刚开始工作的时候也有写博客的想法，不过马上被自己否决掉了，当时想法是这有什么用呢，浪费时间不说，自己说不定也不会去看自己以前的文章，结果现在我认...
2019-10-25 21:46:54
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人