11-26 前端开发 Flutter Flutter是基于Dart语言的跨平台UI框架。本文档涵盖Dart语法基础和Flutter框架核心。Dart部分介绍了变量常量、数据类型(String、int、List、Map等)、空安全机制、函数、类继承、异步编程(Future、async/await)。Flutter部分包括开发环境搭建、核心组件(MaterialApp、Scaffold、Stateless/StatefulWidget)、生命周期、布局组件(Container、Row/Column、Flex、Wrap、Stack、ListView、GridView等)、文本、图片、输入框等常用组件的使用方法,以及自定义ScrollView、PageView等高级滚动组件的实现。 9 0 0
04-03 前端开发 React React是用于构建用户界面的JavaScript库,专注于将数据渲染为HTML视图。原生JavaScript操作DOM繁琐、效率低且缺乏组件化方案。React优势包括采用组件化模式和声明式编码提高开发效率、支持React Native移动端开发、使用虚拟DOM和优秀的Diffing算法减少与真实DOM交互。 React基本使用需要引入三个核心库:react.js(核心库)、react-dom.js(DOM操作扩展库)和babel.min.js(解析JSX语法)。虚拟DOM创建方式有两种:JSX创建(推荐)和JS创建(使用React.createElement方法)。虚拟DOM本质是Object类型对象,比真实DOM轻量,最终会被React转换为真实DOM呈现。 JSX是React定义的类似XML的JS扩展语法,本质是React.createElement方法的语法糖。JSX语法规则包括定义虚拟DOM时不写引号、标签中混入JS表达式时使用{}等 4 0 0
08-11 前端开发 TypeScript TypeScript是JavaScript的超集,对JS进行扩展,引入类型概念并添加新特性。TS代码需要通过编译器编译为JS才能执行,完全兼容JS。相比JS,TS拥有静态类型、更严格语法、更强大功能,可在代码执行前完成检查,减小运行时异常,代码结构更清晰,便于维护。 安装方式:npm i -g typescript,使用tsc xxx.ts编译。核心特性是类型声明,通过let 变量:类型指定变量类型,TS编译器自动检查值是否符合类型。TS支持自动类型判断,当声明和赋值同时进行时可省略类型声明。 TS数据类型包括:number(数字)、boolean(布尔值)、string(字符串)、字面量(限定取值范围)、any(任意类型)、unknown(类型安全的any)、void(无返回值)、never(永不返回)、object(对象)、array(数组)、tuple(元组)、enum(枚举)。类型断言有两种形式:as语法和尖括号语法。 编译选项包括:-w指令自动监视文件变化并重新编译;创建tsconfig.json配置文件后使用tsc命令自动编译整个项目。 7 0 0