娃哈哈_的博客

业务场景：通常APP中的顶部搜索栏，都配一个搜索按钮。同时输入文字软键盘弹起，回车键自动变成搜索键，点击软键盘中的搜索能进行搜索功能，如下图taobao所示：思考软键盘的回车键，如何变成了【搜索】文字?点击【软键盘】的【搜索】，如何发起的搜索功能？ 实现1、输入框元素+绑定keyup方法input【type=“search” 】, 在移动端会唤出“搜索”按键<input type="search" v-model.trim="title" @keyup="handle

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、vconsole是什么？二、主要功能三、引入方式1.cdn引入2.npm包引入总结前言PC页面，我们可通过F12打开控制台，查看日志信息，便于测试调试。但放到移动端中，移动端是没有控制台的，我们就无法查看页面的console信息，非常不便。但vconsole插件解决了此问题~一、vconsole是什么？一个轻量、可拓展、针对手机网页的前端开发者调试面板。源码链接：https://github.com/Ten

1、click事件，a href无效在APP中无效：场景：H5中绑定了click事件进行页面跳转，微信浏览器，手机内置浏览器测试没问题。内嵌到某APP中，点击事件无效，通过a标签href跳转也无效（IOS无效，安卓有效）解决方法：将click事件换成touchend事件进行跳转页面。2、swipe组件，上滑翻页，在移动端真机环境中有闪白屏情况场景：做一个活动H5页面，有上滑翻页效果。用到了swipe组件，在微信开发者平台中测试没问题。到真机上，一滑屏翻到下一页，就有闪屏效果，出现频率很高。解决方

文章目录前言一、移动端屏幕相关概念1. 屏幕尺寸2. 屏幕分辨率3. 屏幕像素密度（ppi = pixels per inch）二、像素1. 物理像素2. CSS像素3. 设备独立像素4. 位图像素5. 像素比 （dpr）三、视口1. 布局视口2. 视觉视口3. 理想视口三、缩放行为1. 用户缩放2. 系统总结前言随着移动端H5需求场景越来越多，例如微信公众号中H5页面的开发，APP中内嵌H5页面等，移动端H5开发基础知识和技巧是前端开发工程师必备的技能~一、移动端屏幕相关概念1. 屏幕尺寸.

需求【首页】和【我的联系人】页面都对当前用户进行定位，于是通过JS SDK中的wx.getLocation()拿到用户定位。【首页】入口：直接默认进入【我的联系人页】入口：由首页进入项目技术背景vue h5 spa history模式的项目初步思路在index.vue中全局wx.config进行的SDK的配置服务IOS表现【首页】、【我的联系人】都能拿到用户定位，SDK配置正常Andorid 表现【首页】：能拿到用户定位，SDK配置正常【我的联系人】：当由【首页】进入到【我的联系

需求背景移动端H5项目，需要做省市区三级联动选择框，如下图：于是选择了weui库中的Picker组件原始需求与默认Picker组件UI不一致UI图中的选择框每行高度与weui picker默认的每行高度不一致。于是想要改变picker组件的rowHeight高度。在picker api中并没有提供设置rowHeight参数的接口。于是只能把源库下载到本地进行修改。修改picker 默认的每行高度rowHeight想要修改选择框每行高度，要从两方面考虑：1、CSS修改// 修改选框的高度，