朱豪凯的博客

推荐的开发工具及安装ue开发者工具vue-devtools-4.1.4_0.crx谷歌插件下载怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?使用淘宝的镜像，避免墙外安装失败npm config set registry http://registry.npm.taobao.org/安装vue-clinpm install -g vue-cli查看版本node -...

在Chrome中，点击F12，进入如下页面，通过点击Toggle device toolbar，切换至移动Web调试模式。然后，点击选择区域，可以选择相关的手机设备，以及屏幕分辨率等，可以看到，这个时候，百度网页自动变成了手机版。如何添加手机型号点击这个按钮选择Device选项，可以看到，可以勾选更多的型号。如果这些型号都不满足要求，可以点击Add custom device......

有个童鞋给我留言，说遇到了`rying to create a platform view of unregistered type`的报错，想问一下有没有遇到过，怎么解决的

Flutter 接入高德地图插件，并配置地图样式

由于`FlutterBoost`暂不支持FlutterView这种级别支持，所以需要使用Fragment。FlutterBoostFragment.CachedEngineFragmentBuilder

在Flutter开发过程中，我们发现Flutter对于WebView的支持并不太好，而我们原生项目中，使用的腾讯的X5 WebView，所以也想在Flutter中进行嵌入使用。

发现官方的Flutter CheckBox控件无法满足我的需要 : Border无法指定宽度，CheckBox无法指定大小。 所以，只能自己去找第三方库了，终于在Github上找到了一个比较满意的库: 可以指定边框宽度、控件大小、选中的Icon等等，自定义化程度比较高

FlutterBoost是什么FlutterBoost是阿里系闲鱼技术团队开源的 Flutter 插件。FlutterBoost的理念是将Flutter像Webview那样来使用。在现有应用程序中同时管理Native页面和Flutter页面并非易事，FlutterBoost帮你处理页面的映射和跳转，使你只需关心页面的名字和参数即可（通常可以是URL）。如何接入FlutterBoost一般参考FlutterBoost官方文档接入即可，但是我在接入的时候，遇到了一些坑，是官方文档说明的不够仔细导致的，

Flutter和Native之间进行通信Flutter和Native之间通讯，使日常开发中经常需要用到的功能。本文介绍了Flutter和Native如何进行通讯，以及在引入FlutterBoost的情况下，如何进行Flutter和Native的通讯。Flutter和Native之间通信的常见场景初始化Flutter时Native向Dart传递数据Native发送数据给DartDart发送数据给NativeDart发送数据给Native，然后Native回传数据给DartFlutter和N

crypto这个加密库支持SHA-1SHA-224SHA-256SHA-384SHA-512SHA-512/224SHA-512/256MD5HMAC (i.e. HMAC-MD5, HMAC-SHA1, HMAC-SHA256)添加引用在pubspec.yaml中添加如下配置 encrypt: ^5.0.1使用起来也很容易，比如说sha256加密import 'package:crypto/crypto.dart';import 'dart:convert'; //

当Flutter作为模块 (Flutter Module) 使用的时候，我们可以将Flutter Module 打包成aar的方式，依赖到Android原生项目中，这样原生项目无需进行任何的Flutter配置，耦合最小。我们可以使用maven仓库对aar包进行管理。方法一 : 直接手动上传到maven仓库中详情可以看我的另一篇博客 手动上传aar到nexus maven仓库方式二 : 使用脚本自动上传在Flutter Module 项目的根目录下，新建一个script文件夹下载flutter

Flutter Web 打包并发布到Tomcat服务器上首先，我们需要创建一个Flutter项目接着，我们使用cmd进入该目录，执行flutter create . 创建flutter web 的支持[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eo9VqXsx-1635400307486)(C:\Users\Administrator\Desktop\Flutter Web\image-20211027180241244.png)]这个时候，我们可以看到，目录下多了

查看当前Flutter版本flutter --version打包// Androidflutter build apk// iosflutter build ios//webflutter build web

方式一class HiNet { HiNet._(); static final HiNet _instance = HiNet._(); static HiNet getInstance() { return _instance; }}使用void main() { var instance = HiNet.getInstance();}方式二class HiNet { HiNet._privateConstructor(); static fina

环境安装本文基于window 10 x64，大陆网络环境，Android Studio 3.2.11.获取Flutter SDK去flutter官网下载其最新可用的安装包，点击下载注意，Flutter的渠道版本会不停变动，请以Flutter官网为准。另外，在中国大陆地区，要想正常获取安装包列表或下载安装包，可能需要翻墙，读者也可以去Flutter github项目下去下载安装包 。2...

一般来说在最外层，都要包一层Scaffold，让页面更好看。Flutter ignore文件添加第三方库打开pubspec.yaml在dependencies下增加比如，我们增加一个dio网络请求库注意:后面有一个空格...

什么是Future表示在接下来的某个时间的值或错误，借助Future我们可以再Flutter实现异步操作。它类似于ES6中的Promise，提供then和catchError的链式调用Future是dart:async包中的一个类，使用它的时候需要导入dart:async包，Future有两种状态:pending : 执行中completed : - 执行结束，分两种情况要么成功要...

原生项目集成Flutter创建Flutter module添加Flutter module依赖在Java/Object-c中调用Flutter module编写Dart代码1.创建FlutterModule首先在你的Native项目的上一级目录，运行如下代码flutter create -t module flutter_module 这样，就会创建一个flutter模块...

项目结构Pages:存储所有页面Utils:存的是工具类，比如格式化时间的函数app.json、app.js、app.wxss:主文件app.js: 小程序逻辑(打开小程序，第一个执行的就是这个，即入口)app.json:小程序的公共配置(全局的)app.wxss:小程序公共样式表(全局的)sitemap.json:配置文件每个小程序页面，都是由.js、.json、.wxml...

WePYWePY 框架在开发过程中参考了 Vue 等现有框架的一些语法风格和功能特性，对原生小程序的开发模式进行了再次封装，更贴近于 MVVM 架构模式, 并支持ES6/7的一些新特性。开发风格：接近于 Vue.js，支持组件 Props 传值，自定义事件、组件分布式复用Mixin、计算属性函数computed、模板内容分发slot等等组件化：组件化开发，完美解决组件隔离，组件嵌套，...

React Native - window 环境安装与配置接触RN也有10来天了，记录下环境安装上遇到的坑和工具的配置。环境为win10 64位。环境安装环境安装大体按照官网上来就行，但有些地方要注意，以下，做下补充。安装Chocolatey安装教程 请使用管理员身份运行cmd.exepython环境变量配置不配置python环境变量会报以下错误gyp ERR! configure error