经验总结

记录日常工作生活中遇到的问题,技术和知识点
经验总结

JS获取图片URL并截取文件名和后缀

Deshun 发布于 5年前 (2020-08-10) 5083℃ 评论(1) 赞 (4)

最近在改一个之前别人对接项目,遇到一个问题。现在要解决问题,需要获取图片的链接,并把链接中的(图片)文件名提取出来。下面开始:比如,图片的 URL 地址是:https://www.w3h5.com/zb_users/upload/2019/04/201904031554286068121005.png?type=w3h5.com这里用到 split() 方法,可以把一个字符串分割成字符串数组。&n...

经验总结

git改错分支的补救方法:git stash暂存

Deshun 发布于 5年前 (2020-08-06) 2502℃ 评论(0) 赞 (0)

在日常开发中,难免会遇到改了半天代码,发现忘记切换分支了,本来应该在 Feature 分支进行开发,结果在 Develop 分支上敲了半天。还有在开发过程中遇到了比较紧急的 bug 需要修改,当前代码又不想放到暂存区或者 commit 提交。这时候就可以使用 git stash 命令,将工作区代码“储藏”起来:git stash Saved working ...

经验总结

v-decorator的取值与赋值

Deshun 发布于 5年前 (2020-07-30) 11626℃ 评论(0) 赞 (2)

v-decorator 是 Ant Design 的控件验证属性。经过 getFieldDecorator 或 v-decorator 包装的控件,表单控件会自动添加 value(或 valuePropName 指定的其他属性) onChange(或 trigger 指定的其他属性),数据同步将被 Form 接管,这会导致以下结果:你不再需要也不应该用 on...

经验总结

Vue项目使用mt-picker实现省市区三级联动踩坑记录

Deshun 发布于 5年前 (2020-07-19) 1833℃ 评论(0) 赞 (0)

最近用 Vue 开发一个项目,需要实现一个省市区三级联动的功能。使用的是饿了么团队的移动端组件库 Mint UI 中的 Picker 组件,官方的文档也是十分的不详细。我期间遇到了不少问题,踩了一些坑,下次记录一下,希望能对大家和以后的自己有所帮助。Mint UI 的使用,我就不再赘述的,大家需要的话可以根据官方文档进行下载和使用。下面开始进入正题:我这里使用的是后端提供的省市区数据接口,为了方便...

经验总结

Swiper组件使用loop属性,右滑再左滑点击事件不起效的解决办法

1

Deshun 发布于 5年前 (2020-07-14) 3183℃ 评论(0) 赞 (0)

Swiper组件使用loop属性,右滑再左滑点击事件不起效的解决办法

在 Vue 项目中使用 npm Swiper 组件,在测试时发现在某些情况下绑定的 click 事件不起效。因为在点击 banner 时要做一些判断,比如是否登录,是否实名认证等,所以必须解决这一问题。在 swiper 组件启用了 loop 循环模式时,会在原本 slide 前后...

经验总结

Vue项目使用Ant Design升级后报错Carousel `vertical` is deprecated的解决方法

Deshun 发布于 5年前 (2020-07-10) 2606℃ 评论(0) 赞 (0)

昨天,我们解决了 Ant Design 升级后,国际化组件 LocaleProvider 报错的问题:Vue项目使用Ant Design升级后报错`LocaleProvider` is deprecated的解决方法今天又发现首页有一个报错:Warning: [antdv: Carousel] `vertical` is deprecated, please use `dotPositi...

经验总结

Vue项目使用Ant Design升级后报错`LocaleProvider` is deprecated的解决方法

Deshun 发布于 5年前 (2020-07-09) 5970℃ 评论(0) 赞 (2)

今天重写一个 Vue 项目,使用的是 Ant Design for Vue 框架,发现 Collapse 折叠面板的 expand-icon-position 属性不能用。将小箭头设置在右侧不生效,代码如下:<a-collapse :bordered="false" expand-icon-position="right&...

经验总结

webpack正式、测试环境接口地址本地运行及打包命令配置

1

Deshun 发布于 5年前 (2020-07-07) 2060℃ 评论(0) 赞 (0)

webpack正式、测试环境接口地址本地运行及打包命令配置

为了方便开发,节省接口地址修改维护时间,可以通过 webpack 配置,区分正式、测试环境。可以方便的通过一个命令或者参数,运行或者连接不同环境的接口地址:# 本地运行测试环境 npm run dev # 本地运行正式环境 ...