vue elementUI项目中遇到的问题整理ing

1、本地json数据调用

①思路:有直接调用路径的方式

②思路:可以在export JS文件中建立变量,然后在VUE页面文件中export。之后设置为变量值。

例如新建一个表单里面的,国家货币,数据选项调用本地json货币数据

expor JS文件中 定义数组

vue页面中,先导入,再引用变量
<el-select v-model=”form.currency” filterable placeholder=”货币类型” class=”inputW”>
<el-option v-for=”money in moneys” :key=”money” :label=”money.label” :value=”money.value“>
</el-option>
</el-select>

moneys:数据池

money.label:选项展示数据

money.value:传入后台数据

2、select for循环option,报错“Avoid using non-primitive value as key, use string/number value instead.”

<el-select v-model=”form.Name” filterable placeholder=”供应商销售层”>
<el-option v-for=”carrier in carriers” :key=”carrier.id” :label=”carrier.name” :value=”carrier.id”>
</el-option>
</el-select>

key:设置时候,选择value内值

3、[Vue warn]: Invalid prop: custom validator check failed for prop “name”. 
(found in component <icon> at /var/www/html/vueApp/node_modules/vue-awesome/components/Icon.vue)

查询是否有icon名字写错!

好用的数据接口模拟工具easymock和好用的数据接口测试工具postman

数据接口之福音,现在才发现,扶额……

easymock可以模拟接口数据,就不用受限制于后台接口程序员啦(适合前端开发快速,接口还没完善)

http://easy-mock.com/

postman可以看真实的接口返回数据,和应该接收前端数据,就可以看看接口是否返回正确。(适合后台程序员检测接口返回值,接收值)

详细介绍和教程

http://www.bayescafe.com/tools/use-postman-to-test-api-automatically.html

沧海一声笑

沧海一声笑
滔滔两岸潮

浮沉随浪只记今朝

苍天笑

纷纷世上潮

谁负谁胜出天知晓

江山笑

烟雨遥

涛浪淘尽红尘俗事几多骄

清风笑

静夜寂寥

豪情还剩了一襟晚照

苍生笑

不在寂寥

豪情仍在痴痴笑笑

啦……

江湖中,几个辉煌过,灿烂过,夕阳晚照的一叶扁舟上,暂时忘却俗世纷杂,逃离儿女情长,痴痴笑笑。一切尽在不言中。

扁舟上岸,真是微笑的开始

ATOM快捷键

文件切换

ctrl-shift-s

 保存所有打开的文件

cmd-shift-o

 打开目录

cmd-\

 显示或隐藏目录树

ctrl-0

 焦点移到目录树
目录树下,使用a,m,delete来增加,修改和删除

cmd-t

cmd-p

 查找文件

cmd-b

 在打开的文件之间切换

cmd-shift-b

 只搜索从上次git commit后修改或者新增的文件

导航

(等价于上下左右)

ctrl-p

 前一行

ctrl-n

 后一行

ctrl-f

 前一个字符

ctrl-b

 后一个字符

alt-B

alt-left

 移动到单词开始

alt-F

alt-right

 移动到单词末尾

cmd-right

ctrl-E

 移动到一行结束

cmd-left

ctrl-A

 移动到一行开始

cmd-up

 移动到文件开始

cmd-down

 移动到文件结束

ctrl-g

 移动到指定行 row:column 处

cmd-r

 在方法之间跳转

目录树操作

cmd-\

 或者 

cmd-k cmd-b

 显示(隐藏)目录树

ctrl-0

 焦点切换到目录树(再按一次或者

Esc

退出目录树)

a

 添加文件

d

 将当前文件另存为(duplicate)

i

 显示(隐藏)版本控制忽略的文件

alt-right

 和 

alt-left

 展开(隐藏)所有目录

ctrl-al-]

 和 

ctrl-al-[

 同上

ctrl-[

 和 

ctrl-]

 展开(隐藏)当前目录

ctrl-f

 和 

ctrl-b

 同上

cmd-k h

 或者 

cmd-k left

 在左半视图中打开文件

cmd-k j

 或者 

cmd-k down

 在下半视图中打开文件

cmd-k k

 或者 

cmd-k up

 在上半视图中打开文件

cmd-k l

 或者 

cmd-k right

 在右半视图中打开文件

ctrl-shift-C

 复制当前文件绝对路径

书签

cmd-F2

 在本行增加书签

F2

 跳到当前文件的下一条书签

shift-F2

 跳到当前文件的上一条书签

ctrl-F2

 列出当前工程所有书签

选取

大部分和导航一致,只不过加上shift

ctrl-shift-P

 选取至上一行

ctrl-shift-N

 选取至下一样

ctrl-shift-B

 选取至前一个字符

ctrl-shift-F

 选取至后一个字符

alt-shift-B

alt-shift-left

 选取至字符开始

alt-shift-F

alt-shift-right

 选取至字符结束

ctrl-shift-E

cmd-shift-right

 选取至本行结束

ctrl-shift-A

cmd-shift-left

 选取至本行开始

cmd-shift-up

 选取至文件开始

cmd-shift-down

 选取至文件结尾

cmd-A

 全选

cmd-L

 选取一行,继续按回选取下一行

ctrl-shift-W

 选取当前单词

编辑和删除文本

基本操作

ctrl-T

 使光标前后字符交换

cmd-J

 将下一行与当前行合并

ctrl-cmd-up

ctrl-cmd-down

 使当前行向上或者向下移动

cmd-shift-D

 复制当前行到下一行

cmd-K

cmd-U

 使当前字符大写

cmd-K

cmd-L

 使当前字符小写

cmd-shift-P

 搜索命令

删除和剪切

ctrl-shift-K

 删除当前行

cmd-backspace

 删除到当前行开始

cmd-fn-backspace

 删除到当前行结束

ctrl-K

 剪切到当前行结束

alt-backspace

 或 

alt-H

 删除到当前单词开始

alt-delete

 或 

alt-D

 删除到当前单词结束

多光标和多处选取

cmd-click

 增加新光标

cmd-shift-L

 将多行选取改为多行光标

ctrl-shift-up

ctrl-shift-down

 增加上(下)一行光标

cmd-D

 选取文档中和当前单词相同的下一处

ctrl-cmd-G

 选取文档中所有和当前光标单词相同的位置

括号跳转

ctrl-m

 相应括号之间,html tag之间等跳转

ctrl-cmd-m

 括号(tag)之间文本选取

alt-cmd-.

 关闭当前XML/HTML tag

编码方式

ctrl-shift-U

 调出切换编码选项

查找和替换

cmd-F

 在buffer中查找

cmd-shift-f

 在整个工程中查找

代码片段

alt-shift-S

 查看当前可用代码片段

~/.atom

目录下

snippets.cson

文件中存放了你定制的snippets

定制说明

自动补全

ctrl-space

 提示补全信息

折叠

alt-cmd-[

 折叠

alt-cmd-]

 展开

alt-cmd-shift-{

 折叠全部

alt-cmd-shift-}

 展开全部

cmd-k cmd-N

 指定折叠层级 N为层级数

文件语法高亮

ctrl-shift-L

 选择文本类型

使用Atom进行写作

ctrl-shift-M

 Markdown预览
可用代码片段

b, legal, img, l, i, code, t, table

git操作

cmd-alt-Z

 checkout HEAD 版本

cmd-shift-B

 弹出untracked 和 modified文件列表

alt-g down

 

alt-g up

 在修改处跳转

alt-G D

 弹出diff列表

alt-G O

 在github上打开文件

alt-G G

 在github上打开项目地址

alt-G B

 在github上打开文件blame

alt-G H

 在github上打开文件history

alt-G I

 在github上打开issues

alt-G R

 在github打开分支比较

alt-G C

 拷贝当前文件在gihub上的网址

推荐一些好用的插件

点击弹出li的索引值

有个面试题,是点击一个li,弹出此li的索引值

  • content content 1
  • content content 2
  • content content 3
  • content content 4
  • content content 5
// *用闭包解决索引值,变量,穿透作用域链*

var oUl = document.getElementById(“oList”);
var oLi = oUl.getElementsByTagName(“li”);
alert(oLi.length);
for(var i = 0;i <oLi.length;i++){
(function(){
var n = i;
oLi[i].onclick = function(){
alert(n+1);
}
})(i)
}
// 利用事件绑定,给ul绑定进行捕获。
// 浏览器的事件模型分为三个阶段 1、捕获阶段 2、目标阶段 3、冒泡阶段
var oUl = document.getElementById(“oList”);
oUl.onclick = function(event){
var tg = event.target;
var oLi = oUl.getElementsByTagName(“li”);
for(var i = 0;i<oLi.length;i++){
if(oLi[i]===tg){
alert(i+1);
}
}
}

杂言1

6月7号、8号是高考的日子,在绚丽的晚霞中谢幕。想想自己高考都已经过去10年了。
小丽刮了腿毛,时间在长长的汗毛中溜过来,扑面而来,大汗淋漓的6月
以前有个梦想说要去英国看大英博物馆的文物,后来到17年北京的国家博物馆突然和伦敦大英博物馆有了联合展览,她就花了50块买了入场券。看看那些100多个的文物,或者纪念品。上面留存的故事,令人神往又屏气凝神。那开盖的木乃伊棺木,为何明明是女棺放的是男尸,那楔形文字为什么会记载圣经里面的诺亚方舟,为何中国古代也经过大洪水的文明,大禹治水,皇帝炎帝大战,你说,是不是真的有神仙,是不是人的身体内真的封存着神力,是神仙的无奈还是阴谋,现在我们都成了凡人,而像外星人的马云叔叔也为了让大家购物有了消遣的去处。
据视频资料介绍,里面的武士刀有个弧度好方便杀人,那么展览的这一把刀,它又杀过多少人?铸剑要在晚上,因为只有在晚上才能看清楚火的颜色,才能判断出火候是不是ok,而刀刃的高碳钢的是坚固的,刀脊背低碳钢保持柔韧性,防止折断。
今天把我自己笔记本的键盘扣了,还把颇有纪念价值的外接键盘抠了,搜了攻略,开了空调了,坐着小马扎,一个螺丝一个键的抠出来,依然拯救不了他们。于是只能舍弃,买个新的。不知道为什么明明一直好好地,一到用的时候就不能用了。
这本小说真是妙,它知道这些少女们的泪囊在哪里,让她们流出来。却不会让她们的主人忿忿,只会心甘情愿。
他有点小聪明,而读书又帮他放大了这种小聪明后毁掉了他。
有的人小时候被家长说不喜欢吃某样东西,其实因为怕被说不是亲生的,没次吃的时候就掐那个孩子一下,久而久之那个孩子就真的不吃某样东西了。因为身体记得疼。训练
她是一个及其自尊及其敏感又及其别扭的人,自己说不要,后面又说我说了不行那是客气,我客气可以,但是他不能不知礼数。跟你打招呼,没回应。自己联系出各种细细碎碎的蛛丝马迹证明给你看,瞧,你看这人就是不行。 所以搞得你很无奈,有的时候你都觉得自己是不是都是错的,无从辩驳无从证明。
父母像仇人一样,她诅咒他,他打骂她,谁都知道刺伤对方最疼最难受的地方。在那个点上,每个人都拿着凿子,用锤子死劲儿往里面砸!
自己的事情自己最看重,其他人的意见看法只是其他人的感受。
她觉很有趣,因为跟他一起看电影,他就说这个电影很弱智。
隶变是古今文字的分水岭,小篆变成了隶书。
博山炉,烟雾缭绕,云山雾罩,自成一景。

js获取不到div.style.left,解决方案

element.style.left 只能获得element的行内样式,一般写在style或css文件内的left就无法获得。

解决方案,通过字符串截取和隐式转换

var oBox=$(“box”);
document.onkeydown=function(evt){
var e = evt||window.event;
var addNum = 10;
var _left = strToNum(oBox.style.left);
var _top = strToNum(oBox.style.top);
if(e.keyCode==37){
oBox.style.left=(_left-addNum)+”px”
}
if(e.keyCode==38){
oBox.style.top=(_top-addNum)+”px”;
}
if(e.keyCode==39){
oBox.style.left=(_left+addNum)+”px”;
}
if(e.keyCode==40){
oBox.style.top=(_top+addNum)+”px”;
}
}
}
function $(id){
return document.getElementById(id);
}
function strToNum(str){
var index = str.indexOf(“px”);
return str.substring(0,index)-0;

}