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