项目笔记
文章平均质量分 85
夕山雨
前端的魅力,超乎你想象!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端如何优雅地使用枚举
在前端开发中我们经常遇到这样一种情况:假设我们要渲染一个订单列表,后端返回的数据中包含这样一个字段:// 订单状态orderStatus: 0后端可能会告诉我们,它对应后端的这样一组值:{ 0: '已完成', 1: '待支付', 2: '已取消'}那么我们在前端如何优雅地把后端所返回的值 0 转换成字符串 已完成 呢?这就是本文要讨论的问题。为了引出我们的方案,我们先来看一个常用但不那么优雅的方案:一种不够优雅的方案首先,我们来为这个字段定义一个对象const orde原创 2021-02-05 12:51:40 · 8858 阅读 · 6 评论 -
单个vue组件的打包和动态引入
目录一、原理简介二、打包过程1. 创建一个webpack项目2. 编写组件和打包脚本3. 打包三、动态引入1. 在vue项目中使用2. 在普通项目中使用总结一、原理简介在使用webpack打包vue项目时,我们一般习惯以项目的main.js为打包入口,构建完整的项目依赖。依赖构建完毕后将打包后的js通过插件html-webapck-plugin引入到HTML模板中,从而实现整个项目的打包。由于webpack运行于nodejs环境下,只能识别js文件,因此如果遇到其他类型的文件,如.vue,就必须使用对原创 2020-05-31 14:20:36 · 10766 阅读 · 6 评论 -
前端技术分享之3/8女神节抽奖活动
一、活动背景作为一家团队文化氛围浓厚的公司,每年的3/8女神节活动那是必不可少的。一般来说,这样的活动想要收到足够的效果,那高密度的人员聚集是必不可少的(比如去年就组织了大型送玫瑰花活动加现场抽奖)。奈何今年正是疫情期间,这种形式实在是无法开展。那怎么办呢?于是人力想到了线上抽奖(还有另外两个活动,因为没有参与,所以就不列出来啦),很荣幸的,人力让我来负责前端,与另一个部门一位优秀的后端同事...原创 2020-03-07 20:14:28 · 2102 阅读 · 1 评论 -
引入第三方图标库,并在前台罗列图标
几乎从第一代浏览器开始,图片就是前端页面中不可或缺的一个元素。但是我们知道,图片的体积往往很大,传输速度较慢。如果一个页面有很多的图片,网页性能就会直线下降。并且图片过度放大时会失真(这里指非矢量图片),显示效果很不好。矢量图片...原创 2019-11-01 22:51:48 · 1424 阅读 · 1 评论 -
el-upload上传文件时返回的字符串异常
问题描述在使用element-ui的文件上传插件进行资源上传时,后端所返回的数据是一个形如“3297799991516386308”的字符串,也就是资源id。但是在on-success回调函数中得到的response却是3297800280615081000。显然这个结果并不是随机生成的,因为两者有着明显的相似性。并且这个response并不是字符串,而是一个数字。将这个id传到后台时就会出现...原创 2019-10-31 19:08:09 · 3396 阅读 · 0 评论
分享