logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3.0+vue-router+element-plus初实践

Vue3中文文档Vue3.0对比Vue2.x优势框架内部做了大量的性能优化,包括:虚拟dom,编译模板,Proxy的新数据监听,更小的打包文件等。新增的组合式API(即Composition API),更适合大型项目的编写方式。对TypeScript支持更好,去掉this操作,更强大的类型推导。初始化项目安装@vue/clinpm install @vue/cli -g或 yarn global

vite.config.js常用配置

Vitevite,下一代前端开发与构建工具。它是一个基于 Vue3 单文件组件的非打包开发服务器,它做到了本地快速开发启动。优点:极速的服务启动,不需要等待打包操作;轻量快速的热重载,无论应用程序大小如何,都始终极快的模块热重载(HMR);优化的构建,按需编译,不再等待整个应用编译完成;丰富的功能,对 TypeScript、JSX、CSS 等支持开箱即用;通用的插件,完全类型化的API。中文文档常

#前端
keep-alive原理及实现

介绍keep-alive是Vue.js的一个内置组件。它会缓存不活动的组件实例,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,也不会出现在父组件链中。它提供了include与exclude属性,允许组件有条件地进行缓存,max最多可以缓存多少组件实例。官方文档原理在created钩子会创建一个cache对象,用来作为缓存容器,保存vnode节点。在需要重新渲染的时候再将v...

#缓存
Nginx一个端口部署多个前端项目

场景根据路由不一样,在一个端口中,配置多个前端vue项目。配置vue项目打包在vue.config.js中配置如下const isProduction = process.env.NODE_ENV === 'production'module.exports = {....publicPath: isProduction ? './' : '/',}nginx配置server {listen 80

#nginx
Codecov结合Travis CI测试代码覆盖率

Codecov简介Codecov 是一个开源的测试结果展示平台,Github上许多开源项目都使用了Codecov来展示单测结果。Codecov支持Github账号登录,同样会同步Github中的项目。一般与Travis配合使用,Codecov的作用可是化的结果,与github联接,提供小徽章自动合并测试结果,并行运行Travis CI简介Travis CI是一个托管的,分布式持续集成工具,主要用来

#代码覆盖率
基于Linux安装Jenkins详细教程

简介Jenkins是开源CI&CD软件领导者, 提供超过1000个插件来支持构建、部署、自动化, 满足任何项目的需要。相关概念:流水线:Jenkins Pipeline(或简称为 “Pipeline”)是一套插件,将持续交付的实现和实施集成到 Jenkins 中。Jenkins Pipeline 提供了一套可扩展的工具,用于将“简单到复杂”的交付流程实现为“持续交付即代码”。Jenkins

#linux#jenkins#nginx
pre-commit用法介绍

pre-commit介绍自定义 Git - Git 钩子,pre-commit 钩子在键入提交信息前运行。 它用于检查即将提交的快照,例如,检查是否有所遗漏,确保测试运行,以及核查代码。 如果该钩子以非零值退出,Git 将放弃此次提交,可以用 git commit --no-verify 来绕过这个环节。安装git校验lint-staged和yorkie介绍lint-staged,lint-sta

小程序获取dom信息

【代码】小程序获取dom信息

#小程序
Sentry监控

Sentry 是个非常不错的选择,服务端部署也非常简单,网站客户端引入 sentry sdk 并插入初始化 Sentry 的代码就可以实现对页面脚本异常的监控了。需要依赖 @sentry/vue 、@sentry/tracing和@sentry/webpack-plugin等插件

到底了