vue
WANNANANANA
这个作者很懒,什么都没留下…
展开
-
element-ui使用笔记《三》:table列数据排序不生效/错乱的问题
目录问题分析及解决缺少prop属性某行缺少相对应的prop数据参考文章问题分析及解决缺少prop属性某行缺少相对应的prop数据参考文章真是要加油学习呢~[1]: Element-UI Table 实现筛选数据排序及小坑注意点...原创 2020-09-09 11:27:04 · 1188 阅读 · 0 评论 -
element-ui使用笔记《二》:关于CSS作用域—/deep/及scoped的使用
目录参考文章参考文章真是要加油学习呢~[1]:css作用域[2]:css关于/deep/的解释和用法原创 2020-08-06 19:19:46 · 444 阅读 · 0 评论 -
element-ui使用笔记《一》:form表单列设置fixed后固定列下边出现边框的问题
目录参考文章参考文章真是要加油学习呢~[1]: element ui 表格列设置fixed后固定列下面出现边框问题原创 2020-08-06 18:17:49 · 1457 阅读 · 0 评论 -
vue-cli3中使用骨架屏
目录一、背景二、生成方法1、page-skeleton-webpack-plugin插件2、vue-skeleton-webpack-plugin插件原理实现1)安装插件2)建立骨架屏组件Skeleton.vue3)建立骨架屏配置文件skeleton.js4)vue.config.js配置骨架屏组件Skeleton.vue的代码1)使用base64图片2)使用svg代码说在最后参考资料一、背景主要是为了提高用户体验感,在页面还在加载的时候,减缓用户焦虑情绪。就像之前我们会经常使用loading页面,不原创 2020-05-21 17:39:35 · 1434 阅读 · 0 评论 -
前端性能优化《二》:开启gzip压缩
目录一、背景二级目录三级目录背景哈哈阿纲一、背景在使用vue-cli3搭建项目的时候,当使用npm run build进行生产环境打包的时候会发现有以下显示:我们可以看到Gzipped那一列,也就是编译生成后的每一个文件都会有对应的Gzipped文件,并且比源文件小了不止一倍。二级目录三级目录背景经常在哈哈阿纲好烦...原创 2020-05-12 17:54:56 · 3667 阅读 · 1 评论 -
前端性能优化《一》:vue-cli3中使用external进行cdn配置
不过使用externals属性要注意的是,虽然可以优化首屏加载速度,但是由于静态资源分离,也会增加http请求数量。所以如果是小项目,最好就不要用externals属性,因为小项目打包的出来的vender.js体积不大,建议项目体量较大的项目再用比较合适。原创 2020-05-11 18:03:24 · 9369 阅读 · 1 评论 -
使用node服务器简单启动本地项目
一、使用node创建web服务器使用node安装express,通过express快速创建web服务器,将vue打包生成的dist文件夹托管为静态资源访问。当前项目文件夹目录如下:1、全局安装expresscnpm i express -g2、app.js关键代码如下// 引入express中间件const express = require('express'...原创 2020-05-02 10:52:36 · 15327 阅读 · 0 评论