we主题的文章列表，还有we的技术要点_第279页

跨平台 webapp 开发技术之 Hybrid App

前所知的APP开发模式有三种：基于操作系统运行的APP->NativeApp，侧重于原生开发，用户体验好，需要安装才会升级基于浏览器运行的APP->WebApp，侧重于网页技术实现，跨平台兼容性好，只要开发人员更新代码，无需通过安装升级基于移动应用引擎-> HybridApp，使用H5和JS...

IT猿 ·2020-03-26

与webview打交道踩过的坑

随着HTML5被越来越多的用到webAPP的开发当中，webview这一个神器便日渐凸显出重要地位。简要的说，webview能够在移动应用中开辟出一个窗口，在里面显示html页面，css以及js代码也可以被解析执行，它使用的是我们熟悉的webkit内核。android和ios都有相应的API，所以写一份代码在多个平台运...

IT猿 ·2020-03-26

根据浏览器内核判断是web/iOS/android/ipad/iphone 来打开不同的网站或页面

纯js，直接分享，直接使用：varbrowser={versions:function(){varu=navigator.userAgent,app=navigator.appVersion;return{//移动终端浏览器版本信息trident:u.indexOf('Trident')>-1,//IE内核pre...

IT猿 ·2020-03-26

巧用weui.topTips验证数据

场景一、有一个输入金额的场景，这个金额需要验证，验证说明如下：不能为空格；不能为0；不能为汉字；不能为其它字符；不能大于200；唯一可以的是，只有输入3~199之间的数字，下面的确定按钮才会显示，否则，隐藏这个按钮。HTML：<divclass="weui-jia...

IT猿 ·2020-03-26

巧用weui.gallery()，点击图片后预览图片

要在页面需要加载的JS文件：<scriptsrc="../js/libs/weui.min.js"></script>可以去weui的文档中下载，这是它的demo: https://weui.io/weui.js/ 要先给图片创建一个节点：varimgDom=$(...

IT猿 ·2020-03-26

weui textarea超出字符被截断

HTML:<divclass="weui-cellsweui-cells_form"style="margin-top:0;"><divclass="weui-cell"><divclass="weui-cell__bd"><textareaid="doctorIntroduc...

IT猿 ·2020-03-26

weui 弹框中的单选效果

<divclass="weui_dialog_alert"id="doctorSexDialog"style="display:none;"><divclass="weui_mask"></div><divclass="weui_dialo...

IT猿 ·2020-03-26

weui 图片弹框

添加图片与弹出效果对比： HTML:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1...

IT猿 ·2020-03-26

weui 搜索框

点击搜索，会显示关键字取消按钮，输入文字，会在搜索框下，有相应的列表显示。HTML:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="wid...

IT猿 ·2020-03-26

weui dialog

切记：weuidialog的样式是在weui.css，而不是在weui.min.cssHTML:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=dev...

IT猿 ·2020-03-26

weui tabbar 切换

Html:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=0"/...

IT猿 ·2020-03-26

weui 多网页切换效果分析

weui的文档写的不怎么详尽，简单的来讲WeUI 为微信Web服务量身设计的h5框架。WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信Web开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、icon等各...

IT猿 ·2020-03-26

android——处理Google play因WebView SSL Error Handler alerts被拒的问题

最近app上线，由于上述问题，被google市场给拒了。看到这个，点进GooglehelpCenterarticle，应该知道问题所在了。直接在项目里找到使用webview的地方。找到webviewClient，看看你有没有处理onReceivedSslError方法。怎么处理的。是...

IT猿 ·2020-03-26

android——webview拦截跳转指定url后，点击返回界面重定向的问题

webview拦截跳转很多人都有用到，但是拦截后，在想返回的时候，界面会重定向。加入界面本来是要跳转到百度界面，但是被我拦截后，跳转到其他界面去了。当我点击返回键后，界面仍然会跳转到百度界面。这个时候，该怎么解决呢？我这里采用伪回退的方法来避免重定向的产生。什么是伪回退？根据需求，可以分为两种。一种是，直接回到原生界面...

IT猿 ·2020-03-26

android——webview解决goback()后，界面会刷新的问题

看上图，我一级界面，从欧冠进的二级界面，从二级界面返回到一级界面后，界面刷新了一下。频道给我回到了“重要”上。这个真不符合我的要求。怎么办？在网上找不刷新的方法。找了一圈，发现很多都不靠谱，都是抄袭的。//设置缓存模式webView.getSettings().setCacheMode(WebS...

IT猿 ·2020-03-26