摘要: 背景 公司项目需要裁切功能,基于第三方图片裁切组件vue cropper(0.4.0版本),封装了图片裁切组件(picture cut)(放在公司内部组件库,仅限于公司内部使用) 在vue cropper从0.4.0更新到0.4.4后,picture cut组件使用裁切功能时报错 [Vue warn 阅读全文
posted @ 2019-07-09 18:35 舟舟舟 阅读(998) 评论(0) 推荐(0) 编辑
摘要: 关于项目中环境变量的总结 背景 项目环境一般分为开发环境,测试环境,线上环境 因为每个环境的接口域名、webpack 配置都是不同的,所以在打包构建时,我们需要区分这些环境,这时就用到了环境变量 在工作中使用到了两种方法来区分,下面将这两种方式一一列举出来 技术框架是vue cli@2.x 首先看下 阅读全文
posted @ 2019-07-09 18:34 舟舟舟 阅读(6838) 评论(0) 推荐(0) 编辑
摘要: 官方inheritAttrs,attrs文档https://cn.vuejs.org/v2/guide/components props.html,从最下面的'非 Prop 的特性'开始看,看到最后 Vue2.4.0 新增的inheritAttrs,attrs 1.适用于Vue中全套层数深的组件,从 阅读全文
posted @ 2019-07-09 18:33 舟舟舟 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 问题一:firefox 下 默认情况 只允许输入整数,输入小数时会报错,输入框被标红 这时候可以添加参数 step="0.01" 解决问题! 问题二:input 属性为 number,maxlength在任何浏览器上不起作用 如果是wap项目 方法一:如果该输入框只要求输入整数,可以使用type=t 阅读全文
posted @ 2019-07-09 18:32 舟舟舟 阅读(452) 评论(0) 推荐(0) 编辑
摘要: 在公司的app里面嵌入了一个h5页面,h5页面有个使用图片上传功能,上传图片出现闪退的现象 问题描述: vivo手机,在app内的wap页面使用上传图片的功能,在选择好图片点击确认按钮后,出现退出整个webview,回退到app该wap页面的入口页面,且app自动刷新了该入口页面 如果在相册内直接点 阅读全文
posted @ 2019-07-09 18:31 舟舟舟 阅读(934) 评论(0) 推荐(0) 编辑
摘要: 页面元素 js代码 上述代码在是有效的,但是对于input元素不是一直存在页面上,是动态显示的,上述方法就会失效 页面元素 js代码 上述情况,ios下input聚焦是失效的,可以使用下面的方法(让input一直都在页面中) 将input写在页面上,利用定位给input显示在用户看不到的地方,当用户 阅读全文
posted @ 2019-07-09 18:30 舟舟舟 阅读(2214) 评论(0) 推荐(0) 编辑
摘要: 最近在做一个项目,是一个小型的后台管理系统,这个系统可以单独打开,也可以嵌入公司大型的后台管理项目里面 这样就存在一个问题,在被嵌入大的后台管理系统后,不用显示该页面顶部导航栏和左侧的菜单栏 所以我们在项目里面就要做判断,当没有被嵌入iframe里面时,应该正常显示,否则隐藏左侧和顶部 上面的代码是 阅读全文
posted @ 2019-07-09 18:29 舟舟舟 阅读(1227) 评论(0) 推荐(0) 编辑
摘要: 关于css动画tansform:translateZ(100PX)没有效果的记录 之前学习cs3动画就学的迷迷糊糊的,这次项目中刚好用到了cs3动画,遇到了一个问题,记录下来,方便后期查阅 在使用 tansform属性时,值设为tansform:translateX或tansform:transla 阅读全文
posted @ 2019-07-09 18:28 舟舟舟 阅读(1979) 评论(0) 推荐(0) 编辑