分类 - Vue.js

2017-10-17 03:47:11    167    0    0
今天接到了一个需求:改动车型选择的样式. 本来是一个简单的select,需求要求做成这个样子的: 其实说起来这个东西并不算难,不过一些小细节浪费了我一些时间.于是决定还是把细节写出来,让自己以后不要踩这些坑. 整体思路与需求 这么一个组件分左右两边.左边是A-Z,右边是品牌的选择.当点击左边的时候,跳转到右边以该字母开头的品牌.接口的数据已经返回了车牌和首字母. 那么这个一个组件,应该拆分为左右两个部分. 左边部分 左边为A-Z的字符.众所周知,这种select当然是用absolute,然后用flex做竖向排列,没有什么困难.但是这里有一个细节:A-Z
2017-10-11 03:47:53    114    0    0
常用语法糖 1.@xxx.stop @xxx.stop =>阻止冒泡,等于传入$event并且在触发的事件中调用源生的$event.cancelBuble=true进行阻止冒泡. 2.@keydown.keyCode/Enter="xxx" 捕获KeyCode对应事件.对照表: 3.{{msg}} 3-1.{{msg}} v-model绑定的值变化则模板变化 3-2{{*msg}} v-model绑定的值变化模板不变化(仅绑定一次) 3-3{{{msg}}} 将msg转义为HTML内容 3-4{{msg | filter}
2017-09-23 02:01:39    83    0    0
1.Vue在摩拜国际化中的应用 每次国际化方案需要参与的人很多,沟通的部门很多,体现的价值是快不快. 痛点: 谁去同步内容. 谁去更新到不同的项目里面 解决方法:GoogleDoc用API请求,使用Node脚本渲染. 推荐第一种. 不要站在前端而是站在整个Devops的角度去想i18N. 结合方式:Vue插件,$t('errorText') 问题:我们真的在任何环境下都需要同步到所有语言吗? 2.美团点评Vue SSR实战
2017-09-13 07:27:47    218    0    0
起因: 今天测试给我提了一个BUG,大概是这样的: 有组件A,B,C,组件AC为路由跳转的两个不同的页面,B为A的子组件.现在我在组件C中做了一个操作,按照逻辑来说,B应该要刷新(调用接口数据)但是现在B没有刷新. 首先在心里默默诅咒了完全不理逻辑的产品,抽奖式开发失败,然后尝试解决这个问题吧. 简单的思路当然是利用正常的传值. 带我的老哥在框架里已经写好了现成的PageUpdate参数对应的方法. Created下的ADDPAGE: window.AddPage = (pageName,url,alias,closeThis,execAPI,execPara
2017-08-15 01:58:23    119    0    0
最近赶项目,一周上7天班每天还得搞到十点十一点,实在是没有精力再看书了。 但是写项目的时候碰到的一个Bug完全超出了我的知识范围,我隐隐感觉如果解决了应该会让我对JS有更好的认识,于是没有求助大佬,恳求给我些时间来解决。大佬正忙着也不想弄什么疑难杂症于是同意了。我可得好好看看这玩意什么毛病再写个博客记一记了........ Bug是这样的: 做了一个选择本月、本年、全部的部分,但是很奇怪,调的都是同样一个函数只是传参不同,点击本月、本年后可以正常的把展示的样式改为点击后的 ,但是全部却点击不上。 可以看到,我是用dateBtnChoose这个变量来进
2017-08-15 01:58:23    388    0    0
###起因: 公司的Vue项目编译已经慢到我无法接受的地步了.初始的编译项目慢点(153631ms)倒还算能忍,大不了我开着编译去看看别的.但是随便改点东西都需要26974ms(27秒)这已经严重的影响了我的开发效率. ![title](http://103.79.78.219:9000/api/file/getImage?fileId=599005b193e997096600000f) ![ti