Web前端开发资源网饿了么Mint UI库Datetime picker日期选择器采坑记录
1Deshun 发布于 4年前 (2019-11-30) 2798℃ 评论(0) 赞 (1)
Mint UI 是饿了么前端团队（elemeFE）推出的专门针对移动端的前端 UI 库，不过其 github 库已经有2年多没有更新了，API 也不是很详细。不过多评价，还是有很多人用 Element UI的，下面记录一下使用 Mint UI 遇到的问题及解决方法：如何安装我就不...
24小时更新：0篇 一周更新：0篇最近更新
IOS、iPhone移动端，表单input聚焦时页面放大的解决办法
Deshun 发布于 4年前 (2019-11-30) 4396℃ 评论(0) 赞 (1)
最近的一个项目中，发现几个页面在使用 iPhone 11 访问的时候，点击 input 和 textarea 等文本输入框聚焦 focus() 时，页面会整体放大。经检查发现并没有什么特定的功能是让页面放大的，最后找到原因：苹果觉得点击输入框放大是一个“很好”的体验，就擅自把页面给放大了，单纯的用 meta 禁止页面放大是没有用的，可以使用下面两种方法解决。通过 mate 设置：<meta&...
iOS设备input不能自动focus聚焦的解决方法
Deshun 发布于 4年前 (2019-11-28) 5783℃ 评论(0) 赞 (1)
移动端（iPhone、iPad）的 Safari 或者微信默认是不支持 autofocus 属性的，并且只有用户主动触发的事件才可以使 focus 一类的方法生效。并且在 iOS 中使用 position: fixed 会导致 input 输入框的位置出现问题，导致 input 无法点击或者说无法聚焦。找了几个解决方案，归纳整理一下：1、stackoverflow作者，尝试过模拟点击，触...
记Ant Design Vue Modal组件的使用及踩的坑
2Deshun 发布于 4年前 (2019-11-24) 8287℃ 评论(0) 赞 (3)
最近在使用 Vue 开发一个项目，前端框架用的 Ant Design ，Ant Design for React 已经比较成熟，兼容性和灵活性也比较高。但是 Ant Design for Vue 貌似还有点不那么完善。今天先整理一下 Modal 组件的使用及我开发过程中注意到的一...
Ant Design Vue引入Form组件样式不显示的解决方法
2Deshun 发布于 4年前 (2019-11-20) 6330℃ 评论(0) 赞 (1)
使用 vue-cli 安装 Ant Design Vue 的 Form 组件，发现不能用，组件样式不显示。此处省略了安装和初始化的步骤，需要的点击上方链接，直接在 Ant Design 官网查看教程。在 main.js 中全局引入：import { ...
JavaScript判断浏览器内核，微信打开自动提示在浏览器打开
1Deshun 发布于 4年前 (2019-11-18) 4182℃ 评论(0) 赞 (4)
微信会屏蔽 URL 自定义的 scheme ，导致无法跳转手机中的浏览器。网上有一些工具类网站可以实现直接跳转浏览器，之后有机会我会整理一下。我们今天只讨论通过 JavaScript 判断是否在微信浏览器中打开，如果是则弹出提示，在浏览器中打开。我首先在 body 中写...
CSS border dashed属性虚线间隔不可控的解决方法
Deshun 发布于 4年前 (2019-11-13) 10030℃ 评论(0) 赞 (2)
CSS 的 border 属性，可以设置实线，虚线还有点线。不过直接使用 border: 1px dashed #F00 虚线距离太小，非常难看，很难满足UI图的效果。可以使用 background 背景的渐变属性，来替代 border 方案，方法如下：width: 100%; height: 1px; background-image: linear-gradi...
网站出现跨域问题，Chrome的本地临时解决办法
2Deshun 发布于 5年前 (2019-11-06) 2258℃ 评论(0) 赞 (0)
在网站调试对接过程中经常会出现跨域问题，如果无法解决的话，可以设置一下 Chrome ，临时解决跨域问题。添加下面两个参数：--disable-web-security --user-data-dir设置方法：右击 谷歌浏览器快捷方式 -> 属性 -> 在...
Ant Design Table组件报错，提示table should have a unique `key` prop的解决办法
1Deshun 发布于 5年前 (2019-11-05) 12447℃ 评论(0) 赞 (6)
在使用Ant Design for React对接数据时发现控制台报错如下：Warning: [antd: Table] Each record in dataSource of table should have a unique `key` prop, or set `row...
IE、Chrome、360浏览器设置开机自启动，自动全屏参数
2Deshun 发布于 5年前 (2019-10-31) 6802℃ 评论(0) 赞 (0)
虽然博主只是一个小小的前端代码苟，但公司的一些设备维护也抛到了我的头上。公司有一个展厅，需要浏览器打开一个页面，但是这些设备每天晚上都需要关闭并断电。这就比较头大了，我只好把浏览器设置为默认，把网址放到开始菜单，每次开机会自动打开网址并调用浏览器打开。但是遇到一个问题，每次打开浏...