移动端

优化移动端H5：常见问题与解决方案本文介绍了开发中遇到的几个关于移动端H5开发中的小问题，以及解决的方法。在iOS设备上，H5页面的滑动效果有时会出现不流畅的情况，特别是在页面高度超过一屏时。这通常是由于iOS的webview对滚动事件的默认处理机制导致的。

欲与晨风共行

vue聊天对话语音消息播放动态特效vue2写法，vue3也能用，粘之即走：示例：

hello world smile

关于Flutter空安全升级方案整理Flutter 从 2.0 版本开始支持空安全（Null Safety）。dart 版本为：升级到空安全后，由于语法的变动，基本上整个工程，代码都爆红，这对项目来说简直是灾难性的打击，不升级的话只是缓兵之计，因为随着时间的推移，flutter将不再维护非空安全的版本，同时一些三方库也将无法使用，因此空安全升级变成了一个不得不做的事情，项目越复杂需要的时间也就越持久，考虑到对项目的稳定性，和开发周期。选择一个合适自己项目的迁移方案非常重要。下面自己会讲下自己对空安全迁移的理解和实施方案，目前成功迁移几个项目

【CoCollider】让系统和应用适配如此简单在各平台应用开发过程中，随着业务的功能增加，不免会涉及到非公开的API依赖，针对某些应用或厂商系统的适配，每个版本都需要投入精力去排查，CoCollider 可以让我们的适配效率从几个星期提升到几小时即可完成。

Amarantine、沐风倩✨

实现uniapp天地图边界范围覆盖代码效果如下图所示：首先申请天地图key，它是免费的，但需要你申请。申请地址：天地图API然后根据页面提示，自行完成【创建新应用】。即可以获取到自己需要的key，注意uniapp申请浏览器端。

kotlin中的对象表达式与java中的匿名内部类Kotlin 中的对象表达式（Object Expressions）和 Java 中的匿名内部类（Anonymous Inner Classes）在功能和用途上相似，它们都允许定义一个类的一个匿名实例，但是这个实例的创建是基于已经存在的类。它们在语法和写法上存在一些明显的差异。

【Abyss】Android 平台应用级系统调用拦截框架Android平台从上到下，无需ROOT/解锁/刷机，应用级拦截框架的最后一环 —— SVC系统调用拦截。

程序者王大川

【移动端】Flutter与uni-app：全方位对比分析Flutter是由Google开发的一款跨平台移动应用开发框架，采用Dart语言进行开发。它通过自绘UI的方式，实现了一套代码在iOS、Android、Web等多平台运行的目标。

微信小程序 BLE 基础业务接口封装写在前面：本文所述未必符合当前最新情形（包括蓝牙技术发展、微信小程序接口迭代等）。微信小程序为蓝牙操作提供了很多接口，但在实际开发过程中，会发现隐藏了不少坑。目前主流蓝牙应用都是基于低功耗蓝牙（BLE）的，本文介绍相关的几个基础接口，并对其进行封装，便于业务层调用。

Android 存储概览Android 一开始就将存储区分为内部存储和外部存储，对应手机自带的存储和可插拔的 sd 卡（可类比于 PC 的硬盘和 U盘）。

解决Vue2移动端（H5）项目，手机打开项目侧滑或者按物理返回键，始终是走this.$router.go(-1)最近开发Vue2移动端（H5）项目，用手机打开项目侧滑或者按物理返回键，始终是走this.$router.go(-1)，即相当于点击了浏览器的返回键的项目。目前想要的效果是：只要回到初始页面，点击返回或者侧滑都应该回到工作台，不应该在一步一步的返回到之前进过的页面。

Vue2移动端（H5项目）项目基于vant实现select单选（支持搜索、回显、自定义下拉label展示功能）基于ElementUi再次封装基础组件文档基于ant-design-vue再次封装基础组件文档vue3+ts基于Element-plus再次封装基础组件文档

移动端的知识以及排静态网页的步骤屏幕大小不同：移动设备的屏幕较小，通常以英寸表示尺寸，而PC端显示器较大。交互方式不同：移动端以触摸为主，而PC端使用鼠标和键盘。网络环境不同：移动端常常依赖不稳定的移动网络，而PC端多数情况下使用稳定的有线网络。性能差异：移动设备的性能普遍低于PC，尤其是在处理器速度和内存容量上。

十年4646454sdg5sagsa

vue检测页面手指滑动距离，执行回调函数，使用混入的语法，多个组件都可以使用mixin.ts 定义滑动距离的变量和检测触摸开始的方法，滑动方法，并导出两个方法 sendTranslateX.value > 250 && sendTranslateY.value < -100是向上滑动，满足距离后执行回调函数func，并在一秒内不再触发，一秒后清空距离并允许再次触发。

Flutter应用开发：掌握StatefulWidget的实用技巧随着移动应用的日益复杂，状态管理成为了 Flutter 应用开发中的一项重要挑战。状态，即应用中的可变数据，它驱动着用户界面的渲染和交互。

黄油奥特曼

Flutter showModalBottomSheet用法先搞一个DialogUtil工具类调用的时候scrollControlled属性要设置true，这样bottomSheet的弹窗可以滑动

Flutter笔记：关于WebView插件的用法（上）【介绍】：WebView是一个可以在移动应用中显示网页的组件。它基于原生的WebView控件(如iOS中的WKWebView和Android中的WebView)，提供了加载URL、显示HTML内容、与JavaScript交互等功能。通过在Flutter应用中使用WebView，我们可以方便地集成Web内容，并与之进行交互。本文介绍Flutter中WebView插件的用法。

Day13：vw 和 vh 基本使用目标：使用 vw 和 less 完成移动端的布局。vw 和 vh 是相对单位，相对视口尺寸计算结果。vw单位的尺寸 = px 单位数值 / ( 1/100 视口宽度 )