自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

追逐蓦然

乐于分享,敢于尝试

  • 博客(58)
  • 收藏
  • 关注

原创 创建项目、craco配置项目的目录别名

react18+typescript 项目搭建

2023-01-31 16:50:07 209

原创 React整合FullCalendar笔记(一)

React整合FullCalendar笔记(一)前期因为公司的需求,需要一个可以拖动的日历效果。经过前期的调研,找到 FullCalendar 框架比较符合项目的需求。但是碍于现在关于这个框架的文档都比较零散和不全。在经过几天的调研中,我大概实现了部分的功能,由此想做一系列的博文跟大家分享一下。实现效果第一期,我们就简单的使用这个框架,在页面上面单纯的展示在页面中。主要代码大家可以到 官方文档 进行学习。...

2021-12-23 10:22:36 1681 1

原创 REACT HOOKS实现离开页面、刷新页面的时候,强制提醒

REACT HOOKS实现离开页面、刷新页面的时候,强制提醒工作中遇到这个需求,网上对于HOOKS实效这个效果的文章很少,所以记录一下。其实很简单,几行代码就可以实现了。 function beforeunload (e) { let confirmationMessage = '你确定离开此页面吗?'; (e || window.event).returnValue = confirmationMessage; return confirmati

2021-11-22 10:14:12 10796

原创 React 实现表格选取

React 实现表格选取在工作中,遇到一个需求,在表格中实现类似于Excel选中一片区域的,然后拿到选中区域的所有数据。1.实现需求和效果截图1.获取选中区域的数据2.选择的方向是任意的3.支持几行 / 几列的选取3.通过生产JSON给后台进行交互4.标记出表头和第一行的数据2.核心代码解析2.1区域选择onClick={() => { // 区间选取 if (itemIndex != 0) { setType('slide')

2021-10-25 16:05:03 873

原创 react动态表单

react动态表单1.小要求在工作中,我们也会碰到这样子的需求:在填写信息的时候,可以填写多个人名、多个需求、以及动态生产一个分组。今天我们就以: 可以动态的添加/删除人名、路径以及可以添加/删除一个分组的需求来开始今天的学习之旅。需求如下图所示:2.技术点分析1.数据结构2.react+antd 动态编辑表格数据提及的知识点3.js操作数据的方法: 添加数据、根据下标删除数据3.代码分析3.1 数据结构分析/*** 1. 最外面是一个数组* 2. 中间是一个字典,每个字典就是一个

2021-09-29 13:41:42 1203

原创 react动态选择框

React动态选择框小需求在工作中,我们也会碰到这种需求: 为了提高用户的体验,在搜索的时候,采用灵活查询。用户可以自己选择查询项并且填写对应的值。这篇博文涉及知识点在这篇博文“react+antd 动态编辑表格数据”中提及过。大家可以先去这篇学习一下然后这里。示例代码import React, { Component, useState } from 'react';import { Button, Col, message, Select, Row, Input } from 'antd'

2021-09-22 14:12:30 1185

原创 react+antd 动态编辑表格数据

react+antd 动态编辑表格数据react+antd 动态编辑表格数据小需求例子图片示例代码总结react+antd 动态编辑表格数据在项目中,我们会遇到一种需求,为用户提供一份表格去编辑,而且表格中各个单元格是相关影响的,因此在一个单元格中编辑过会影响另外一个单元格。小需求在一个表格中:1.有两行数据,一行是数据1,一行是数据2;2.而且只能数据1的单元格可以进行编辑;3.只能输入数字,要是输入其他的,则显示编辑之前的数值4. 当数据1的那行数据发生改变的时候,数据2对应的单元格的数

2021-09-17 10:54:54 1854

原创 django3.0--ASGI

ASGI简介Django3 支持ASGI,可以实现异步通信(websocket)按照daphne作为ASGI服务器pip install daphne -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com启动Daphne服务器daphne <项目名>.asgi:applicationNB20 django采用Daphne启动daphne NB2020.asgi:application -b 0.0.

2020-09-01 17:05:20 1079

原创 flutter-----指纹识别

指纹识别前言技术栈实例代码分析引入依赖编写简单的指纹识别小实例设置配置项androidIOS总结前言最近在家里也比较闲,所以就是研究研究自己没有涉及到的功能。今天就是在这里跟大家分享一下Flutter完成指纹识别功能技术栈local_auth: ^0.3.0实例代码分析引入依赖编写简单的指纹识别小实例import 'dart:async';import 'packag...

2020-02-13 13:54:55 2449 1

原创 flutter-----状态管理provider

provider前言技术栈实例代码分析状态管理器在主函数中集成provider使用provider前言之前我都是用provide,不过这个已经被谷歌抛弃了,所以今天博主就去学习了provider,现在写一篇博客,分享给大家学习技术栈provider: ^3.0.0+1实例代码分析状态管理器import 'package:flutter/foundation.dart';c...

2019-08-06 09:40:13 686

原创 Flutter开发-------App调用高德地图

App调用高德地图前言技术栈实例代码分析前言现在市面上的app中,有许多的app已经实现了:点击按钮跳转到高德,百度等第三方app进行操作。今天我们就来实现这个效果技术栈url_launcher: ^5.1.1实例代码分析实现的代码不难,不要是自己去查找资源,本博客以高德为例子,高德官方查找等多的资料 import 'package:flutter/material.da...

2019-07-30 13:16:41 8098 1

原创 Flutter开发-------ListView嵌套ListView

ListView嵌套ListView前言实例代码分析前言在实际开发中,我们经常碰到ListView中嵌套ListView实例代码分析 return Scaffold( body: ListView( scrollDirection: Axis.vertical, children: <Widget>[ ...

2019-07-24 13:53:04 11317 1

原创 Flutter开发-------侧滑删除

侧滑删除前言主要技术实现效果实例代码分析叠层的使用状态管理的使用控制按钮的布局和动画列表布局代码前言昨天的一个需求,需要完成侧滑删除这个功能,现在Dismissible的功能需求满足不了现在的项目需求,就自己封装一个小组将主要技术涉及到叠层,动画,状态管理实现效果实例代码分析叠层的使用 child: Stack( children...

2019-07-23 10:43:36 2920

原创 Flutter开发--------底部留言板

底部留言板前言主要技术实例代码分析初始化封装全部代码前言现在大家基本上都会去接触抖音那款app,其中抖音中的留言区域的效果也是要前几天工作的需求,看了网上对这块并没有什么博客介绍。只能自己封装编写了。主要技术其实这个技术就是运用了动画这个功能封装实现的实例代码分析初始化封装 /*初始化状态*/ initState() { super.initState(); ...

2019-07-19 11:14:18 1017

原创 Flutter开发--------自定义弹出框

自定义弹出框前言实例代码分析前言现在flutter给的弹出框退出按钮是固定在一个地方的。而项目需求的是要随机点击一处可以退出。所以要我们自定义弹出框实例代码分析Future myDialog(context){ return showDialog<Null>( context: context, barrierDismissible: f...

2019-07-09 15:23:42 3039

原创 Flutter开发--------数据图表处理(一)

数据图片处理前言实现效果实例代码分析引入插件具体的代码前言现在很多的东西都和大数据结合起来,因此许许多多的app里面也要做数据图表的处理。今天博主就在这里分享一个插件,也是最近才发现的。感觉比之前分享的结合echarts好多了。实现效果1.折现数据图实例代码分析引入插件dependencies: flutter: sdk: flutter # The fo...

2019-07-08 13:27:26 5460 7

原创 flutter开发-------渐变appBar

渐变appBar前言实现效果展示实例代码分析全部代码前言再蛮多的项目中,不喜欢一开始页面中就出现appBar,而当我们拉到一定的高度之后,appBar才会出现—这个就是渐变appBar实现效果展示实例代码分析1.状态监听(监听滑动的高度)NotificationListener( //状态监听 onNotification: ...

2019-07-05 17:03:45 1161

原创 Flutter开发--------PageView讲解

PageView前言实现效果实例代码分析前言之前没有怎么研究PageView这个组件,这三天因为工作需求,所以接触到这个组件中,有了深刻的认识,所以打算记录一下并且和大家分享一下实现效果1.类似于微信Android机左右滑切换页面,效果如下图所示2.是动态加载页面实例代码分析1.PageView本身就可以实现上图所示的效果2.动态加载加载页面的代码核心代码...

2019-07-05 15:15:05 4105

原创 flutter开发中遇到的难题总结(三)

左滑右滑切换页面前言需求解决方式具体实现状态管理前言最近开始用flutter开发公司里的项目,所以打算写一系列的博客,分享工作到遇到的一些难题和解决方法需求今天遇到一个需求,就是利用手势实现左右滑到新的页面解决方式就是用手势结合状态管理一起使用,从而达到这个需求具体实现return GestureDetector( /********start 左右滑一段距...

2019-07-04 13:31:56 831

原创 Flutter开发--------结合echart

图表echart前言准备工具实现界面实例代码分析放置echart的文件主文件编写前言前一段时间,就在苦恼flutter的图标问题,今天逛github的时候,发现有人开发了一个插件来对接echert准备工具这套课程是采用VScode进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。实现界面首先是一个列表的展示实例代码分析这个实例使用到了fl...

2019-07-03 16:52:12 9734 8

原创 flutter开发中遇到的难题总结(二)

填坑前言需求解决方式前言最近开始用flutter开发公司里的项目,所以打算写一系列的博客,分享工作到遇到的一些难题和解决方法需求今天遇到一个需求,使用fluro这个插件,实现从登录页面跳转到主页面,让appBar不要出现返回键解决方式其实这个十分的简单,一句话的事件,加上replace: trueApplication.router.navigateTo(context...

2019-07-02 17:47:20 379

原创 flutter开发中遇到的难题总结(一)

填坑前言需求解决方法使用的插件使用方法引用插件绑定数据下拉框头部下拉菜单例子的所有代码前言最近开始用flutter开发公司里的项目,所以打算写一系列的博客,分享工作到遇到的一些难题和解决方法需求今天遇到一个需求----------下拉筛选,跟下面的图片需求差不多解决方法使用的插件首先我先找一下flutter有没有相关的组件,找了一下没有找到,或者找到了都不友好。最后查到一...

2019-07-02 17:41:23 1577

原创 flutter_web---------------运行时候,报错

填坑前言报错信息解决方法前言在研究flutter_web的时候,在执行webdev serve遇到了一个错误信息。今天终于解决了,所以在博客中分享一下报错信息解决方法//环境变量只配置了flutter sdk而没有配置dart sdkflutter pub global activate webdev//环境变量已经配置了dart sdkpub global activat...

2019-06-17 21:17:23 691

原创 Flutter开发--------点击图片放大

动态表格前言准备工具实现界面实例代码分析数据处理表格处理每一行处理页面完整代码前言工作中,都会有这样子的需求,首先是小图片,在点击图片然后可以放大查看。准备工具这套课程是采用VScode进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。实现界面首先是一个列表的展示实例代码分析这里实例的特点是: UI和数据进行分离,使用到了状态管理。技...

2019-06-09 21:26:56 9539 5

原创 Flutter开发--------动态表格

动态表格前言准备工具实现界面实例代码分析数据处理表格处理行列处理请求接口和调用表格函数页面完整代码前言工作中,都会有这样子的需求,就是一张表格的行列都是动态生产的。博主最近也遇到了这个需求,一直研究了一个星期,总算写出来了。现在在这里和大家分享一下。准备工具这套课程是采用VScode进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。实现界面下面表格...

2019-06-06 14:32:13 5489 4

原创 flutter轮子开发----表格嵌套表格

表格嵌套表格前言准备工具轮子实现结果涉及到的插件小实例流程首先编写provide文件写+号的动作增加行具体的布局前言现在flutter的Widget还是满足不了复杂项目的需求,小编拿到项目的需求,找了三天,网上对这块还是空白的,所以就只能自己造轮子了,现在写这篇博客,和大家分享一下准备工具这套课程是采用VScode进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行...

2019-05-29 17:21:07 1936

原创 flutter开发----右滑返回上一页

右滑返回上一页前言准备工具小实例开发流程增加关键代码路由跳转新的页面前言现在的app为了提高用户的体验感,都实现了右滑返回上一页的效果,今天就用flutter实现准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。小实例开发流程增加关键代码其实这个效果十分的好实现,就增加一句代码platform: ...

2019-05-27 14:22:11 6637 1

原创 flutter开发----单屏开场介绍页面制作

单屏开场介绍页面前言准备工具小实例开发流程介绍页面制作主函数前言现在的app一打开都是有只有页面,所以今天我就分享这个功能的介绍准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。小实例开发流程介绍页面制作import 'package:flutter/material.dart';import '...

2019-05-20 14:41:39 601

原创 flutter开发----多屏开场介绍页面制作

多屏开场介绍页面前言准备工具导入插件和相关图片小实例开发流程介绍页面制作前言现在的app一打开都是有许多的介绍页面,所以今天我就分享这个功能的介绍准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。导入插件和相关图片首先导入我们的插件intro_views_flutter: ^2.3.0 a...

2019-05-19 20:06:05 1128

原创 flutter开发----播放文本功能

播放文本功能前言准备工具导入插件小实例开发流程ttr工具类景区语音界面主页面跳转子页面重点内容前言现在许多的景区都采用了语音介绍了,就想用flutter来实现这个功能。今天我就找个一个插件来使用这个---------tts准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。展示结果导入插件首先...

2019-05-17 16:04:33 2049 9

原创 flutter开发----图标库的使用

图标库的使用前言准备工具导入插件使用插件注册页面前言今天想写一个注册登录页面,遇到图标不知道怎么处理,后来找到了一个插件感觉挺不错的,推荐给大家准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。导入插件font_awesome_flutter这个就是今天的主角了,我今天遇到QQ,微信的图标该怎么导入...

2019-05-16 19:09:41 3890 1

原创 Flink学习之旅----Flink整合Kafka实现单词的统计

Flink整合Kafka实现单词的统计前言Kafka简单命令安装kafka环境启动生产者生产者开始实战前期准备Flink链接Kafka导入相关依赖Flink具体代码数据写入Kafka前言因为工作的需求,我在几天里面学习了Flink和Kafka,今天写出来Flink整合Kafka实现单词的统计Kafka简单命令对于kafka的简介,我这里就不多说了,大家自己百度一下,应该都清楚的,我这...

2019-05-14 18:49:58 881

原创 flutter开发------图表的使用

图表的使用前言准备工具项目结构引入插件数据处理定义数据类型数据源类图表构建组件前言因为公司又项目的需求,所以研究了一些flutter集成图表,在这里做一个笔记,跟大家分享一下,准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。项目结构引入插件到pubspec.yaml引入插件charts_flu...

2019-05-11 19:06:56 4091 1

原创 Flutter for web 环境搭建

Flutter_for_web 环境搭建简介升级FlutterSDK获取项目配置环境运行简介昨天Google大会的时候,发布了Flutter for web,不过现在还是预览版,但是我发现很多小伙伴还是希望去接触一下,所以打算写这篇博客,帮助大家成功搭建环境升级FlutterSDK首先将Flutter SDK升级到最新的版本 使用命令flutter upgrade 建议在网速比较好的...

2019-05-09 10:16:49 2658 4

原创 Flink学习之旅----DataSet API 开发概述

DataSet API 开发概述概述DataSet概述构建DataSource如何去构建dataSourceTransformationmapfiltermappartition 减少对数据库的链接 写数据出去firstflatmap 作用在一个或者多个对象上面distinct 去重join 内连接outjoin 外连接 要记得做判断crossSink写入文件计数器分布式缓存简介概述...

2019-05-07 19:05:59 343

原创 Flink学习之旅----深度认识Flink

初始Flink概述Flink简介有界和无界数据Batch vs Stream 批处理和流处理的区别BatchStreamFlinklayer接口的层级1.Stateful EventDriven Applications2.Stream&Batch Data Processing 流和批处理3.High-level Analytics API应用程序运行方式多样化Flink vs St...

2019-05-03 20:29:32 553

原创 flutter插件开发学习之旅(8)-------键值对处理

键值对处理前言准备工具IOSAndroidConstraintsMap类ObjectType 枚举值FlutterPlugin1PluginFlutterFlutter调用底层flutter布局前言经过这个系列的上一篇博客,大家学习到了怎么参数传递,不过现在的参数传递大部分都是用键值对的,那么今天我们就学习一下怎么把参数进行键值对处理。准备工具这套课程是采用Android Studi...

2019-04-28 17:38:59 728

原创 Flutter实战开发(2)------实现条形码扫描获取商品信息

实现条形码和二维码扫描前言准备工具配置后端接口编写调用接口方法页面布局前言上一篇博客就大致讲了一下qrscan这个插件的使用,没有具体的实现,这篇博客就来个实战吧,来做一个反盗版商品的例子准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了,基础知识请到条形码和二维码扫描这篇博客学习配置后端接口本次项目...

2019-04-23 18:41:33 6909

原创 Flutter实战开发(1)------实现条形码和二维码扫描

实现条形码和二维码扫描前言准备工具引入插件具体实现前言前几天突发奇想就想做一个扫描二维码和条形码的demo,查阅了一些资料,发现有qrscan这个插件可以实现,就自己写了一个例子,供大家学习.准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。引入插件到pubspce.yaml中导包depende...

2019-04-23 10:47:41 14081 11

原创 flutter插件开发学习之旅(7)-------双平台参数传递

参数传递前言准备工具Android部分IOS部分前言经过上一篇的博客,大家应该都清楚ios和android的插件开发的原理,这节课我们就来讲讲怎么参数传递的准备工具这套课程是采用Android Studio和xcode进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。Android部分其实Android的参数传递我之前有一篇博客已经写好了,大家直接...

2019-04-21 20:13:24 603

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除