vue
文章平均质量分 63
笑歪了狗头
本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、 JavaScript、 PHP、 ASP、 C、 C++、 C#、 Java、 Ruby、 Perl、 Lisp、python、Objective-C、Pascal、 ActionScript等单词的拼写,熟悉Windows、Android、Mac、 Linux、IOS、WP8等系统的开关机
展开
-
vue-cli项目打包体积太大,服务器网速也拉胯(100kb/s),客户打开网站需要等十几秒!!! 尝试cdn优化方案
坑1:vue.config.js 的externals配置, 饿了么取名一定要是Element : 'element-ui': 'Element'比如 echarts、element-ui、element-variables.scss、lay-excel、moment。坑3:明明element-ui的css ,element-variables怎么还那么大。坑2:CDN引入vue一定要在element-ui前面。很好,成功了,但没完全成功,有坑!排查了下 本地引用没有注释干净。插件用法参考之前博客。原创 2023-09-27 17:56:43 · 1560 阅读 · 1 评论 -
当项目中自动格式化插件Prettier和ESLint冲突报错时如何解决
ESLint要求尾部不能有分;字符串不能双引号,必须单引号;在.eslintrc.js文件中rules中添加一行,就关闭了该错误提示。此时解决了大部分问题,但还有一个小细节,要求函数名和小括号中间有空格。Prettier没有相关配置只能从ESLint的配置入手。而用Prettier会自动加上这些,解决办法也简单。项目根目录新增文件.prettierrc.js。...原创 2022-08-02 10:47:42 · 1815 阅读 · 0 评论 -
vue3+ts的项目中实现骨架屏
骨架屏本质上就是一个div元素,给它设置宽高背景色动画等..就能得到不一样的骨架屏样式。原创 2022-07-25 11:50:32 · 591 阅读 · 0 评论 -
超好用的懒加载插件 ,无需安装,vueuse提供,可配置图片懒加载 数据懒加载
代码】超好用的懒加载插件,无需安装,vueuse提供,可配置图片懒加载数据懒加载。原创 2022-07-24 20:08:08 · 747 阅读 · 0 评论 -
如何在 vue3+TS 的项目中使用pinia进行模块化状态管理
在src下新建目录store,旗下新建文件user.ts。多个模块像user.ts一样创建,使用同理。看到这个画面说明OK。原创 2022-07-21 21:42:53 · 4331 阅读 · 0 评论 -
如何封装axios请求。统一基地址、加载遮罩层、响应参数优化
线上体验地址: http://121.43.41.227:82/ 一顿操作后效果如下 vue.config.js加上 main.js里面加上 创建两个按钮分别来演示未封装时,如何发送get和post请求可以看出重复的地方很多,像基地址一样,使用的axios属性一样,响应的数据格式一样,都是{code,message,data}后期如果更新维护会很麻烦封装一个axios实例,导出去供人使用该工具实现了1. 统一基地址2. 每次发送请求出现加载遮罩层,响应数据后关闭遮罩层3. 优化响应数据格式,降低复原创 2022-07-11 22:23:46 · 1133 阅读 · 1 评论 -
基于xlsx.js的导入导出插件 lay-excel , 操作更方便 功能更强大
话不多说, 上图功能演示地址: http://excel.wj2015.com文档地址: 概览 · LAY-EXCEL 插件文档 1. 创建个vue2空项目(具体步骤省略 详情看上一篇)2. 安装依赖3. main.js导入UI插件注释齐全 复制即可拿来用, 若功能不满足, 可查看文档↓导出excel样式设置时间处理...原创 2022-06-27 22:03:11 · 1609 阅读 · 0 评论 -
如何将vue-element-admin中的excel导入导出功能模块, 单独拿出来用, 基于插件xlsx
一顿操作后效果如下 vue.config.js加上 main.js里面加上 此时效果 ↓↓↓↓↓↓原创 2022-06-25 14:41:59 · 628 阅读 · 0 评论 -
用js原生代码,将扁平化数据转化为树结构数据,每一步的思路详解
转化原理涉及到栈内存和堆内存的特性原创 2022-06-20 21:02:21 · 1217 阅读 · 4 评论 -
vue-cli + element 简单的登录注册功能 搭建流程
vue-cli + element 简单的登录注册功能 搭建流程原创 2022-06-11 22:07:25 · 936 阅读 · 0 评论 -
前端框架view UI(iview) table表格增删改查 导入导出
<template> <div> <table style="width: 100%;"> <tr style="float:left;"> <td> <Button type="primary" icon="ios-add-circle-outline" @click='insert'>新增</Button> </td> <td> <l.原创 2021-05-28 10:33:10 · 1840 阅读 · 0 评论