G5G9kTkvHDi8
一、typeof、null和undefined 1、typeof操作符 使用typeof操作符来检测变量的数据类型。 实例： <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>JavaScript基础知识学习</title> </head> <body> <p>typeof操作符返回变量或表达式的类型。</p> <pid="demo"></p> <sc...
一、JavaScriptthis关键字 1、描述 面向对象语言中，this表示当前对象的一个引用。 但在JavaScript中，this不是固定不变的，它会随着执行环境的改变而变化。 方法中，this表示该方法所属的对象。 如果单独使用，this表示全局对象。 在函数中，this表示全局对象。 在函数中，在严格模式下，this是未定义的（undefinded）。 在事件中，this表示接收事件的元素。 类似call()和apply()方法，可以将this引用到任何对象。 2、this使用 1）、方法中的this 在对象方法中，this指向调用它所在方法的对象 <!DOCTYPEh...
一、安装插件 1、前提条件，安装配置好AndroidStudio环境 2、安装Flutter和Dart插件 Linux或者Windows平台： 1）、打开File > Settings。 2）、在左侧列表中，选择"Plugins"右侧上方面板选中 "Marketplace" 在搜索框中输入“flutter”，选择Flutter插件，点击“Install”安装。 3）、提示安装时点击确认。如果提示同时安装Dart插件也点击确认。 4）、当弹出重新启...
一、创建Flutter应用 1、前提条件 安装VisualStudioCode并配置好运行环境 2、开始创建Flutter应用 1)、打开VisualStudioCode 2)、打开 View>CommandPalette。 3)、在搜索框中输入“flutter”，弹出内容如下图所示，选择“ Flutter:NewProject”，并点击Enter 4)、选择 Applocation，并点击Enter 5)、新建或选择新项目将存放的上层目录,。例如：“E:\zdmProject\FlutterHelloWord” 6)、输入项...
1、下载 FlutterSDK，下载完成后，在需要放置SDK的地方解压即可。 注意： 请勿将Flutter有特殊字符或空格的路径下。 请勿将Flutter安装在需要高权限的文件夹内，例如 C:\ProgramFiles\。 2、配置环境变量 例如： “D:\develop\Fluter\sdk\flutter”是我解压“flutter_windows_3.16.3-stable.zip”之后的文件路径，之后需要在环境变量中配置，配置的路径到“D:\develop\Fluter\sdk\flutter\bin” 点击“确定”后，环境变量就配置完成。 提...
一、环境安装 flutter--version查看当前安装的flutter版本 flutterupgrade升级当前的flutter版本 flutterdoctor检查环境安装是否完成 二、项目编译运行 flutterclean清空build目录 flutterpubget获取pub插件包 flutterrun--设备名称运行项目到指定设备 flutterrun 默认使用debug模式来编译 flutterrun--release 使用release模式来编译 flutterrun--profile ...
一、JavaScript的作用域 1、变量在函数内声明，变量为局部变量，具有局部的作用域。 局部变量：只能在函数内部访问 示例： //此处不能调用carName变量 functionmyFunction(){ varcarName="Volvo"; //函数内可调用carName变量 } 注：因为局部变量只作用于函数内，所以不同的函数中可以使用相同的名称作为变量名。 局部变量在函数开始执行时创建，函数执行完毕后局部变量会自动销毁。 2、变量在函数外定义，即为全局变量。 示例： varcarName="Volvo"; //此处可调用carName变量 functionmyFu...
一、UIAbility生命周期 Create、Foreground、Background、Destroy四个状态，WindowStageCreate和WindowStageDestroy为窗口管理器（WindowStage）在UIAbility中管理UI界面功能的两个生命周期回调，从而实现UIAbility与窗口之间的弱耦合。 如下图所示： 1、Create状态，在UIAbility实例创建时触发，系统会调用onCrerate回调。可以在onCrerate回调中进行相关初始化操作。 importUIAbilityfrom'@ohos.app.ability.UIAbility'; imp...
一、组件介绍 组件（Component）是界面搭建与显示的最小单位，HarmonyOSArkUI声名式为开发者提供了丰富多样的UI组件，我们可以使用这些组件轻松的编写出更加丰富、漂亮的界面。 组件根据功能可以分为以下五大类：基础组件、容器组件、媒体组件、绘制组件、画布组件。其中基础组件时视图层的基本组成单位，包括Text、Image、TextInput、Buttton、LoadingProgress等。...
一、工程级目录 工程的目录结构如下。 目录详情如下： AppScope：存放应用全局所需要的资源文件。 Entry：应用的主模块，存放HarmonyOS应用的代码、资源等。 oh_modules：工程的依赖包，存放工程依赖的源文件。 build-profile.json5：是工程级配置信息，包括签名、产品配置等。 hvigorfile.ts：是工程级编译构建任务脚本，hvigor是基于任务管理机制实现的一款全新的自动化构建工具，主要提供任务注册编排，工程模型管理、配置管理等核心能力。 oh-package.json5：是工程级依赖配置文件，用于记录引入包的配置信息。 在AppScope，...
一、List列表组件的使用 1、简介 List是很常见的滚动类容器组件，一般和子组件ListItem一起使用，List列表中每一个列表项对应一个ListItem组件。 2、List组件使用ForEeach渲染列表 一个列表往往由多个相似的Item项组成，所以一个List组件中包含多个子组件ListItem来构成，这样会导致。所以，使用循环渲染ForEeach遍历数组的方式来构建列表，这样就可以大大减少重复代码。以下是简单是示例代码： @Entry @Component structContro...
JavaScript简介 JavaScript是互联网上最流行的脚本语言，这门语言可用于HTML和Web，更广泛用于服务器、PC、电脑、智能手机等设备上。 JavaScript是一种轻量级的编程语言。 JavaScript是可插入HTML页面的编程代码。 JavaScript插入HTML页面后，可由所有现代浏览器执行。 二、JavaScript用法 1、描述 HTML中的JavaScript脚本代码必须位于<script>与</script>标签之间。 JavaScript脚本代码可被放置在HTML页面的<body>和<head>标签中。 ...
一、JavaScript语法 1、JavaScript字面量 数字（Number）字面量：可以是整数或者是小数、或者是科学计数。 如：3.14、1001、123e5 字符串（String）字面量：可以使用单引号或双引号。 例如：“JohnBaby”、‘JohnBaby’ 表达式字面量：用于计算 例如：5+6、510 数组（Array）字面量：定义一个数组。 例如：[40,100,66,7,20] 对象（Object）字面量：定义一个对象。 例如：{name:“张三丰”，age：112，sex：“男”} 函数（Function）字面量：定义一个函数。 例如：func...
一、Tabs 1、概述 我们经常使用时，会出现试图切换的场景，比如底部有多个菜单，“首页”、“我的”等。 两个内容容器的切换： 底部、顶部或者侧边。 二、Tabs组件的使用 Tabs组件仅可包含子组件TabContent，每一个页签对应一个内容视图即TabContent组件。 示例代码： @Entry @Component structControlTabs{ //设置Tabs控制器 privatecontroller:TabsController=newTabsController() build(){ Row(){ Column(){ Tabs({barPosition:BarPo...
一、LoadingProgress LoadingProgress组件用于显示加载动效的组件，比如应用的登录界面，当我们点击登录的时候，显示的“正在登录”的进度条状态。LoadingProgress的使用非常简单，只需要设置颜色和宽高就可以了。 @Entry @Component structIndex{ build(){ Row(){ Column(){ LoadingProgress() .color(Color.Blue) .width(80) .height(80) } .width(...
一、Button Button组件主要用来响应点击操作，可以包含子组件。 示例代码： @Entry @Component structIndex{ build(){ Row(){ Column(){ Button('确定',{type:ButtonType.Capsule,stateEffect:true}) .width('90%') .height(40) .fontSize(16) .fontWeight(FontWeight.Medium) .backgroundColor('007DFF') } .width('100%') } .height('100%') } } 效果图...
一、TextInput描述 TextInput组件用于输入单行文本，响应输入事件。TextInput的使用也非常广泛，例如应用登录账号密码、发送消息等。和Text组件一样，TextInput组件也支持文本样式设置，下面的示例代码实现了一个简单的输入框： @Entry @Component structIndex{ @Statemessage:string='Hello334World' build(){ Row(){ Column(){ TextInput() .fontColor(Color...
Resource是资源引用类型，用于设置组件属性的值。推荐大家优先使用Resource类型，将资源文件（字符串、图片、音频等）统一存放于resources目录下，便于开发者统一维护。同时系统可以根据当前配置加载合适的资源，例如，开发者可以根据屏幕尺寸呈现不同的布局效果，或根据语言设置提供不同的字符串。 例如下面的这段代码，直接在代码中写入了字符串和数字这样的硬编码。 Button('登录',{type:ButtonType.Capsule,stateEffect:true}) .width(30...
Column&Row组件的使用 1、概述 容器组件是一种比较特殊的组件，它可以包含其他的组件，而且按照一定的规律布局，帮助开发者生成精美的页面。容器组件除了放置基础组件外，也可以放置容器组件，通过多层布局的嵌套，可以布局出更丰富的页面。 ArkTS为我们提供了丰富的容器组件来布局页面。 2、组件介绍 布局容器概念 线性布局容器表示按照垂直方向或者水平方向排列子组件的容器。ArkTs提供了Column和Row容器来实现线性布局。 Column表示沿垂直方向布局的容器 Row表示水平方向布局的容器 主轴和交叉轴概念 在布局容器中，默认存在两根轴，分别是主轴与交叉轴，这两个轴始终是相互...