- 博客(94)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Linux Docker基础学习
文件层级DockerfileCMD [ ]image是给镜像命名，没有指定的话会以文件夹名+服务名默认命名my-node:build: ./创建容器。
2022-11-29 18:57:11
1264
原创 React组件的封装
使用模态框首先定义一个模态框组件的类，关于模态框内部的样式布局我们在这里面写在父组件中定义控制模态框状态的，以及我们模态框中的标题内容等，在父组件中引入模态框组件时把模态框中需要的内容传入在父组件中定义控制模态框显示状态的方法，如打开模态框，关闭模态框等，将关闭模态框的函数也传入子组件，在子组件中取消和关闭等组件的点击事件绑定我们传入的关闭模态框函数，实现模态框的打开和关闭实现模态框打开关闭的过渡动画效果全部CSS代码模态框组件代码主界面...
2022-07-04 14:08:03
2489
原创 React(Js)学习
列表渲染注意map遍历数组渲染列表时如果箭头后面有{ } 就要使用return返回组件传参传参的话绑定函数时前面要加箭头函数包裹组件状态通过class的实例属性state来初始化state的值是一个对象结构，表示一个组件可以有多个数据状态状态的修改不要直接修改状态的值，而是基于当前状态创建新的状态值表单处理uuid生成id的包组件传值父子组件传值通过props实现props解构赋值子传父兄弟组件传值本质是子传父 父再传给另一个子向下层组件传值（子 孙 等）使
2022-07-02 15:03:43
342
原创 Vue3异步请求获取数据在渲染时不显示的问题
Vue3异步请求获取数据在渲染时不显示的问题获取对象数组let goodmessagelist:IArticle[]= reactive([]) onMounted(async()=>{ let res = await posts() /* 这里不能直接goodmessagelist = res.rows */ goodmessagelist.push(...res.rows) }),参考：使用vue3中的异步获
2022-05-24 23:38:54
10613
1
原创 安卓面试问题
这里写自定义目录标题HandlerAsyncTask进程线程Java反射Handler异步消息处理主要分为四个部分1.Message线程之间传递的消息Message.whatMessage.arg1Message.arg2Message.obj2.Handler消息的处理者,用于发送和处理消息发送：handler.sendMessage(message)处理：handleMessage()3.MessageQueue消息队列的意思用于存放所有Handler发送的消息，每个线程只
2022-05-01 07:00:00
147
原创 CSS将子元素移动到父元素中心
CSS将子元素移动到父元素中心在绝对定位中将top和left值设为0是表示距离父元素左部和顶部距离为0，子元素处在父元素左上角<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
2022-04-08 12:01:03
1336
原创 CSS相对定位和绝对定位
CSS相对定位和绝对定位相对定位绝对定位没有父盒子有父盒子时文章参考进行了一定修改添加相对定位和绝对定位，不改变元素的大小形状，只改变元素的位置。相对定位和绝对定位是通过position属性来控制的，position属性的值为下面几种：值描述absolute使元素绝对定位，相对于static定位以外的最近的一个祖先元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。relative使元素相对定位，相对于自己的
2022-04-06 17:59:31
10542
1
转载 CSS中display属性：block、inline和inline-block的区别
CSS中display属性：block、inline和inline-block的区别最近写HTML遇到一个问题：我想设置span的宽度和高度，但是在IE9和chrome下总是不起效果。代码和效果图如下：<head> <style> span{ background-color:#43be60; width:100px; height:50px; margin-top:20px; margin-left:20px; } </s
2022-04-06 15:54:51
2805
原创 flutter event_bus事件广播事件监听
flutter event_bus事件广播事件监听event_bus和provider的区别event_bus：现不同组件之间的数据传值，以及在一个组件中 执行另一个组件的方法。provider：状态管理来管理统一的状态（数据），实现不同组件直接的传值和数据共享。event_bus链接地址：https://pub.flutter-io.cn/packages/event_bus先写一个广播的类import 'package:event_bus/event_bus.dart';EventBus
2022-03-17 23:22:15
2859
原创 flutter状态管理provider的简单使用
flutter状态管理provider的简单使用这里我们使用的是官方提供的provider链接地址：https://pub.flutter-io.cn/packages/provider接下来使用一个简单的例子，实现两个组件之间值的同时改变provider类的代码import 'package:flutter/foundation.dart';import 'package:flutter/material.dart';class Counter with ChangeNotifier {
2022-03-16 16:12:00
3440
原创 购物详情页面显示
购物详情页面显示首先顶部是一个TabBar，三个页面分别写入三个类中主页面代码如下：class ProductContentPage extends StatefulWidget { final Map arguments; const ProductContentPage({Key? key, required this.arguments}) : super(key: key); @override State<ProductContentPage>
2022-03-12 20:42:20
1197
原创 自定义顶部导航栏
自定义顶部导航栏点击筛选后弹出侧边栏页面全部代码class ProductListPage extends StatefulWidget { late Map _arguments; ProductListPage({Key? key, arguments}) : super(key: key) { _arguments = arguments; } @override State<ProductListPage> createState() =>
2022-03-11 14:29:21
277
原创 flutter购物商城搜索界面（热搜，历史记录）
flutter购物商城搜索界面这里数据是固定的，没有从后端获取，仅仅展示页面效果// ignore_for_file: prefer_const_constructors, sized_box_for_whitespace, prefer_const_literals_to_create_immutables, avoid_unnecessary_containersimport 'package:flutter/material.dart';import 'package:flutterjds
2022-03-10 22:47:16
1339
原创 解决Flutter顶部栏颜色修改 theme: ThemeData(primaryColor: Colors.white)不起作用的问题
解决Flutter顶部栏颜色修改 theme: ThemeData(primaryColor: Colors.white)不起作用的问题return MaterialApp(debugShowCheckedModeBanner: false, // home: Tabs(),initialRoute: '/', onGenerateRoute:onGenerateRoute, theme: ThemeData(primaryColor: Colors.white), )发现顶部栏颜色没有变
2022-03-10 14:25:12
5911
3
原创 购物商品列表的实现
购物商品列表的实现购物商品列表的实现class ProductListPage extends StatefulWidget { late Map _arguments; ProductListPage({Key? key, arguments}) : super(key: key) { _arguments = arguments; } @override State<ProductListPage> createState() => _Prod
2022-03-08 11:39:09
549
2
原创 Flutter底部Tab切换保持页面状态的几种方法
Flutter底部Tab切换保持页面状态的几种方法IndexedStack 保持页面状态AutomaticKeepAliveClientMixin 保持页面状态flutter底部导航默认只加载当前页面，切换到其他页面后，上一个页面就会被销毁，当我们返回到上一个页面时，会重新进行数据请求。这样子每次进行页面访问时都会进行一次数据请求，非常的浪费时间，因此，我们想要访问其他页面时，上一个页面不被销毁，再次访问时不需要重新加载数据。IndexedStack 保持页面状态IndexedStack 和 Stac
2022-03-07 22:54:23
2563
2
原创 购物分类展示页面
// ignore_for_file: prefer_const_constructors, unnecessary_brace_in_string_interps, avoid_unnecessary_containers, sized_box_for_whitespace, prefer_is_empty, unnecessary_string_interpolationsimport 'package:dio/dio.dart';import 'package:flutter/material.
2022-03-07 22:25:39
388
原创 flutter解析多层嵌套的Json数据（Dio）
flutter解析多层嵌套的Json数据建立数据模型使用flutter解析简单的Json数据在前面flutter网络请求（Dio）中已经讲过，这里解析的是多层嵌套的Json数据这里我们要解析的数据接口来自玩安卓网站https://www.wanandroid.com/article/list/0/json由图可以看出，这里的数据是Map嵌套Map再嵌套List建立数据模型数据模型类的建立我们可以利用网上的一些工具进行实现，这里给出两个https://autocode.icu/jsontodar
2022-03-06 22:44:30
5300
原创 flutter打开外部浏览器，打开外部应用，拨打电话发送短信
flutter打开外部浏览器，打开外部应用，拨打电话发送短信准备使用使用到的是url_launcher 插件插件地址：https://pub.flutter-io.cn/packages/url_launcher准备官方文档给出注意事项，从API30以后，需要在AndroidManifest.xml中加一个<requires>标签，标签和<application>同级。内容如下：<queries> <!-- If your app opens ht
2022-03-02 19:18:37
1532
原创 flutter实现条形码二维码扫描
flutter实现条形码二维码扫描准备工作使用我们使用到的第三方插件为barcode_scan2地址为：https://pub.flutter-io.cn/packages/barcode_scan2准备工作安卓使用此插件需要注意以下几点：相机权限添加将相机权限添加到您的 AndroidManifest 中.xml<uses-permission android:name="android.permission.CAMERA" />这个插件是用 Kotlin 编写的。因此
2022-03-02 16:57:59
2654
原创 flutter实现本地存储
flutter实现本地存储实现本地存储用到的插件是shared_preferencesshared_preferences地址为：https://pub.dev/packages/shared_preferences
2022-03-02 12:07:00
3026
原创 flutter检测网络状态
flutter检测网络状态原来使用的插件connectivity已经停止使用，现在使用的是新版的connectivity_plus插件地址：https://pub.dev/packages/connectivity_plusimport 'package:flutter/material.dart';import 'package:connectivity_plus/connectivity_plus.dart';class NetWorkPage extends StatefulWidget
2022-03-01 20:32:23
4897
原创 Flutter视频播放
Flutter视频播放Flutter官方提供了video_player插件播放视频，但无法控制底部进度条之类的，存在局限。可以使用第三方插件chewie，需要和video_player一起使用。video_player地址：https://pub.dev/packages/video_playerchewie地址：https://pub.dev/packages/chewieimport 'package:flutter/material.dart';import 'package:video_p
2022-03-01 19:42:10
4178
原创 Flutter实现相机拍照和相册选择
Flutter实现相机拍照和相册选择添加image_picker依赖：https://pub.dev/packages/image_picker/install// ignore_for_file: prefer_const_constructors, unnecessary_this, avoid_printimport 'dart:async';import 'dart:html';import 'dart:io';import 'package:flutter/material.dart
2022-02-28 23:25:30
3588
4
原创 链表相关知识
链表单链表初始化不带头结点的单链表带头结点的单链表单链表typedef struct LNode{ int data; //结点的数据域 struct LNode *next; //结点的指针域}LNode,*LinkList; //LinkList为指向结构体的指针类型 LNode *L; //声明一个指向单链表第一个结点的指针或:LinkList L; //声明一个指向单链表第一个结点的指针（代码可读性更强）LinkList与LNode*两者本质上是等价的，
2022-02-15 16:27:03
384
1
原创 顺序表的基础知识
顺序表顺序表的定义顺序表是用一段物理地址连续的存储单元依次存储数据元素的线性结构，一般情况下采用数组存储；即通过数据元素物理存储的连续性来反应元素之间逻辑上的相邻关系。采用顺序存储结构存储的线性表通常简称为顺序表。顺序表的定义...
2022-02-11 18:55:34
1070
原创 flutter集成高德地图获取位置
flutter集成高德地图获取位置准备工作在创建安卓应用获取SHA1准备工作高德开放平台地址https://lbs.amap.com/tools/picker在创建安卓应用在控制台我的应用中创建应用点击添加由上图可以看出我们还需要获取安全码SHA1才能添加添加方法高德官方也已经给出https://lbs.amap.com/faq/android/map-sdk/create-project/43112获取SHA1这里我们采用的是使用 keytool（jdk自带工具）获取SHA1
2022-02-05 22:25:26
4286
2
原创 flutter获取设备信息(device_info_plus)
flutter获取设备信息这里我们使用的是第三方库中的device_info_plus来实现，device_info已经被device_info_plus取代地址：https://pub.dev/packages/device_info_plus在pubspec.yaml中添加依赖dependencies: device_info: ^2.0.3使用时导包import 'package:device_info/device_info.dart';使用在这里插入图片描述/
2022-01-30 22:45:19
7337
1
原创 Flutter WebView(flutter_inappwebview)
Flutter WebViewWebView在flutter中的实现方法主要有三种，三种的对比可以参考这篇文章在https://pub.dev/上搜索webview我们选择的是第三种flutter_inappwebview官方文档给出了在使用时的要求使用方法如下添加依赖dependencies: flutter_inappwebview: ^5.3.2使用时在对应文件下导包import 'package:flutter_inappwebview/flutter_inappwe
2022-01-29 22:54:24
8718
原创 Flutter-Html
Flutter-Html一个Flutter小部件，用于将HTML和CSS呈现为Flutter小部件。使用时参考链接：https://pub.dev/packages/flutter_htmldata内是html，在Html()还可以配置style等属性import 'package:flutter/material.dart';import 'package:flutter_html/flutter_html.dart';class HtmlPage extends StatefulWidge
2022-01-26 22:37:17
2925
原创 Flutter下拉刷新和上拉加载更多
Flutter下拉刷新和上拉加载更多下拉刷新上拉加载更多下拉刷新直接用flutter自带的控件RefreshIndicator组件即可，上拉加载可以通过ListView 中的ScrollController 属性，根据 ListView 的位置来判断是否滑动到了底部来做加载更多的处理下面用们用到的json数据接口为：https://jsonplaceholder.typicode.com/posts/1/comments下拉刷新就是在我们上一节讲到的解析的列表外面嵌套一个RefreshIndicat
2022-01-24 22:52:23
2310
原创 Flutter网络请求（dio）
Flutter网络请求（dio）Dio使用Get请求Post请求数据解析Flutter 官方提供了 HttpClient 发起的请求，但 HttpClient 本身功能较弱，很多常用功能都不支持。所以，官方建议使用 dio 来发起网络请求，它是一个强大易用的 dart http 请求库，支持 Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载等。Dio使用首先是在第三方库中找到dio的文档，链接为：https://pub.dev/packages/dio
2022-01-23 21:53:54
1304
原创 Flutter网络请求(http)
Flutter网络请求Json字符串和Map相互转换Json转MapMap转Json数据解析Json字符串和Map相互转换Json转Map//Json字符串 String userinfo = '{"username":"zhangsan","age":20}'; //Json转Map Map u = json.decode(userinfo);import 'dart:convert';import 'package:flutter/material.dart';class Htt
2022-01-22 23:38:16
1057
原创 Flutter对话框(AlertDialog,SimpleDialog,showModalBottomSheet,showToast)以及定时器
Flutter对话框AlertDialog(确认对话框)SimpleDialog(选择对话框)showModalBottomSheet(底部弹出的对话框)showToast(提示信息框)自定义对话框定时器AlertDialog(确认对话框)在actions中定义了两个按钮，分别为确定和取消， Navigator.pop(context, ‘Cancle’);是点击按钮后对话框退出，后面的参数为我们需要返回的值，用到了异步来获取返回的值 _alertDialog() async { var r
2022-01-21 22:00:24
2401
BmobIM使用的问题
2021-05-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人