小炫风技术旅行

按页面（Screen）分适合中大型项目，每个页面或模块较为独立，易于管理。页面较复杂时，所有相关逻辑（视图、状态、组件等）都可以放在一个文件夹中。按组件类型分适合中小型项目，且有较多可复用组件时。页面和 UI 组件分离，便于复用和测试。按层级结构分适合复杂项目，有多个功能模块且涉及状态管理（MVVM、BLoC等）时。功能和责任划分更清晰，易于协作和维护。如果你有更具体的项目需求，告诉我，我可以帮助你设计一个更符合需求的文件夹结构。4o mini方案 1（按页面分）：适合功能模块独立项目中页面较多。

print()

反序列化兼容特征一览表类型\是否兼容兼容各种基础类型数据,并提供三种兼容模式

Melos是 Dart/Flutter 官方推荐的 Monorepo 管理工具，适合你有如下需求：✅ 管理多个 Flutter/Dart 包（如 utils、plugin、theme）✅ 模块间有依赖关系✅ 想一次安装依赖、一次测试、一次发布多个模块✅ 想提高团队协作效率（每人写自己模块）yaml复制编辑调用：bash复制编辑。

​语义化版本控制（Semantic Versioning，简称 SemVer）是一种广泛采用的版本号管理规范，旨在通过版本号传达软件更新的性质和影响，帮助开发者和用户理解每次发布的变更内容。

在开发桌面软件的时候我们经常需要配置软件的窗口的大小以及位置我们有两个框架选择:window_manager和bitsdojo_window。

fvm的主要作用管理多个 Flutter SDK 版本,由于flutter 各个版本的兼容情况不太好,且第三方项目需要的flutter版本不一致,所以我们需要fvm来安装多个版本的sdk,并动态切换。

Rrule教程。

flutter 一键打包macos 程序

jetpack compose 文本处理

命令式和声明式 UI大战,个人认为命令式UI自定义成都较高,能更深入到性能,内存优化方面,而申明式UI 是现在主流的设计,比如React,React Native,Flutter,Swift UI等等,现在性能也逐渐在变得更好,还有一个原因compose 是KMM 嫩完整跨平台的UI基础。

在 web 应用开发中，路由系统是不可或缺的一部分。在浏览器当前的 URL 发生变化时，路由系统会做出一些响应，用来保证用户界面与 URL 的同步。随着单页应用时代的到来，为之服务的前端路由系统也相继出现了。react路由框架有很多,下面来一一解剖:react-router源码地址:https://www.npmjs.com/package/react-router或者https://gi...

结构数组:Array Destructuring我们可以用这种范式来得到x对应位置的值let x=['zhangsan','lisi','wangwu'];let [z,l,w]=x;//z,l,w可以是任意名称document.write(z+l+w);//输出:zhangsanlisiwangwu对象解构 var x={name:"zhangsan",age:30}...

类型判断typeof(xx)js可以定义为一门弱类型语言,当然也有typescript强制约束类型,js获取变量的类型的方法:typeofvar xx='hello';console.log(xx);alert("type:"+typeof(xx));输出:type:string;注意:数组的类型也是objectvar arr=[1,2];alert('arr t...

微信小程序从0到1绑定数据语法 {{变量名称}} . 这跟其他的mvvm框架类似eg.<button bindtap='testClickBtn'>{{testBtnText}} js 赋值// pages/test/test.jsPage({ /** * 页面的初始数据 */ data: { testBtnText:'确定' }})js 处理点...

在开发中,我们时常要引用很多资源,比如图片,字符串,颜色等等，react 这个引用方法 import和require 必须传递相对路径,不便于移动应用开发,本人实在受不了这种引用方式,而且require加载图片,不能是变量,很烦人,我给出一种映射解决办法上面这种图片引用方式实在太痛苦,我给出一种优雅方案,动态产生资源清单文件:第一步:在项目根目录新建一个init.js文件第二步...

由于rn的开源项目实在太少,想要像android ios那样有hud,既能loading,又能提示各种状态的hud,所以我封装了一个react_native平台的hud:运行效果:添加依赖: yarn add xxf_huddemo 源码: import React, {Component} from 'react'import { View, ...

什么是typescript？中文官网地址：点击typescipt的优势一个第特性叫做类型检测在打字稿里面的英文运行为变量指定类型的，比如当你为这个变量指定数字类型的值的时候，IDE会做出类型检查，然后告诉你这里可能会有错误，这个特性会减少你在开发阶段犯错误的几率。 第二个特性是语法提示在IDE里面去编写打字稿的代码时，IDE会根据你当前的上下文，把你能用的类，变量，...

我们知道props可以传递参数,但是需要一级一级地传递(A->B->C...),非常麻烦,这里提供一种用context实现跨级参数传递; Context属性的使用步骤 [准备阶段] 1.在产生的参数的最顶级组件中,使用childContextTypes静态属性来定义要放入全局参数的类型 2.在父组件中,提供状态,来管理数据 3.声明子组件获取全局参数的方式 imp...

类的创建声明类的关键词:classStudent.jsexport default class Student { constructor(name, age) { this.name = name; this.age = age; } getDesc() { return "我是:" + this.name ...

        我们使用两种数据来控制一个组件：props和state。props是在父组件中指定，而且一经指定，在被指定的组件的生命周期中则不再改变。 对于需要改变的数据，我们需要使用state。        一般来说，你需要在 constructor 中初始化state（译注：这是 ES6 的写法，早期的很多 ES5 的例子使用的是 getInitialState 方法来初始化 stat...

  props是组件的属性,描述一个组件的,类似Android Attribute如下实例,props从外部传递进来:import React, {Component} from 'react';import {Platform, StyleSheet, Text, View} from 'react-native';export default class PropsCo...

1.类的导出和导入在官方生成的项目中,我们可以看到一个特别的关键字 exportexport就是提供给外部导入的标示导入语法:import LifecycleComponent from "./xxxComponent";2.变量的导出导入导出变量:方式1:方式2:导入变量:import {age, name} from "./ExportCompone...

在Android 和IOS我们都知道组件都有生命周期,RN的组件依旧不例外;RN组件的生命周期主要分为3个部分1.装载组件2.更新组件3.卸载组件方法名 作用 调用次数 constructor 构造函数,初始化需要state 1次 componentWillMount 控件渲染前触发 1次 render 渲染控件的方法 ...

RN创建组件的三种方式:1.ES6(推荐,比较新的语法)2.ES53.函数式创建Hellocomponent.jsimport React, {Component} from 'react';import {Platform, StyleSheet, Text, View} from 'react-native';/** * 方式1：ES6 */export defa...

500之 index.js could not be found App.jsURL: http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=falseerror: bundling failed: Error: Unable to resolve module ./../react-tran...

1.下载webstorm百度一下就知道了2. 在webstorm下配置node环境：2.安装官方支持架包npm install -g create-react-app3.新建react app项目new project进入构建中...(稍等一会)构建完成...

1.安装 Node, Watchman官方参考brew install nodebrew install watchman如果出现出现 brew install node command not foundbash 下执行 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/maste...

第一步:创建一个普通的module第二步:添加依赖compile 'com.facebook.react:react-native:0.20.1'第三步:添加网络权限 第四步:添加原生代码:package com.xuan.reactnativetest;import android.os.Bundle;import android.sup

第一步:安装node.js第二步:安装git  省略第三步: clone 环境第四步: android studio 运行  用as打开android 目录下面生成的项目至此 环境顺利搭建完成

我的共享笔记地址:印象笔记本篇博客属于笔记整理形式,且站在java开发和js开发角度来阐述,有些是直接说和什么类似,一致,不会阐述太多!一.flutter支持的数据类型1. number类型: int和double 注意:double类型的值可以是整形也可以是浮点类型double d=13.5;d=12;2.String类型String nullStr;print(nullStr==null);//truenullStr="";print(nullStr....