- 博客(12)
- 收藏
- 关注
RSS订阅原创 Prettier介绍与基本用法
prettier是一个代码格式化工具，它可以支持JS/JSX/TS/Flow/JSON/CSS/LESS等文件格式。
2023-03-07 10:19:23
2762
1
原创 按需引入神器,以后再也不用手动引入(组件、Element-ui库、vue hooks等)
本文将介绍下面几个Vite插件(推荐node版本14+)： 自动引入(组件,ui(Element-ui)库,vue hooks等)
2023-03-02 16:34:30
538
原创 种子项目：Vite 搭建 Vue3 + TypeScript 项目
使用Vite开发快速 搭建 Vue3 + TypeScript 项目 从零开始一步一步搭建基础框架~
2023-03-01 16:11:13
697
3
原创 Vue Test Utils/Jest单元测试
Jest是Facebook开源的一套JavaScript测试框架， 它集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具。
2022-03-14 09:42:53
2281
原创 配置webpack中externals来减少打包后vendor.js的体积
背景在日常的项目开发中，我们会用到各种第三方库来提高效率，但随之带来的问题就是打包后的vendor.js体积过大，导致加载时空白页时间过长，给用户的体验太差。为此我们需要减少vendor.js的体积，从本质上来解决这种问题。webpack的外部扩展(externals)可以有效的解决。官方文档指路下面就以Vue项目为例，介绍一下externals的使用。项目中引用了vue、vue-router、axios、element-ui、vuex等第三方库，那么我们的目标就是把这些从输出的 bundle 中排除
2022-03-11 17:37:13
950
原创 vue获取服务端IP和用户IP
在vue中获取用户IP，并传给后端背景由于公司功能需要，要在axios发送请求时将访问者的ip地址放在头部传递步骤第一步：需要修改 chrome 浏览器的配置：1、在chrome 浏览器地址栏中输入：chrome://flags/2、搜索 #enable-webrtc-hide-local-ips-with-mdns 该配置 并将属性改为disabled3、点击relaunch 浏览器即可查看到本机的内网IP地址第二步：在代码中编写该方法// 获取客户端IPgetUserIP(onNew
2022-03-11 17:21:02
8110
2
原创 Vue中使用cdn加载资源，加快打包速度
为什么使用CDNVue项目打包的时候，默认会把所有代码合并生产新文件,其中包括各种库导致打包出来很大。如果使用cdn的话,会更利于程序的加载速度。在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大，影响首开的体验。解决方法将引用的外部js、css文件剥离开来，不编译到vendor.js中，而是用资源的形式引用，这样浏览器可以使用多个线程异步将vendor.js、
2021-10-22 11:47:38
4246
原创 从 0 开始 之 Docker部署Vue项目
什么是Docker装应用的容器开发、测试、运维都偏爱的容器化技术轻量级扩展性一次构建、多次分享、随处运行原理对 Docker 最简单并且带有一定错误的认知就是 “Docker 是一种性能非常好的虚拟机”。Docker 相比于传统虚拟机的技术来说先进了不少，具体表现在 Docker 不是在宿主机上虚拟出一套硬件后再虚拟出一个操作系统，而是让 Docker 容器里面的进程直接运行在宿主机上（Docker 会做文件、网络等的隔离），这样一来 Docker 会 “体积更轻、跑的更快、同宿主机下可
2021-10-21 15:28:48
2695
原创 PDF查看器之pdfvuer
背景公司需要实现一个PDF电子签章项目，使用到pdfvuer插件，使用步骤1. 加载包：pdfvuernpm i pdfvuer2. 引入import pdfvuer from 'pdfvuer' // pdfvuer 版本为@1.6.1import 'pdfjs-dist/build/pdf.worker.entry'3. pdf预览（简化版）<template> <pdf src="./static/test.pdf" :page="1"> <
2021-10-21 14:40:05
2336
5
原创 vue+element实现图片上传及裁剪功能（vue-cropper）
背景vue-cropper是一款基于vue的优雅图片裁剪插件，可用来实现头像等功能。效果图安装使用安装npm install vue-cropper // npm 安装yarn add vue-cropper // yarn 安装引用// 全局引用 main.jsimport VueCropper from 'vue-cropper'Vue.use(VueCropper)// 局部引用import VueCropper from 'vue-cropper'components
2021-10-21 14:21:58
3343
5
原创 手动修改 node_modules 中的依赖包（patch-package）
背景首先，问题是这样发生的，在项目中使用pdfvuer第三方插件，要将已经盖章成功的pdf显示出来，这个时候发现文章可以好好的显示出来，但是公司的签章怎么也显示不出来，这个时候终于找到了解决办法！！但是显示签章的修改代码在依赖包node_modules路径下，毕竟修改在node_modules下的文件每次npm install都需要手动修改。瞬间我就开始难受了，难受难归难受但还是要想办法解决滴[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传起初想到的方案有两种：fork别人
2021-10-18 09:28:23
2131
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人