w3h5

author 共50页,当前第7页

经验总结

Vue项目无法使用局域网IP直接访问的配置方法

3

Deshun 发布于 5个月前 (12-20)   阅读(455)   评论(0)   赞 (0)  

Vue项目无法使用局域网IP直接访问的配置方法

一般使用 vue-cli 下来的项目是可以直接访问局域网 IP 打开的,比如 192.168.1.11:8080 。但是最近公司的一个项目只可以通过 localhost 访问。需要配置一下,才可直接用局域网 IP 访问,方法如下:给 dev 添加--host 0.0.0.0 属性:"scripts": {  &nbs...

经验总结

如何去掉antd中Input、Textarea组件获取焦点时的蓝色边框

Deshun 发布于 5个月前 (12-18)   阅读(1149)   评论(0)   赞 (1)  

Ant Design 的 Input 输入框组件在获取焦点时会有蓝色的边框,尝试用 outline:none 去掉这个边框,但是发现不管用。最终通过 F12 调试发现 Ant Design 的 Input 组件在获取焦点时蓝色边框是通过 box-shadow 来实现的。解决方法:通过CSS样式覆盖原始效果.ant-input:focus {    ...

工具插件

Chrome最好用的Chrono下载管理器crx插件下载

2

Deshun 发布于 5个月前 (12-15)   阅读(1697)   评论(0)   赞 (1)  

Chrome最好用的Chrono下载管理器crx插件下载

之前用过 Chrome 浏览器的下载插件,Chrono 下载管理器。今天在谷歌应用商店搜索,却搜不到了,找到官网提供的商店链接,点开显示链接不存在。原来 Chrono 早在今年9月份就被 Chrome 悄悄下架了,原因未知,可能是违反谷歌的什么规则了吧?不过不用担心,我找到了 Chrono 的 crx 包,需要的直接点击/下载安装即可。插件信息:C...

精品种草

翼支付5元话费券、5折优惠,云闪付10元话费立减【更多活动线报不定期更新】

Deshun 发布于 5个月前 (12-15)   阅读(674)   评论(0)   赞 (0)  

翼支付APP岁末狂欢 五折立减活动时间:2019年12月15日6:00—23:00翼支付是中国电信出品的一款可以充值话费、便民缴费,和商城支付的一个支付平台,安全可靠。首先点击“我的”—“任务中心”,领取任务。完成任务后返回,一般可以领5元话费或者缴费代金券。1、打开APP,首页点击“手机充值”,会弹出5元优惠券,点击领取,充值30元立减5元。2、APP 首页中间位置 banner 广告图“岁末狂...

经验总结

Vue项目中阻止返回,弹出提示框,包括安卓、iOS物理返回

Deshun 发布于 5个月前 (12-13)   阅读(713)   评论(0)   赞 (0)  

在一个移动端项目中,有一个需求,在未输入内容时点击返回(包括安卓、iOS等终端设备的物理返回按钮),弹窗提示,并且阻止返回上一个页面。比较反人类的一种操作,不过只要能想到的就没有代码做不到的,在网上找到一个解决方案:mounted() {   // 按需使用:在页面一进来的时候,添加一个历史记录   window.history.pu...

经验总结

iOS中Mint Picker滑动时页面跟着滚动的解决方法

Deshun 发布于 6个月前 (12-10)   阅读(355)   评论(0)   赞 (0)  

项目在使用饿了么前端团队的 Mint UI 库的 Picker 和 Datetime picker 组件,iOS系统访问时会出现滑动穿透的现象。主要表现在用手指在弹出层触摸滑动时,页面也跟着滚动,严重影响体验。解决方法:1、由于 Picker 组件的滚动是用 touch 事件 + translate 实现的,所以我们可以在 Picker 弹层出现的时候禁止页面的默认滚动机制,Picker 弹层消失...

经验总结

移动端手机点击input输入框聚焦不调用键盘的实现方法

Deshun 发布于 6个月前 (12-07)   阅读(626)   评论(0)   赞 (0)  

PC端开发使用 Chrome 调试时不会有调用键盘的效果,但是使用手机访问页面时,点击 input 输入框时,会自动聚焦并调用唤起系统键盘(或者说输入法)的。但是我们的需求是 点击 input 时不弹出键盘,可以使用下面的方法实现:$("").focus(function(){     document.activeEleme...

经验总结

华为、荣耀系列手机自带浏览器fixed定位被遮挡的解决方法

Deshun 发布于 6个月前 (12-07)   阅读(893)   评论(0)   赞 (0)  

华为手机自带的浏览器据说使用的是腾讯X5内核,在测试时发现浏览器默认情况下方会显示一个工具栏,上滑会自动隐藏全屏显示。这种浏览器会把 position: fixed 属性固定定位在下方的元素遮住,无法正常显示。目前我使用小米手机没有发现这样的问题,不知道 iPhone 、OPPO、vivo、魅族、锤子、一加、诺基亚、三星等手机会不会有这样的情况,大家可以自行测试。解决方法:在 head 内添加下面...

经验总结

vue项目如何实现返回上一页

Deshun 发布于 6个月前 (12-05)   阅读(501)   评论(0)   赞 (0)  

vue 返回上一页有两种方法:如果使用的是 vue-router ,this.$router.go(-1) 就可以回到上一页。 history.go(-1) 是回到浏览器上一页。但是由于 Vue 应用是单页应用,浏览器的访问历史未必和 Vue 的浏览历史相同。还有一点,就是使用 router 跳转的时候,Vue 不会重新加载 CSS 。比如从 A 页面跳到 B 页面,会沿用 A 页面中的 CSS...

经验总结

饿了么Mint UI库Datetime picker日期选择器采坑记录

1

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

饿了么Mint UI库Datetime picker日期选择器采坑记录

Mint UI 是饿了么前端团队(elemeFE)推出的专门针对移动端的前端 UI 库,不过其 github 库已经有2年多没有更新了,API 也不是很详细。不过多评价,还是有很多人用 Element UI的,下面记录一下使用 Mint UI 遇到的问题及解决方法:如何安装我就不再赘述了,大家可以参考官方文档进行安装。讲一下多个 UI 库按需引入吧:我已经配...