w3h5

author 共50页,当前第8页

经验总结

IOS、iPhone移动端,表单input聚焦时页面放大的解决办法

Deshun 发布于 6个月前 (11-30)   阅读(1136)   评论(0)   赞 (0)  

最近的一个项目中,发现几个页面在使用 iPhone 11 访问的时候,点击 input 和 textarea 等文本输入框聚焦 focus() 时,页面会整体放大。经检查发现并没有什么特定的功能是让页面放大的,最后找到原因:苹果觉得点击输入框放大是一个“很好”的体验,就擅自把页面给放大了,单纯的用 meta 禁止页面放大是没有用的,可以使用下面两种方法解决。通过 mate 设置:<meta&...

经验总结

iOS设备input不能自动focus聚焦的解决方法

Deshun 发布于 6个月前 (11-28)   阅读(868)   评论(0)   赞 (0)  

移动端(iPhone、iPad)的 Safari 或者微信默认是不支持 autofocus 属性的,并且只有用户主动触发的事件才可以使 focus 一类的方法生效。并且在 iOS 中使用 position: fixed 会导致 input 输入框的位置出现问题,导致 input 无法点击或者说无法聚焦。找了几个解决方案,归纳整理一下:1、stackoverflow作者,尝试过模拟点击,触...

经验总结

记Ant Design Vue Modal组件的使用及踩的坑

2

Deshun 发布于 6个月前 (11-24)   阅读(1405)   评论(0)   赞 (0)  

记Ant Design Vue Modal组件的使用及踩的坑

最近在使用 Vue 开发一个项目,前端框架用的 Ant Design ,Ant Design for React 已经比较成熟,兼容性和灵活性也比较高。但是 Ant Design for Vue 貌似还有点不那么完善。今天先整理一下 Modal 组件的使用及我开发过程中注意到的一些点。至于 Antd for Vue 存在的 Bug,后期整理到的时候在说吧。A...

HTML笔记

Ant Design Vue引入Form组件样式不显示的解决方法

2

Deshun 发布于 6个月前 (11-20)   阅读(1468)   评论(0)   赞 (0)  

Ant Design Vue引入Form组件样式不显示的解决方法

使用 vue-cli 安装 Ant Design Vue 的 Form 组件,发现不能用,组件样式不显示。此处省略了安装和初始化的步骤,需要的点击上方链接,直接在 Ant Design 官网查看教程。在 main.js 中全局引入:import { Form, Input, Select }&nbs...

HTML笔记

JavaScript判断浏览器内核,微信打开自动提示在浏览器打开

1

Deshun 发布于 6个月前 (11-18)   阅读(1080)   评论(0)   赞 (1)  

JavaScript判断浏览器内核,微信打开自动提示在浏览器打开

微信会屏蔽 URL 自定义的 scheme ,导致无法跳转手机中的浏览器。网上有一些工具类网站可以实现直接跳转浏览器,之后有机会我会整理一下。我们今天只讨论通过 JavaScript 判断是否在微信浏览器中打开,如果是则弹出提示,在浏览器中打开。我首先在 body 中写了一个提示信息:(默认隐藏)<div id="cont...

经验总结

CSS border dashed属性虚线间隔不可控的解决方法

Deshun 发布于 7个月前 (11-13)   阅读(1803)   评论(0)   赞 (0)  

CSS 的 border 属性,可以设置实线,虚线还有点线。不过直接使用 border: 1px dashed #F00 虚线距离太小,非常难看,很难满足UI图的效果。可以使用 background 背景的渐变属性,来替代 border 方案,方法如下:width: 100%; height: 1px; background-image: linear-gradi...

经验总结

网站出现跨域问题,Chrome的本地临时解决办法

2

Deshun 发布于 7个月前 (11-06)   阅读(451)   评论(0)   赞 (0)  

网站出现跨域问题,Chrome的本地临时解决办法

在网站调试对接过程中经常会出现跨域问题,如果无法解决的话,可以设置一下 Chrome ,临时解决跨域问题。添加下面两个参数:--disable-web-security --user-data-dir设置方法:右击 谷歌浏览器快捷方式 -> 属性 -> 在 目标 后面添加上面两个参数,注意参数之间要加空格。然后点击应用和确定按钮。需要关...

经验总结

IE、Chrome、360浏览器设置开机自启动,自动全屏参数

2

Deshun 发布于 7个月前 (10-31)   阅读(1645)   评论(0)   赞 (0)  

IE、Chrome、360浏览器设置开机自启动,自动全屏参数

虽然博主只是一个小小的前端代码苟,但公司的一些设备维护也抛到了我的头上。公司有一个展厅,需要浏览器打开一个页面,但是这些设备每天晚上都需要关闭并断电。这就比较头大了,我只好把浏览器设置为默认,把网址放到开始菜单,每次开机会自动打开网址并调用浏览器打开。但是遇到一个问题,每次打开浏览器,还需要手动设置全屏。那么,又有没有什么快速又方便的方法,让浏览器打开自动全...

HTML笔记

Ant Design for React的DatePicker日期组件设置默认显示中文的方法

2

Deshun 发布于 7个月前 (10-28)   阅读(1526)   评论(0)   赞 (1)  

Ant Design for React的DatePicker日期组件设置默认显示中文的方法

蚂蚁金服的前端UI框架Ant Design 有专门针对 React 设计的 Ant Design for React 。今天在使用其中的 DatePicker 日期组件时遇到一个问题,其中有一些按钮显示英文,如下图所示:官方给出了设置中文的方法,称之为“国际化配置”:默认配置为 en-US,如有特殊需求(仅修改单一组件的语言),可使用 locale...