自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 vue v-model接收组件内 type=“file“ @input传递文件

vue v-model接收子组件 type=“file” @input传递文件: //使用组件时 接收的文件存在form.file中 <FormFile v-model="form.file" /> //组件内 //注意里面不可添加:value="...

2020-07-13 11:28:03 22 0

原创 vue form表单最简写法

vue form表单最简单写法: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="...

2020-07-12 09:52:13 32 0

原创 flutter 渐变色

flutter 颜色渐变: Positioned.fill( //使用绝对定位可全局渐变(可不用) child: Container( decoration: BoxDecoration( gradient: LinearGradient( //渐变位置 ...

2020-07-11 11:35:46 18 0

原创 flutter FlatButton 按钮填充满 Container

flutter FlatButton按钮填充满Container: Container( child: SizedBox( //使用SizedBox给子元素指定固定的宽高 width: double.infinity, //设置宽高最大 height: double...

2020-07-11 09:11:44 42 0

原创 flutter 数据存储3种方式

flutter 数据存储3种方式 1. sqflite 插件 官方推荐的重量级存储插件 需要有sql基础,对数据库增删改查 GitHub地址 学习文档 相关API 2. shared_preferences插件 官方提供目前使用最广泛便捷的flutte存储数据方式,类似浏览器的lo...

2020-07-05 18:39:18 111 0

原创 flutter 路由插件fluro配置及其使用

flutter 路由插件fluro配置及其使用 pubspec.yaml:引入插件 dependencies: flutter: sdk: flutter fluro: "^1.6.3" 1. 首先创建一个router_handler.dart文件,定义路由去...

2020-07-05 17:43:43 96 0

原创 flutter json工厂模式

请求到的JSON: { "a": "aa", "b": [ { "ba": "b1111", "bb&quo...

2020-07-05 10:00:42 71 0

原创 flutter 禁止GridView滚动

flutter 禁止GridView滚动: child: GridView.count( physics: NeverScrillableScrollPhysics(), )

2020-07-05 00:00:06 66 0

原创 flutter 页面缓存

flutter页面缓存方法: 混入AutomaticKeepAliveClientMixin部件设置页面缓存: //在动态部件内 class Page1 extends StatefulWidget { @override _Page1State createState() => _...

2020-07-04 20:30:46 143 0

原创 flutter 输入控件

flutter 输入控件的使用: //1.声明控件 TextEditingController typeController = TextEditingController() //2.使用输入框 TextField( controller: typeController, decor...

2020-07-04 17:01:01 53 0

原创 flutter 去除超出警报

给超出内容套上SingleChildScrollView组件即可 SingleChildScrollView( child: ... )

2020-07-04 16:53:01 44 0

原创 flutter 打开外部地图应用插件

效果图如下: 1. 配置 pubspec.yaml文件: dependencies: map_launcher: ^0.6.0 2. 调用外部地图软件: IconButton(icon: Icon(Icons.map), onPressed: _showMap) //或 _gotoMap...

2020-06-20 23:51:36 72 0

原创 flutter 下拉刷新插件flutter_easyrefresh

效果图如下 1 . 配置文件 pubspec.yaml dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter ... flutter_easyrefresh: ^2.1.1...

2020-06-20 22:59:22 176 0

原创 Cannot read property bindings of null 解决方法

安装@babel/preset-env yarn add @babel/preset-env 或 npm install @babel/preset-env webpack.config.js: presets: ["env"] 替换成 presets: ["...

2020-06-18 17:18:22 240 0

原创 flutter 路由守卫

main.dart文件 void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Mat...

2020-06-17 23:50:49 57 0

原创 flutter 路由配置多种跳转与传参

main.dart文件 //1. 引入路由跳转的页面 import 'package:app_ftr/pages/Page1.dart'; import 'package:app_ftr/pages/Page2.dart'; void main() =&g...

2020-06-17 23:38:32 82 0

原创 vue webpck打包mp3

安装file-loader打包文件插件 npm i file-loader --save-dev webpack.config.js module:{ rules:[ { test: /\.(mp3|wav|wma|ape|aac)$/i, use:[...

2020-06-17 13:59:19 122 0

原创 flutter 跳转页面传参与返回参数

普通页面跳转 import './Detail.dart'; //1. 跳转到Detail页面组件 Navigator.of(context).push( MaterialPageRoute( builder: (context)=>Detail(Test:'我...

2020-06-16 22:47:56 90 0

原创 flutter 实现底部tabBar 页面跳转效果

效果图如下: 点击底部tabBar切换页面 代码如下: //主页面底部tabbar import 'package:app_ftr/pages/DyPage.dart'; import 'package:flutter/material.dart'; im...

2020-06-16 22:28:25 64 0

原创 flutter Provider组件间获取数据正确用法 (数据订阅发布)

1 . 根组件注册Provider 安装Provider库:pubspec.yaml文件 dependencies: flutter: sdk: flutter ... provider: ^4.1.3 注册Provider: main.dart文件: void main()...

2020-06-16 21:12:27 300 1

原创 flutter 顶部状态栏透明

flutter 顶部状态栏透明 main.js文件: void main() { //顶部状态栏透明 SystemChrome.setSystemUIOverlayStyle( SystemUiOverlayStyle(statusBarColor: Colors.transpar...

2020-06-16 20:42:53 176 0

原创 flutter 使用阿里图标

1. 下载图标 阿里图标 2. 解压 将iconfont.ttf放入lib\assets\icons内 解压下载的阿里图标文件 我们只需要里面的iconfont.ttf文件 将iconfont.ttf文件放入lib\assets\icons内 3. 配置pubspec.yaml文件 #...

2020-06-16 20:38:32 111 0

原创 flutter Text数字超出全部隐藏 解决方法

如图: 刚开始是这样的 问题原因: 前面的 " ID: " 与后面的文字存在间隙 解决方法: //修改前 child: Text("ID: 1114954321", maxLines: 1, overflow: TextOverflo...

2020-06-16 20:17:30 189 0

原创 flutter upgrade 报错 Could not determine the dependencies of task :app:compileDebugJavaWithJavac 解决方

报错如下: FAILURE: Build failed with an exception. ...

2020-05-30 10:25:44 124 0

原创 二维数组中的查找

题目:(二维数组中的查找) 给定一个二维数组,其每一行从左到右递增排序,从上到下也是递增排序。给定一个数,判断这个数是否在该二维数组中。 Consider the following matrix: [ [1, 4, 7, 11, 15], [2, 5, 8, 12, 19],...

2020-05-20 08:50:29 52 0

原创 两数之和

题目:(两数之和) 给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是,数组中同一个元素不能使用两遍。 示例: 给定 nums = [2, 7, 11, 15], target =...

2020-05-19 08:52:19 56 0

原创 electron --unsafely-treat-insecure-origin-as-secure 问题解决 navigator.mediaDevices = undefined

问题原因: 由于electron mainWindow.loadURL(‘http:127.0.0.1’) 访问是已http协议,而chrome浏览器在访问http请求时考虑隐私安全是无法打开许多Web API的(如:navigator.mediaDevices),你会发现 navigator.m...

2020-05-15 15:15:33 612 0

原创 flutter 实战天猫首页案例

效果图: GitHub Flutter学习源码:https://github.com/shunyue1320/flutter-study appbar代码: appBar: AppBar( centerTitle: true, //elevation: 0, //bar底部阴影 lead...

2020-05-05 15:55:41 180 0

原创 flutter Scroll x轴y轴滚动条

效果图如下: y轴滑动: 代码如下: child: Container( width: double.infinity, height: 200, color: Colors.grey, alignment: Alignment.topLeft, child: SingleChildS...

2020-05-04 15:19:22 108 0

原创 flutter Flex Wrap Stack Align布局

1.flex布局: Flex( direction: Axis.horizontal, //水平反向(direction不能为空) direction: Axis.vertical, //垂直反向 Expanded( flex: 1 ) ) 实现代码如下: child: Container(...

2020-05-04 13:32:13 82 0

原创 flutter Row布局详解

Row布局: 水平对齐方式 横轴对齐方式 child: Row( //水平对齐 mainAxisAlignment: MainAxisAlignment.center, //水平居中对齐 //mainAxisAlignment: MainAxisAlignment.start, /...

2020-05-04 09:23:28 114 0

原创 electron Error: Can't resolve 'fs'(编译报错)

报错内容: 报错原因: Node运行时提供了这些东西,所以将它们从输出包中排除依赖项, 防止捆绑某些导入的软件包,而是在运行时检索这些外部依赖项。 解决方法: 在webpack.config.js添加如下内容 module.exports = { //... externals: { ...

2020-04-22 09:43:18 152 0

原创 vue注册全局弹窗组件

目录结构: —elert —|— elert.vue —|— elert.js elert.vue代码: <template> <div class="modal fade" data-backdrop="static"> ...

2020-04-16 12:30:03 170 0

原创 esp8266中继器制作整过程

1. 下载烧入工具: https://github.com/nodemcu/nodemcu-flasher/tree/master/Win64/Release 2. 下载编译好的两个中继器二进制文件: https://github.com/martin-ger/esp_wifi_repeater/...

2020-04-15 22:23:50 480 0

原创 arduino下载esp8266 代理失效

arduino IDE下载地址: https://www.arduino.cc/en/guide/windows 下载esp8266时非常缓慢解决方法: 勾选后下载依然缓慢esp8266解决方法: 开启代理并通过电脑连接手机热点来下载esp8266! 前提要有代理哈! ...

2020-04-12 11:34:51 67 0

原创 一键健康打卡脚本

自动打卡效果图: 一键健康打卡程序下载连接: 链接: https://pan.baidu.com/s/15EuEF_mR-aR4CzLXen81EQ 提取码: kajs 使用步骤 需要下载谷歌浏览器版本 80.0 已上版本 (64 位),最好先自行打卡一次 1. 下载放入C盘根目录 温馨提示:...

2020-04-09 00:18:49 1120 1

原创 flutter头部tabTop滚动栏

效果图如下: main.dart代码如下: import 'package:flutter/material.dart'; //启动函数 void main() => runApp(MyApp()); //自定义组件 class MyApp extends State...

2020-04-05 22:10:53 151 0

原创 flutter多种底部导航栏样式

1.底部导航栏 (外弧样式) 实现代码: //引入flutter的dart库 import 'package:flutter/material.dart'; //启动函数 void main() => runApp(MyApp()); //自定义组件 class My...

2020-04-05 12:10:05 108 1

原创 flutter报错Your app isn’t using AndroidX.解决方法

flutter报错Your app isn’t using AndroidX.并报错无法运行: 解决方法: gradle.properties文件添加如下字段: android.enableJetifier=true android.useAndroidX=true 如图: 保存后再次运行:...

2020-04-05 09:09:37 786 0

原创 css全站变灰

css属性全网站变灰: filter: grayscale 使用可以调整元素的灰度值 html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: gr...

2020-04-04 09:41:20 343 0

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