【ITOO】
ITOO项目技术点总结
不开花的玫瑰
放荡不羁,瑀瑀独行。
展开
-
使用icomoon引入字体图标及扩充字体图标的方法
何为字体图标?在说字体图标之前,我们先说一下图片,图片可能让我们的界面更加美丽,但是图片也是有缺点的,比如图片会增加总文件的大小,还会增加额外的HTTP请求,这都会降低网页的性能的。更重要的是图片不能很好的进行缩放,因为放大和缩小可能会使图片失真,所以我们就开始使用字体图标。字体图标可以做出跟图片一样的事情,但是本质其实是文字,可以很随意的改变颜色、产生阴影、透明效果等,而且本身体积更小,但携...原创 2020-05-03 11:16:32 · 2211 阅读 · 3 评论 -
前端项目通过Jenkins部署并持续构建的方法
前言项目在测试以及最终上线的时候,都需要部署到服务器上来供大家访问,但是无论是测试还是线上,都避免不了代码的修改,那么可以持续构建就方便了许多。项目发布流程1)Jenkins创建任务2)服务器上配置NginxJenkins创建任务1)登录Jenkins,创建新任务 2)输入任务名称,选择自由风格软件项目,同时也可以复制已经存在的项目3)开始进行项目配置了到这里,选择保存之后就可以看到自己新建的任务了,Jenkins上的配置也就告一段落了。服务器上配置Nginx1)连接原创 2020-05-20 14:45:12 · 590 阅读 · 0 评论 -
ElementUI自定义修改列的内容(一列显示多个文本)
背景ElementUI组件库中的表格,每一列默认只能显示一个文本,但是在项目需求中,需要一列显示两个文本内容,如下图所示:这样应该如何实现呢?????方式一:render-headerElementUI中暴露了render-header属性,我们可以使用这个属性来实现这个功能。<el-table-column prop="address" label="地址" :render-header="renderHeader"></el-table-column>method原创 2020-05-28 21:27:11 · 2220 阅读 · 0 评论 -
ElementUI对于表格的二次封装
前言最近在做的项目中,有大量界面用到了表格(el-table)组件,但是里面具体显示的内容不同,是从后端获取过来的,如果每一个界面写一下el-table的代码的话,会造成代码量大且不易维护的后果,所以就对el-table表格进行了二次封装。过程先看一下最终效果代码实现1.抽出来的子组件的代码:<template> <div> <!-- 表格部分 --> <el-table :data="tableData" stripe border原创 2020-06-14 21:10:43 · 2929 阅读 · 4 评论