bug最后汇总-2018/08/03
一、对于点击后请求时间过长的按钮
现象:容易给用户点击无效的错觉,从而导致多次点击,从而发出多个相同请求,这显然是不符合我们意愿的
解决:
用户点击发出多个请求:加个锁,当用户点击后,将锁关闭,使用户之后的点击无效,当请求完毕后再打开锁
等待时间过长用户体验降低:可以加个loading,点击后按钮内容后加个"...",或者后加个loading图标,当请求完毕再回复原样
二、发送数据内容能在前端验证的尽量在前端验证
原因:如果把一些验证放到后端接口,我们发送请求,然后验证没通过,请求返回原因,然后呢?肯定是用户修改后,再次发送请求了。
但是如果我们把这些验证放到前端,这个请求就没必要发出,之后验证通过后才会发出请求,这样可以一定程度减少请求数量,减轻服务器负担。
三、Vue.js开发中关于第三方组件的使用
使用第三方组件的好处:节省了很多重复代码,直接引入使用即可
使用第三方组件的缺点:虽然组件好用,但是我们也要根据需求具体分析,因为组件的样式和功能是定死的,要考虑使用这个的组件和当前需求冲突的多少,如果冲突很多,或者自己写个适配的组件会更加高效方便。
四、开发前一定要把需求弄清楚才开始开发,如果是因为需求弄错而导致的时间和人力的浪费,痛苦的只会是你自己,要对自己负责。
五、Vue.js开发,如果如果通过等号,为data中的一个数组或者一个对象内,添加一个新对象,这个新添加的新对象不是响应式,我们修改该对象的值,并不会触发重新渲染。
解决:通过 this.$set(obj, prop, value) 来添加,通过此方法添加的是响应式的,因为会被重新定义添加setter和getter
六、如果接口传递的数据除了正常的数据外,还存在文件,我们需要 new FormData() ,通过FormData实例的append方法添加数据,然后将改FormData实例作为参数传递
七、文件字节转换为正常单位
// 字节转换为最合适的单位,最后是四舍五入取整,如果其他需求可以修改
function bytesToSize(bytes) {
if (bytes === 0) return '0 B';
var k = 1024, // or 1000
sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
i = Math.floor(Math.log(bytes) / Math.log(k));
return (bytes / Math.pow(k, i)).toFixed(0) + '' + sizes[i];
}
八、Vue.js使用ElementUI组件,自定义样式问题
问题:自定义样式其实就是覆盖组件的默认样式,这些内容需要放到全局,即不能放到设置scope的style标签中,否则不会生效
原因:因为Vue.js被放到scope中的样式选择器在打包后都会被加上一个唯一的属性标识,通过这个唯一的属性标识来限定组件作用域,避免影响其他组件的样式。
九、编辑器内容初始化问题
需求:如果组件或者页面存在编辑器,当页面初次加载时,我们需要将获取到的数据初始化到编辑器中
问题:编辑器初始化一般要操作dom,如果在为编辑器初始化填充数据的时候,编辑器实例(也就是编辑器DOM)还没有渲染完毕,会导致编辑器的内容初始化失败
解决:
方一:有些编辑器会提供编辑器实例加载完毕的事件,我们在该事件的回调中填充初始化数据,如下例子
editor.on('ready', () => {
editor.setData("初始化数据");
});
方法二:如果没有提供方一的事件api,可能会存在一个编辑器当前状态的属性,比如说是status,加载时status为loading,加载完毕,status变为ready
然后我们可以设定定时器,每过100ms就监测一次status,如果status变为ready,关闭监测定时器,填充初始化数据
let timer = setInterval( () => {
clearInterval(timer);
if (editor.status == 'ready') {
editor.setData('初始化数据');
}
});
十、Vue.js开发中使用了ElementUI中的table组件
问题:会出现横向滚动条,虽然表格中内容没有超过设定的宽度
原因:table的border存在会导致内容border超过设定的width,从而莫名出现横向滚动条,但因为样式,表格的border又不能去掉
解决:在全局样式中加入如下代码:
.form-content .el-table__body-wrapper,
.form-content .el-table__footer-wrapper,
.form-content .el-table__header-wrapper {
width: 101%;
}
------------ end
bug最后汇总-2018/08/03的更多相关文章
- C#的ComboBox学习使用2018.08.03
ComboBox是一个有下拉列表的文本显示框,其text为当前的文本,item属性为项 comboBox1.Items.Add("); id = comboBox1.Text; 可以采用se ...
- C#登陆界面学习编写 2018.08.03
简单的登陆界面的编写,在编写如下界面时,设置错误次数上限需要用到静态变量 public static int count;//计算错误次数(为静态变量) 可以防止点击登陆后次数被清空,在登陆后打开新的 ...
- 新手C#ListView使用记录2018.08.03
在使用C#的ListView时,感觉有一些部分需要自己注意. ListView1.Clear()这条指令在使用时,用于Click后在ListView中显示数据,应该放在输入数据的前面. 在ListVi ...
- IE6的那些css常见bug(汇总)
IE6的那些css常见bug(汇总) 我的微博终于在前几天建立了 虽说很早之前就知道博客园这个地方 但怕自己不能坚持去写一些东西一直没有建.这几天 我做了这个决定 把我的博客建起来 每周发一些看到的, ...
- Intel Digital Innovation Industry Summit(2018.08.17)
时间:2018.08.17地点:北京金隅喜来登大酒店
- Trusted Cloud Summit(2018.08.14)
时间:2018.08.14地点:北京国际会议中心
- 【独家】K8S漏洞报告|近期bug fix解读&1.11主要bug fix汇总
内容提要: 1. 高危漏洞CVE-2018-1002105深度解读 2. 11/19--12/11 bug fix汇总分析 3. 1.11重要bug fix解读 4. 1.9重要bug fix解读 在 ...
- (转)新手C#SQL语句的学习2018.08.13
1.创建数据库(create) CREATE DATABASE database-name 2.删除数据库(drop) drop database dbname 3.备份数据库 --- 创建 备份数据 ...
- 新手C#SQLServer在程序里实现语句的学习2018.08.12
从C#中连接到SQL Server数据库,再通过C#编程实现SQL数据库的增删改查. ado.net提供了丰富的数据库操作,这些操作可以分为三个步骤: 第一,使用SqlConnection对象连接数据 ...
随机推荐
- Windows Server2008R2中导入Excel
使用Microsoft.ACE.OLEDB对Excel进行操作: string strConn = "Provider=Microsoft.ACE.OLEDB.12.0;" + & ...
- mfc小工具开发之定时闹钟之---多线程急线程同步
一.MFC对多线程编程的支持 MFC中有两类线程,分别称之为工作者线程和用户界面线程.二者的主要区别在于工作者线程没有消息循环,而用户界面线程有自己的消息队列和消息循环. 工作者线程没有消息机制,通常 ...
- 《linux 内核全然剖析》 include/asm/io.h
include/asm/io.h #define outb(value,port) \ __asm__ ("outb %%al,%%dx"::"a" (valu ...
- Hive数据类型与文件存储格式
Hive数据类型 基础数据类型: TINYINT,SMALLINT,INT,BIGINT,BOOLEAN,FLOAT,DOUBLE,STRING,BINARY,TIMESTAMP,DECIMAL,CH ...
- EasyUI左右布居
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat=&quo ...
- IOS开发报错之Undefined symbols for architecture armv6
本文转载至 http://blog.csdn.net/sanpintian/article/details/7575434 今天在项目中引入SVSegmentedControl.h/.my以及SVS ...
- Android中流式布局和热门标签
1.流式布局特点.应用场景.2.自定义ViewGroup (1)onMeasure:测量子View的宽和高,设置自己的宽和高. (2)onLayout:设置子View的位置. onMeasure:根据 ...
- JavaWeb开发的一系列可能的配置
最近电脑硬盘坏了Orz...,重装了.唉!软件什么的都要重新装,重新设置,好麻烦! 我决定写下重装javaweb开发环境的过程 1.Java的安装,配置 https://www.runoob.com/ ...
- mybatis循环map
一.循环key <foreach collection="map.keys" item="key" separator="and"&g ...
- 巨蟒python全栈开发数据库前端7:jQuery框架
每个人的标准不同,看法等等,认识,价值观有所不同,促成了这些矛盾. 1.select例子 <!DOCTYPE html> <html lang="en"> ...