Angular中使用ECharts图表
摘要：
1.安装： 2.在 TypeScript 文件中导入echarts 3.根据官方demo和API，开发自己的需求即可 https://www.echartsjs.com/examples/4.html布局 5.ts代码 效果： 阅读全文
posted @ 2019-07-28 20:14 LoaderMan 阅读(6800) 评论(0) 推荐(1) 编辑
Flutter页面跳转返回数据
摘要：
Dart中的异步请求和等待和ES6中的方法很像，直接使用async...await就可以实现。 核心代码： 示例： 阅读全文
posted @ 2019-07-26 15:56 LoaderMan 阅读(592) 评论(0) 推荐(0) 编辑
Flutter 中的常见的按钮组件 以及自定义按钮组件
摘要：
Flutter 里有很多的 Button 组件很多，常见的按钮组件有:RaisedButton、FlatButton、 IconButton、OutlineButton、ButtonBar、FloatingActionButton 等。 RaisedButton :凸起的按钮，其实就是 Materi 阅读全文
posted @ 2019-07-26 13:49 LoaderMan 阅读(2463) 评论(0) 推荐(0) 编辑
Flutter Drawer 侧边栏、以及侧边栏内 容布局
摘要：
Flutter Drawer 侧边栏 在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏，传入 endDrawer 可以定义右侧边 栏。侧边栏默认是隐藏的，我们可以通过手指滑动显示侧边栏，也可以通过点击按钮显示侧 边栏。 return Scaffold( appBar: AppB 阅读全文
posted @ 2019-07-25 20:16 LoaderMan 阅读(3640) 评论(0) 推荐(0) 编辑
Flutter AppBar 自定义顶部导航按钮 图标、颜色 以及 TabBar 定义顶部 Tab 切换
摘要：
Flutter AppBar 自定义顶部按钮图 标、颜色 属性 描述 leading 在标题前面显示的一个控件，在首页通常显示应用 的 logo;在其他界面通常显示为返回按钮 title 标题，通常显示为当前界面的标题文字，可以放组 件 actions 通常使用 IconButton 来表示，可以放 阅读全文
posted @ 2019-07-24 14:01 LoaderMan 阅读(11531) 评论(0) 推荐(1) 编辑
Flutter 中的路由
摘要：
Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 中通过 Navigator 组件管理路由导航。 并提供了管理堆栈的方法。如:Navigator.push 和 Navigator.pop Flutter 中给我们提供了两种配置路由跳转的方式:1、基本路由 2、命名路由 Flutter 阅读全文
posted @ 2019-07-22 23:07 LoaderMan 阅读(914) 评论(0) 推荐(0) 编辑
Flutter BottomNavigationBar 组件
摘要：
BottomNavigationBar 是底部导航条，可以让我们定义底部 Tab 切换，bottomNavigationBar是 Scaffold 组件的参数。 BottomNavigationBar 常见的属性 属性名 说明 items List<BottomNavigationBarItem> 阅读全文
posted @ 2019-07-18 22:43 LoaderMan 阅读(223) 评论(0) 推荐(0) 编辑
Flutter StatefulWidget 有状态组件、页面上绑定数据、改变页面数据
摘要：
在 Flutter 中自定义组件其实就是一个类，这个类需要继承 StatelessWidget/StatefulWidget。 StatelessWidget 是无状态组件，状态不可变的 widget StatefulWidget 是有状态组件，持有的状态可能在 widget 生命周期改变。通俗的讲 阅读全文
posted @ 2019-07-14 23:38 LoaderMan 阅读(2238) 评论(0) 推荐(0) 编辑
Flutter Wrap 组件实现流布局
摘要：
Wrap 可以实现流布局，单行的 Wrap 跟 Row 表现几乎一致，单列的 Wrap 则跟 Row 表 现几乎一致。但 Row 与 Column 都是单行单列的，Wrap 则突破了这个限制，mainAxis 上空 间不足时，则向 crossAxis 上去扩展显示。 属性 说明 direction 阅读全文
posted @ 2019-07-13 20:05 LoaderMan 阅读(393) 评论(0) 推荐(0) 编辑
Flutter AspectRatio、Card 卡片组件
摘要：
Flutter AspectRatio 组件 AspectRatio 的作用是根据设置调整子元素 child 的宽高比。 AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展，widget 的高度是由宽 度和比率决定的，类似于 BoxFit 中的 contain，按照固定比率去尽量占 阅读全文
posted @ 2019-07-12 16:09 LoaderMan 阅读(658) 评论(0) 推荐(0) 编辑
flutter 运行别人项目 包无法导入报错：Target of URI doesn't exist 'package:flutter/material.dart' 解决方法
摘要：
命令行里运行 flutter packages get 阅读全文
posted @ 2019-07-12 10:27 LoaderMan 阅读(12669) 评论(0) 推荐(0) 编辑
Flutter 页面布局 Stack层叠组件
摘要：
Stack 表示堆的意思，我们可以用 Stack 或者 Stack 结合 Align 或者 Stack 结合 Positiond 来实现页面的定位布局 属性 说明 alignment 配置所有子元素的显示位置 children 子组件 Stack 表示堆的意思，我们可以用 Stack 或者 Stac 阅读全文
posted @ 2019-07-12 10:08 LoaderMan 阅读(1712) 评论(0) 推荐(0) 编辑
flutter 页面布局 Paddiing Row Column Expanded 组件
摘要：
Flutter Paddiing 组件 在 html 中常见的布局标签都有 padding 属性，但是 Flutter 中很多 Widget 是没有 padding 属 性。这个时候我们可以用 Padding 组件处理容器与子元素直接的间距。 属性 说明 padding padding 值, Edg 阅读全文
posted @ 2019-07-11 16:35 LoaderMan 阅读(346) 评论(0) 推荐(0) 编辑
flutter GridView 网格布局
摘要：
当数据量很大的时候用矩阵方式排列比较清晰。此时我们可以用网格列表组件 GridView 实 现布局。 GridView 创建网格列表有多种方式，常用有以下两种。 1、可以通过 GridView.count 实现网格布局 2、通过 GridView.builder 实现网格布局 示例代码 import 阅读全文
posted @ 2019-07-10 20:48 LoaderMan 阅读(2107) 评论(0) 推荐(0) 编辑
Flutter ListView 列表组件
摘要：
列表常见的情况: 1、垂直列表 2、垂直图文列表 3、横向列表 4、动态列表 名称 类型 说明 scrollDirection Axis Axis.horizontal 横向列表 Axis.vertical 垂直列表(默认垂直列表) padding EdgeInsetsGeometry 内边距 re 阅读全文
posted @ 2019-07-09 11:45 LoaderMan 阅读(2749) 评论(0) 推荐(0) 编辑
flutter 图片组件
摘要：
加入图片的几种方式 Image.asset:加载资源图片，就是加载项目资源目录中的图片,加入图片后会增大打包的包体体积，用的是相对路径。 Image.network:网络资源图片，意思就是你需要加入一段http://xxxx.xxx的这样的网络路径地址。 Image.file:加载本地图片，就是加载 阅读全文
posted @ 2019-07-08 11:44 LoaderMan 阅读(1037) 评论(0) 推荐(0) 编辑
Flutter Container容器组件、Text文本组件详解
摘要：
Flutter Text 组件 TextAlign属性 TextAlign属性就是文本的对齐方式，它的属性值有如下： center: 文本以居中形式对齐,这个也算比较常用的了。 left:左对齐，经常使用，让文本居左进行对齐，效果和start一样。 right :右对齐，使用频率也不算高。 star 阅读全文
posted @ 2019-07-05 14:16 LoaderMan 阅读(608) 评论(0) 推荐(0) 编辑
Vscode 调试 Flutter 项目
摘要：
1、Vscode 中打开 flutter 项目进行开发 2、运行 Flutter 项目 flutter run r 键:点击后热加载，也就算是重新加载吧。 p 键:显示网格，这个可以很好的掌握布局情况，工作中很有用。 o 键:切换 android 和 ios 的预览模式。 q 键:退出调试预览模式。 阅读全文
posted @ 2019-07-03 15:25 LoaderMan 阅读(2297) 评论(0) 推荐(0) 编辑
Flutter 目录结构介绍、入口、自定义 Widget、MaterialApp 组件、Scaffold 组件
摘要：
Flutter 目录结构介绍 文件夹 作用 android android 平台相关代码 ios ios 平台相关代码 lib flutter 相关代码，我们主要编写的代 码就在这个文件夹 test 用于存放测试代码 pubspec.yaml 配置文件，一般存放一些第三方库的依 赖。 Flutter 阅读全文
posted @ 2019-07-03 15:20 LoaderMan 阅读(1303) 评论(0) 推荐(0) 编辑
flutte的第一个hello world程序
摘要：
用命令行创建项目： VSCode或者AS连接手机后 输入 编译后就可以将默认的代码显示在手机上了 开始写hello world 代码，这段代码写在根目录\lib\main.dart文件中，也是Flutter主文件。 整个代码如下 VSCode中如何热加载 Vscode 默认连不上第三方模拟器解决方案 阅读全文
posted @ 2019-07-03 15:07 LoaderMan 阅读(374) 评论(0) 推荐(0) 编辑
ionic生命周期函数
摘要：
Ionic4中的生命周期函数和angualr7基本是一样的，下面我们看看Ionic4中的生命周期函数，以及生命周期函数的用法。 Ionic4中内置的生命周期函数： ionViewWillEnter —当进入一个页面时触发(如果它从堆栈返回) ionViewDidEnter —进入后触发 ionVie 阅读全文
posted @ 2019-07-03 09:51 LoaderMan 阅读(671) 评论(0) 推荐(0) 编辑
Flutter 介绍、运行环境
摘要：
Flutter 是谷歌公司开发的一款开源、免费的移动 UI 框架，可以让我们快速的在 Android 和iOS 上构建高质量 App。它最大的特点就是跨平台、以及高性能。 Flutter 基于谷歌的 dart 语言，如果没有任何 Dart 语言的基础，不建议直接学习 Flutter。建议先学习 Da 阅读全文
posted @ 2019-07-02 11:16 LoaderMan 阅读(911) 评论(0) 推荐(0) 编辑
Mac 快速进入mysql命令行
摘要：
1.终端输入进入bin 目录（没有环境配置） cd /usr/local/mysql/bin/ 2.mysql登录,输入密码即可 mysql -u root -p 前提：mysql 服务已启动 mysql环境配置： 终端输入：open .bash_profile 然后添加： export PATH= 阅读全文
posted @ 2019-06-21 17:36 LoaderMan 阅读(7881) 评论(0) 推荐(1) 编辑
Vuex 的使用 State Mutation Getter Action
摘要：
import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex); /*1.state在vuex中用于存储数据*/ var state={ count:1, list:[] } /*2.mutations里面放的是方法，方法主要用于改变state里面的数据 */ var mutations={ incCou... 阅读全文
posted @ 2019-06-20 14:40 LoaderMan 阅读(756) 评论(0) 推荐(0) 编辑
Vue中路由的嵌套
摘要：
import Vue from 'vue'; import App from './App.vue'; //引入公共的scss 注意：创建项目的时候必须用scss import './assets/css/basic.scss'; /*路由的嵌套 1.配置路由 { path: '/user', component: User, ... 阅读全文
posted @ 2019-06-20 14:05 LoaderMan 阅读(707) 评论(0) 推荐(0) 编辑
Vue路由编程式导航以及hash模式
摘要：
import Vue from 'vue'; import App from './App.vue'; //引入公共的scss 注意：创建项目的时候必须用scss import './assets/css/basic.scss'; //请求数据 import VueResource from 'vue-resource'; Vue.use(VueResource); ... 阅读全文
posted @ 2019-06-20 14:03 LoaderMan 阅读(1114) 评论(0) 推荐(0) 编辑
Vue动态路由 Get传值
摘要：
我是首页组件 {{key}}--{{item}} pcontent 商品详情 我是新闻组件 ... 阅读全文
posted @ 2019-06-20 13:44 LoaderMan 阅读(540) 评论(0) 推荐(0) 编辑
Vue非父子组件传值
摘要：
我是首页组件 给News组件广播数据 我是新闻组件 给Home组件广播数据... 阅读全文
posted @ 2019-06-20 13:31 LoaderMan 阅读(1175) 评论(0) 推荐(0) 编辑
父组件主动获取子组件的数据和方法 和 子组件主动获取父组件的数据和方法
摘要：
首页组件 获取子组件的数据和方法 我是头部组件 获取子组件的数据和方法 阅读全文
posted @ 2019-06-20 13:25 LoaderMan 阅读(5822) 评论(0) 推荐(0) 编辑
vue父子组件传值
摘要：
首页组件 我是头部组件--{{title}}---{{homemsg}} 执行父组件的方法 获取父组件的数据和方法 ... 阅读全文
posted @ 2019-06-20 13:22 LoaderMan 阅读(1029) 评论(0) 推荐(0) 编辑
axios请求数据完整
摘要：
首页组件 请求数据 {{item.title}} 阅读全文
posted @ 2019-06-20 13:17 LoaderMan 阅读(2229) 评论(0) 推荐(0) 编辑
Vue vue-resource 请求数据
摘要：
首页组件 请求数据 {{item.title}} 阅读全文
posted @ 2019-06-20 13:16 LoaderMan 阅读(581) 评论(0) 推荐(0) 编辑
vue生命周期函数
摘要：
生命周期函数的演示 ---{{msg}} 执行方法改变msg 阅读全文
posted @ 2019-06-20 13:14 LoaderMan 阅读(783) 评论(0) 推荐(0) 编辑
Vue中创建单文件组件 注册组件 以及组件的使用
摘要：
这是一个头部组件 这是一个首页组件--{{m... 阅读全文
posted @ 2019-06-20 12:22 LoaderMan 阅读(2216) 评论(0) 推荐(0) 编辑
vue模块化以及封装Storage组件实现保存搜索的历史记录
摘要：
进行中 {{item.title}} -- 删除 已完成 {{item.title}} -- 删除 ... 阅读全文
posted @ 2019-06-20 11:32 LoaderMan 阅读(739) 评论(0) 推荐(0) 编辑
Vue 事件结合双向数据绑定实现todolist 待办事项 已经完成 和进行中
摘要：
进行中 {{item.title}} ---- 删除 已完成 {{item.title}} ----删除... 阅读全文
posted @ 2019-06-20 11:30 LoaderMan 阅读(495) 评论(0) 推荐(0) 编辑
vue 事件结合双向数据绑定实现todolist
摘要：
+增加 {{item}} ---- 删除 阅读全文
posted @ 2019-06-20 11:20 LoaderMan 阅读(553) 评论(0) 推荐(0) 编辑