一、前言 网络是移动应用生命线，网络层面的各种问题会给移动应用带来许多迷惑的行为和症状。通过抓取网络包数据，可以针对性地分析由网络层面问题引起的各种症状，包括连接中断、TLS 握手失败、DNS 解析失败等错误。 Charles 和 Fiddler 可以帮助捕获和分析 HTTP 层面的问题，如果问题发生在 TCP/IP 层面，则需要 TCP 报文的捕获和分析工具。Wireshark（支持 Mac/W
一、前言 在应用uni-app跨平台技术栈进行app开发过程中，uni-app官网支持两种页面设计方案：vue与nvue，不少同学在应用过程中，会搞不清楚两者的区别，而不知如何选择，甚至可能产生错误的应用方式。 二、选择方案 uni-app App 端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。 在 App 端，如果使用 vue 页面，则使用 webview 渲染；如果使用
一、archive 四种模式 在应用XCode进行苹果打包的时候有以下四个选项可供选择，在此累述一下四种模式的含义： App Store : 用来发布到App Store， 使用发布证书编译。(production) Ad Hoc : 在开发者账号中过UDID的设备可以使用，使用发布证书编译。(production) Enterprise : 企业发布，使用企业证书编译。 Developm
一、前言 正如将可复用功能封装为自定义组件以供他人使用一样，在uni-app开发框架中提供了另一种形式的自定义插件，并可将该插件提交至uni-app插件市场。 二、插件制作 制作插件前，首先要清楚实现插件的基本思路： 插件需要实现什么效果； 建立插件模板，先把架子搭起来，完成插件基本样式、大致效果； 插件基本逻辑是怎样的； 准备好插件的数据输入，即分析好逻辑，定义好插件里面的数据、类型； 准备
一、前言 在日益发达的网络时代，web应用也是越来越复杂，尤其是前端的开发，也是越来越受重视。 前端项目开发完成后，会有一些列的web应用的上线验证，如自测、QA测试、code review 等，以确保 应用能在生产上没有事故。 但事以愿违，很多时候我们都会接受的客户的一些线上问题，这些问题有时候可能你是自己开发的原因本身存 在的问题，这样的问题一般能够在测试环境重现，我们很快的能定位到问题关键位
一、前言 uni-app开发完APP后，上架到应用市场，审核时会对APP内部设置的权限进行核准，并给出相应的理由。 如项目中有以下权限设置： "android" : { "permissions" : [ "<uses-feature android:name=\"android.hardware.camer
一、前言 传统的微信分享可通过URLScheme 实现，具体实现方式详参博文《跨平台应用开发进阶(十六) ：uni-app实现URLScheme唤醒APP》，但URL scheme因为是自定义的协议，所以在没有安装 app 的情况下是无法直接打开的(在Safari中还会出现一个不可打开的弹窗)，而Universal Link(通用链接)本身是一个HTTPS链接，所以有更好的兼容性。 二、Unive
(文章目录) 一、脚手架是什么 脚手架是一种约定和规范。可以实现如下规范： 相同的文件组织结构； 相同的开发范式； 相同的模块依赖； 相同的工具配置； 相同的基础代码； 然后脚手架将这些重复性的约定、规范全部都集成起来，减少这样无意义的操作。 二、Yeoman是什么？ Yeoman最初发布于 2012 年，是一款高效、开源的 Web 应用脚手架（scaffolding）软件，意在精简软
(文章目录) 一、什么是 BloC 模式？ BloC【Business Logic Component】模式是paolo soares 和 cong hui 在2018年Google dartconf上提出的，具体的视频你可以参考YouTube. 从视频中可以看到paolo soares用一个及其简单的例子阐述了传统写法的问题： 业务逻辑和UI组件糅合在一起。 不方便测试，不利于单独的
(文章目录) 一、API 原型 createMaterialTopTabNavigator(RouteConfigs,TabNavigatorConfig) 二、参数说明 2.1 RouteConfigs 路由名称到路由配置的一个映射。示例如下： { Home:{ //这是一个首页路由配置项 screen:Home,//必填项 Home是react的一个组件 path:'',//选
一、前言 项目开发过程中，需要获取设备信息，例如获取设备名称。可通过使用开源的第三方组件react-native-device-info，该组件适用于iOS和Android双平台。 在ReactNative项目中可通过npm命令下载 react-native-device-info 组件依赖包： npm install --save react-native-device-info 二、Andr
(文章目录) 一、问题描述 在RN Android开发过程中，测试机突然报如下错误信息： 二、问题分析 红屏给出的解决方案翻译过来如下： 请按照以下的步骤来修复此问题： 确保包服务器在运行 确保你的设备或者模拟器连接着电脑，并且手机打开了USB调试模式，然后在cmd中运行adb devices来查看已经连接好的设备列表 确保飞行模式是关闭的 如果是使用真机来开发，输入 adb reverse
(文章目录) 概述 所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。RN 组件的生命周期整理如下图： 如图，可以把组件生命周期大致分为三个阶段： 第一阶段：是组件第一次绘制阶段，如图中的上面虚线框内，在这里完成了组件的加载和初始化； 第二阶段：是组件在运行和交互阶段，如图中左下角虚线框，这个阶段组件可以处理用户交互，或者接收事件更新界面； 第三阶段
(文章目录) 一、前言 先带大家分析2张架构图，对RN大致的运行加载过程有个印象。 ReactNative系统框架图如下所示: 启动流程图如下所示： 在开始分析之前，先思考一个问题： 为什么ReactNative能像web端一样实现跨端和热更新，同时又有接近Native的性能呢？ ReactNative 的本质是在 JS 端编写 React 代码，通过 JavaScriptCore 引擎
(文章目录) 一、序 目前主流的移动跨平台技术方案大体可以分为三类， 使用原生内置浏览器加载HTML5的Hybrid技术方案，采用此种方案的主要有Cordova、Ionic和小程序； 使用JavaScript语言进行开发，然后使用原生组件进行渲染，采用此方案的主要有React Native、Weex和轻快应用； 使用自带的渲染引擎和自带的原生组件来实现跨平台，采用此种方案的主要是Flutt
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
