移动端
文章平均质量分 55
.︶ㄣ☆.'龍
前后端都略懂略懂略懂,Flutter也略懂。。。共同学习,共同成长~
展开
-
H5 mui通过蓝牙调用打印机printUtil.js
H5 mui通过蓝牙调用打印机,进行打印,此过程需要获取打印指令,也可以自己拼接打印指令。define(['mui', 'zepto', 'constants','util'], function(mui, $, Constants, Util) { // 导入的java包 var Context, BluetoothAdapter, BluetoothDevice; // 蓝牙服务与适配 var BManager, BAdapter, BluetoothSocket, mDevice.原创 2021-10-25 16:35:13 · 2318 阅读 · 0 评论 -
原生App项目集成flutter混合开发详细指南
方案选择目前主流的混合开发方案有两种集成方式:源码集成:也就是谷歌官方提供的方案[https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps]产物集成:Flutter项目单独开发,开发完成后发布成aar包或者iOS的framework形式,原生项目依赖flutter输出的制品即可。具体可以参考闲鱼的文章两种方式各有优劣,其实产物集成更好一些,不过即使是进行产物集成,也需要弄懂源码集成的方式,因为当有很多和.转载 2021-05-25 11:47:36 · 310 阅读 · 0 评论 -
深入理解 Dart 空安全
本文为 Dart 空安全的经典详解,其详细且全面地展开说明了 Dart 处理空安全采用的原则、具体实现和技术细节,对于众多 Dart 开发者而言是不可错过的精华内容。无论您是否已经成为了 Dart 专家,相信在阅读后都会感到受益匪浅。所以,倒一杯清甜的茶,找一张舒适的椅子,让我们带您进入空安全之旅吧!自 Dart 2.0 替换了静态可选类型系统为健全的静态类型系统后,空安全是我们对 Dart 作出最大的改变。在 Dart 初始之际,编译时的空安全是一项少有且需要大量时间推进的功能。时至今日,Kot..转载 2021-05-25 11:27:32 · 742 阅读 · 0 评论 -
H5移动端调试神器-eruda.js
Eruda是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。在main.js中添加如下代码if(process.env.NODE_ENV == 'development' || process.env.NODE_ENV == 'testing'){ let src = '//cdn.jsdelivr.net/npm/eru...原创 2021-05-10 11:37:46 · 1008 阅读 · 0 评论 -
页面锚点,点击跳转页面某固定位置(scrollIntoView)
常用场景:页面锚点,点击跳转页面某固定位置1.element.scrollToView() (1)当页面有fixed顶部的布局时,由于fixed布局的元素脱离文档流,被scrollToView()的元素会被置顶到页面最顶部,导致部分被fixed布局的元素遮挡,因此不太适用。 (2)可用于页面没有fixed布局,常见的是顶部需要固定位置时可用element.scrollToView(),但是当点击的元素没有当前页面的高度(100vh)时,会出现整个页面上移的情况。 此时可用的解...原创 2021-05-10 11:35:15 · 1899 阅读 · 0 评论 -
浅析移动端滚动条处理方案
滚动体属性:::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块,能上下左右移动(取决于是垂直滚动条还是水平滚动条)::-webkit-scrollbar-track 滚动条的轨道(里面装有thumb)::-webkit-scrollbar-button 滚动条轨道两端的按钮,允许通过点击微调小方块的位置::-webkit-scrollbar-track-...原创 2021-05-10 11:32:48 · 1066 阅读 · 0 评论 -
基于vue+vant的移动端适配(亲测有效)
1.下载lib-flexible --savenpm i lib-flexible --save2.在main.js中引入lib-flexiblemain.jsimport 'lib-flexible/flexible'3.设置meta标签<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">4.安装po原创 2021-05-10 11:27:03 · 1621 阅读 · 3 评论 -
iPhoneX安全区域H5的屏幕适配
在苹果 iPhoneX 、iPhone XR等设备上,可以看到物理Home键被取消,改为底部小黑条替代home键功能。h5 网页需要针对这种情况进行适配,否则可能会遇到底部按钮或选项卡栏与底部黑线重叠的情况。具体方案如下:使用苹果官方推出适配方案css函数env()、constant()来适配env()和constant(),是IOS11新增特性,Webkit的css函数,用于设定安全区域与边界的距离,有4个预定义变量:safe-area-inset-left:安全区域距离...原创 2021-05-10 11:30:20 · 623 阅读 · 0 评论 -
H5监听移动端物理/浏览器返回键
JavaScript没有监听物理返回键的API,所以只能使用 popstate 事件监听。工具类如下:export function handleBrowserGoBack(back){ console.log("back"); pushHistory(); addPopstateListener(back);}/** * 向历史记录中插入了当前页 */function pushHistory() { let hash = lo...原创 2021-05-10 11:39:59 · 3487 阅读 · 0 评论