- 博客(14)
- 收藏
- 关注
RSS订阅原创 基于vue+element的动态表单的设计与实现（3）
动态表单的设计与实现备注：细节可能有误，主要提供思路接着上一篇，这篇主要讲解表单的三种模式。新建模式无需多说了，我们看看更新和详情模式。更新模式无非是对表单进行赋值回显；详情模式则是将表单移除，仅展示具体的内容信息；为了避免如下拉组件需要通过value去找对应的label，建议在新建/更新时，将每个单元的value,label一并保存下来。那么这样看来，更新模式也好、详情模式也罢，都是为表单注入数据。那么如何注入呢？回到form-format.jsfunction format() {
2022-05-25 16:53:11
956
原创 基于vue+element的动态表单的设计与实现（2）
动态表单的设计与实现设计模式字段的监听字段状态的控制备注：细节可能有误，主要提供思路接着上一篇，这篇主要讲解字段监听和控制相关内容。设计模式在这之前，需我们要对观察者模式和发布订阅模式有一定的认识。以下两张图直观的的描述了二者的区别。这里需要深入了解的话，移步度娘，相关的文章很多。字段的监听目的：在业务代码层，实时监听某个字段内容的改变。实现方案：在模板解析的完成后，为需要监听的字段注册一个回调函数，并将该字段信息及回调函数收集起来，全部分发到底层的表单单元上。在底层表单单元渲染时，判
2022-05-25 16:52:41
545
原创 基于vue+element的动态表单的设计与实现（1）
动态表单的设计与实现实现功能基础结构的设计代码实现备注：细节可能有误，主要提供思路实现功能目前主要实现了以下4个功能表单的可配置化；具体字段的实时监听（观察者模式）；一个字段控制另一个字段的是否可编辑（发布订阅模式）；支持三种模式：新建、更新、详情基础结构的设计首先定义我们需要解析的json配置，基础结构如下：[ { groupNo: "basic", groupName: "基本信息", fields: [ { compone
2022-05-25 16:52:15
2381
原创 svn 强制解锁的解决办法
今天更新svn，再没有提交代码的情况下，莫名其妙锁住了服务器上好几百个文件。使用clean up并没有用，在此记录下解决办法。在项目根目录下右键，选择get lock, 然后选中左下角select、steal the locks，点击确认等待完成后右键选择release lock...
2020-05-26 16:53:26
1391
原创 echarts双轴轴线不对齐的解决办法
背景：当设置双轴的时候，轴线的刻度数量、间距均由echart内部自动计算，导致两边的轴线大概率下不会对齐，如下图所示：查询echarts配置文档，发现以下属性:min: 坐标轴刻度最小值max: 坐标轴刻度最大值splitNumber：坐标轴的分割段数interval：强制设置坐标轴分割间隔OK，我们根据业务数据，定制化的计算相关属性值即可。options.yAxis.forEach((y, index) => { // leftMax, rightMax的值，请自行根据自身数据
2020-05-19 11:35:21
2869
原创 vue keep-alive与mapState的填坑记录
keep-alive与mapstate的填坑记录最近在用keep-alive配合vuex做缓存处理。发现在某些场景下，keep-alive设置的include不会立即生效，但是include的值确实已经改变。具体的原因如下。在router.beforeEach中dispatch关于keep-alive的action，在action中根据路由对state中的include动态增删。然后在相应的页...
2020-04-30 10:27:44
404
转载 http协议（三、请求头、响应头字段）
原作者： 留七七， 地址：http://www.jianshu.com/p/6e86903d74f7常用标准请求头字段Accept 设置接受的内容类型Accept: text/plainAccept-Charset 设置接受的字符编码Accept-Charset: utf-8Accept-Encoding 设置接受的编码格式Accept-Encoding: g...
2019-03-28 14:50:07
1083
原创 http协议（二、报文格式）
一、请求报文 一个HTTP请求报文由请求行（request line）、请求头部（header）、空行和请求数据4个部分组成，下图给出了请求报文的一般格式。请求报文请求报文实例1. 请求行 请求行由方法字段、URL 字段 和HTTP 协议版本字段 3 个部分组成，他们之间使用空格隔开。常用的 HTTP 请求方法有 HEAD、GET、POST...
2019-03-26 13:56:44
516
原创 http协议（一、基础部分）
前言：http协议学习、总结及回顾一、简介 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。 HTTP...
2019-03-25 13:27:33
273
原创 axios的封装与异常处理（async/await）
众所周知，es新增了promise，避免了回调地狱。而es7的async/await更加完美的将异步实现为同步代码。更多关于promise，async/await，推荐：阮一峰在vue项目中，http请求我们更多用到的是axios，如果不进行封装，那么在业务代码中的每次请求都需要重复大量的axios请求代码，下面以get方法为例进行初步的封装，新建http.js如下：import axios...
2018-12-29 13:15:42
3551
1
原创 vue中树状结构转行数据，并渲染成table的方法
场景： 我们现在有一个树状结构的数据，如下图：大概的数据结构如下：const tree = { value: '根节点', children: [ { value: '学校', children: [ { value: '学生', children: [ ...
2018-11-06 18:02:18
6576
3
原创 echarts tooltip超出容器被遮挡的解决办法
echarts tooltip超出容器被遮挡的解决办法 最近项目中使用到echarts。由于数据的分类较多，导致tooltip超出容器，且被周围的其他dom所遮挡。网上找了一圈发现很多朋友说配置其中的confine: true, 然而该配置只是将tooltip限制在该容器内。当分类信息过多时，该配置并不能解决遮挡的问题， 如下：没办法，查阅echarts官方文档后，发现tooltip...
2018-10-26 10:40:02
25851
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人