摘要:
项目遇到一个比较麻烦的需求,保存用户填写的历史记录,项目使用的element-ui,自然就使用了el-autocomplete组件,然后就是各种踩坑,以下记录以下写代码过程中遇到的问题 1、下拉框高度修改: 如图可以看到有一个max-height属性,修改这个样式就可了,但是写了样式代码不起作用,组 阅读全文
摘要:
项目中使用引入文件有时候路径比较深,需要使用"../../../xx.js"这种类似的路劲引入,这种方式比较笨,可以使用webpack的别名alias配置来解决。 首先,先确定项目中是否有path模块: 如果没有path模块需要先安装path 以下为vue.config.js配置 项目开发阶段经常需 阅读全文
摘要:
公司最近做的一个移动端项目从搭框架到前端开发由我独立完成,以前做移动端适配用的媒体查询,这次想用点别的适配方案,然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案,开发过程中也遇到一些坑,自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案。 搭建可 阅读全文
摘要:
公司最近要开新项目想要使用vue-cli 3.0 搭建项目,今天查了vue-cli 3.0 搭建项目的流程及注意事项,在这里记录一下。 创建项目之前先确定vue-cli、node、及npm的版本,vue-cli 3.0要求node版本在8.0. 以上。 1、创建项目 2、选择预置配置,选择 Manu 阅读全文
摘要:
使用Vue做项目已经一年多了,发现还是有一些细节的技术了解不深入,最近在跟着技术胖的vue学习视频重新回炉,刚看完了vue-router部分内容,在此记录,下面是我学习的思维导图整理。 由于Vue在开发时对路由支持的不足,后来官方补充了vue-router插件,它在Vue的生态环境中非常重要,在实际 阅读全文
摘要:
最近项目中有一个需求需要展示微信群二维码以方便用户加入群聊,众所周知的是微信群二维码是只有7天有效期,当二维码失效或者群成员已满后就需要更换二维码,这个更换频率还挺高。 微信群二维码并不能单独保存图片,但我只需要二维码图片。。。 So,将微信群二维码解码后再编码上传,下面上代码 1、选择图片并解码 阅读全文
摘要:
之前项目有一个pc端项目使用的element ui前端框架,需要弹窗可以拖拽,element自带的dialog是没有这个功能的,度娘说可以写自定义指令,特此记录一下 废话不多说上代码: 1、新建directives.js文件 // 设置dialog拖动指令 // v-dialogDrag: 弹窗拖拽 阅读全文
摘要:
最近开发的一个项目需求,因为要在原有项目上新增模块,同时又要兼容新项目,就想要做成跟新项目一样使用px2rem做适配,然后发现老项目的样式都变小了不兼容,哭晕... 老老实实的写rem的css代码,但之前已经写了不少代码一个一个的计算真心麻烦,幸好找到了这个插件 配置也很简单 最后是使用,选中你需要 阅读全文
摘要:
早上上班npm run serve启动项目,然后就看到了控制台一直报错: 本人表示很崩溃,昨天还没有报这个跨域问题,今天突然就o(╥﹏╥)o 查看Network看到是info接口报错,我项目中没有调用过该项目,然后百度查询sockjs-node/info?t=1562204191563, 首先 so 阅读全文
摘要:
最近项目中遇到一个问题,微信昵称中的特殊字符不能正常显示,比如表情,各种笑脸、小动物、爱心之类的。 最恨这些标新立异的人,老老实实输入名字不行么,非要输入表情,o(╥﹏╥)o 后台的小伙伴将微信昵称中的特殊字符转换成html实体编码(例如:“哆啦A梦😜😜”)。 这个展 阅读全文
摘要:
最近公司要开一个新项目,领导要求使用vue-cli 3.0搭建项目框架,然后遇到了一系列的问题。 1、vue-cli 3.0安装 注意:以管理员身份安装,刚开始没有使用管理员报错了。。。 安装成功,开始创建项目 再次报错:node版本不匹配,我的是v6.9.4,vue-cli 3.0要求node版本 阅读全文