随笔分类 - 编程开发
摘要：常量 dart 常量主要指 final 和 const 修饰符： const 声明的常量是在编译时确定的，永远不会改变； final 声明的常量允许声明后再赋值，赋值后不可改变，final 声明的变量是在运行时确定的； final 不仅有 const 的编译时常量特性，最重要的它是运行时常量，并且
阅读全文
摘要：空安全 Null safety 翻译成中文的意思就是空安全，它可以帮助开发哲避免一些日常开发中很难被发现的错误，并且额外的好处是可以改善性能。 flutter 2.2.0 之后的版本都要求使用 null safety。 ？可空类型 变量检查 String username="张三"; // 表示非空
阅读全文
摘要：库 在 dart 中，库的使用，是通过 import 关键字引入的。 library 指令可以创建一个库，每个 dart 文件都是一个库，即使没有使用 library 指令来指定。 dart 中的库主要有三种： 我们自定义的库 import 'lib/xxx.dart'; 系统内置库 import
阅读全文
摘要：泛型 泛型就是解决类、接口、方法的重用问题，以及对不特定数据类型的支持（类型校验）。 // 定义泛型方法 T getData<T>(T value){ return value; } // 使用 main(){ print(getData<String>("hello")); print(getDa
阅读全文
摘要：mixins mixins 中文意思是混入，就是在类中混入其他功能，在 dart 中可以使用 mixins 实现类似多继承的功能。 因为 mixins 使用的条件，随着 dart 版本一直在变，这里讲的是 dart2.x 中使用 mixins 的条件： 1、作为 mixins 的类只能继承自 obj
阅读全文
摘要：抽象类 Dart 抽象类主要用于定义标准，子类可以继承抽象类，也可以实现抽象类接口： 1、抽象类通过 abstract 关键字来定义 2、Dart 中的抽象方法不能用 abstract 声明，Dart 中没有方法体的方法我们称为抽象方法 3、如果子类继承抽象类必须得实现里面的抽象方法 4、如果把抽象
阅读全文
摘要：万物皆对象 Dart 是一门纯面向对象的编程语言，这意味着 Dart 程序在运行时所处理的值都是对象，甚至包括数字、布尔值等基本数据，无一例外。 Dart 坚持对所有数据统一处理，这方便了所有与语言相关的的人员：语言的设计者、实现者，以及最重要的使用者。 面向接口编程，而非面向实现 关注对象的行为而
阅读全文
摘要：概念简介 定义解析 Vite（法语"快速"）是由 Vue.js 创始人尤雨溪开发的前端构建工具，其技术特性有： 基于 ESM（ECMAScript Modules）的现代模块系统； 开发环境与生产环境分离的双引擎架构 面向浏览器原生特性的编译优化工具链 也是目前 React 官方主推的脚手架工具。
阅读全文
摘要：简介 yarn 和 npm 都是 JavaScript 生态中常用的包管理工具，用于安装、管理和发布 JavaScript 包。它们虽然功能类似，但在性能、特性和使用体验上等有一些区别。 背景 工具 背景 npm Node.js 自带的包管理工具，历史悠久，生态庞大。是 JavaScript 生态的
阅读全文
摘要：简介 Mermaid 是一款开源图表生成工具，通过 Markdown 式语法快速创建流程图、时序图、甘特图等十余种专业图表。其核心特性包括： 代码化绘图：用纯文本替代拖拽操作，支持 Git 版本管理 跨平台渲染：无缝嵌入 GitHub、Notion、VS Code 等开发协作工具 AI 增强：结合自
阅读全文
摘要：安装环境 系统：KYLIN Embedded Linux V10 (SP1) 架构：aarch64 内核：5.4.18-63+ Go版本：1.21.4 前期准备 获取Go安装包 因为是内网环境，所以这里选择的是离线安装，因为国内访问官网网速慢，这里选择从国内阿里云镜像站下，版本包为 go1.21.4
阅读全文
摘要：添加购物车实现 需求理解 点击 + 号添加当前商品到购物车列表 实现步骤 使用 RTK 管理新状态 cartList 思路：如果添加过，只更新数量 count，没有添加过，直接push进去 组件中点击时搜集数据提交 action 添加购物车 代码实现 store/modules/takeaway.j
阅读全文
摘要：商品列表切换显示 需求 条件渲染：控制对应项显示 activeIndex index && 视图 实现 App.js import NavBar from './components/NavBar' import Menu from './components/Menu' import Cart f
阅读全文
摘要：点击分类激活交易实现 步骤分析 使用RTK编写管理activeIndex 组件中点击触发action更改activeIndex 动态控制激活类名显示 实现示例 使用RTK编写管理activeIndex：takeaway.js // 编写store import { createSlice } fro
阅读全文
摘要：分类和商品列表渲染 实现步骤 启动项目（mock服务+前端服务） 使用RTK编写store（异步action） 组件触发action并且渲染数据 实现示例 takeaway.js // 编写store import { createSlice } from '@reduxjs/toolkit' im
阅读全文
摘要：准备环境 克隆项目到本地 内置了基础静态组件和模版：git clone http://git.itcast.cn/heimaqianduan/redux-meituan.git 安装所有依赖 npm i 启动mock服务 内置了 json-server：npm run serve 启动前端服务 np
阅读全文
摘要：异步状态操作 异步操作步骤 创建store的写法保持不变，配置好同步修改状态的方法 单独封装一个函数，在函数内部return一个新函数，在新函数中 封装异步请求获取数据 调用同步actionCreater传入异步数据生成一个action对象，并使用dispatch提交 组件中dispatch的写法保
阅读全文
摘要：提交action 需求说明 组件中有两个按钮 ’+10‘ 和 ‘+20’，可以直接把count值修改到对应的数字，目标count值是在组件中传递过去的，需要在提交action的时候提交参数。 需求实现 在 reducers 的同步修改方法中添加action对象参数，在调用actionCreater的
阅读全文
摘要：Counter实现 思路 实现 使用 react toolkit 创建 counterStore counterStore.js import { createSlice } from "@reduxjs/toolkit" const counterStore = createSlice({ nam
阅读全文
摘要：redux 环境搭建 配套工具 在react中使用redux，官方要求安装两个插件：Redux Toolkit 和 react-redux。 React Toolkit（RTK）- 官方推荐编写redux逻辑的方式，是一套工具的集合集，简化书写方式。 简化store的配置方式 内置immer支持可变
阅读全文
浙公网安备 33010602011771号