2018年10月_飞翔的熊blabla

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 Flutter样式和布局控件简析(一)

转载于 https://segmentfault.com/a/1190000011949751开始搞前端的同学可能都习惯了CSS局部的思维，过去也出现过一些跟布局或者样式相关的标签，例如：big, center, font, s, strike, tt, u；但是目前也被CSS所代替，已经不推荐使用。但是在Flutter里面，是没有CSS这样一个概念的，布局和样式都可能会是一个组件或者是组...

2018-10-31 17:41:02 1967

转自:https://github.com/AweiLoveAndroid/Flutter-learning/blob/master/readme/Flutter%E7%9A%84%E9%9C%80%E8%A6%81%E4%B8%8E%E5%8E%9F%E7%94%9F%E4%BA%A4%E4%BA%92%E7%9A%84%E4%B8%80%E4%BA%9B%E5%B8%B8%E7%94%A8...

2018-10-31 12:06:54 4255 1

转载 Flutter基础—定位对齐之对齐

Align控件即对齐控件，能将子控件所指定方式对齐，并根据子控件的大小调整自己的大小。对齐子控件的方式：bottomCenter (0.5, 1.0) 底部中心bottomLeft (0.0, 1.0) 左下角bottomRight (1.0, 1.0) 右下角center (0.5, 0.5) 水平垂直居中centerLeft ...

2018-10-31 11:01:56 5908

转载微信小程序获取微信绑定授权手机号getPhoneNumber 全流程及出现手机号带*号问题详解

微信小程序文档中给出如下示例获取微信用户绑定的手机号，需先调用login接口。因为需要用户主动触发才能发起获取手机号接口，所以该功能不由 API 来调用，需用 <button> 组件的点击来触发。注意：目前该接口针对非个人开发者，且完成了认证的小程序开放。需谨慎使用，若用户举报较多或被发现在不必要场景下使用，微信有权永久回收该小程序的该接口权限。使用方法需要将 &lt...

2018-10-30 14:18:05 6225 1

转载 Flutter Stack布局中定位的方式

前言想要记录一下Stack布局中，定位的两种方式代码//……省略无关代码……child: new Column( children: <Widget>[ new SizedBox(height: 20.0), new Stack( alignment: const Fra...

2018-10-30 13:43:08 4889

转载 Flutter 布局控件完结篇

本文对 Flutter 的 29 种布局控件进行了总结分类，讲解一些布局上的优化策略，以及面对具体的布局时，如何去选择控件。1. 系列文章前前后后也算是拖拖拉拉的写了一些 Flutter 的文章，写的也都比较粗略。最近工作调动，内部换了部门，一顿瞎忙活，也打乱了原本的分享计划。从我最开始接触 Flutter 到现在，差不多四个多月了。在这段时间里面，Flutter 也发布了 Relea...

2018-10-30 11:43:53 412

转载 Flutter 布局（十）- ListBody、ListView、CustomMultiChildLayout详解

本文主要介绍Flutter布局中的ListBody、ListView、CustomMultiChildLayout控件，详细介绍了其布局行为以及使用场景，并对源码进行了分析。1. ListBodyA widget that arranges its children sequentially along a given axis.1.1 简介ListBody是一个不常直接使...

2018-10-29 22:27:49 1344

转载 Flutter 布局详解

1. 简介在介绍Flutter布局之前，我们得先了解Flutter中的一些布局相关的特性。1.1 边界约束（box constraints）box constraints有人也翻译为盒约束、箱约束，我个人还是觉得边界约束可能更直观一些。Flutter中的边界约束，是指widget可以按照指定限定条件，来决定自身如何占用布局空间。Flutter借鉴了很多React相关的东西，包括一些...

2018-10-29 21:07:33 465

转载 Flutter快速上车之Widget

Flutter作为一种全新的响应式，跨平台，高性能的移动开发框架。从开源以来，已经得到越来越多开发者的喜爱。闲鱼是最早一批与谷歌展开合作，并在重要的商品详情页中使用上线的公司。一路走来，积累了大量的开发经验。虽然越来越多的技术大牛在flutter世界中弄得风声水起，但是肯定有很多的flutter小白希望能快速上手，享受flutter编程的乐趣。本文就是面向刚刚踏上futter的同学，从Flutte...

2018-10-29 19:06:55 199

转载 Flutter 布局详解

原文链接本文主要介绍了Flutter布局相关的内容，对相关知识点进行了梳理，并从实际例子触发，进一步讲解该如何去进行布局。1. 简介在介绍Flutter布局之前，我们得先了解Flutter中的一些布局相关的特性。1.1 边界约束（box constraints）box constraints有人也翻译为盒约束、箱约束，我个人还是觉得边界约束可能更直观一些。Flutter...

2018-10-29 18:53:41 771

转载 flutter注意的地方

height不能写成整形200否则出错,要写成double类型Container( height: 200.0, child:new FadeInImage.memoryNetwork( placeholder: kTransparentImage, image: 'https://language.kuaidianying.cn/pic-Life Is...

2018-10-29 16:17:42 641

转载 flutter基础-组件通信(父子、兄弟）

上一篇中讲了如何通过父组件给子组件传值: 传送门这一篇的内容会讲述如何实现：1. 父子组件之间的传值方法2. 兄弟组件之间的传值方法 —— eventbus实现后的效果如下图，实现效果.png有一些朋友在使用的过程中，可能没有找到比较好的方法，那么我们就一起来撸一个demo吧。这个demo我们重头开始，先flutter create demo (你的项目名称)，我们...

2018-10-29 15:25:03 1109

转载 flutter实战5：异步async、await和Future的使用技巧

由于前面的HTTP请求用到了异步操作，不少小伙伴都被这个问题折了下腰，今天总结分享下实战成果。Dart是一个单线程的语言，遇到有延迟的运算（比如IO操作、延时执行）时，线程中按顺序执行的运算就会阻塞，用户就会感觉到卡顿，于是通常用异步处理来解决这个问题。当遇到有需要延迟的运算（async）时，将其放入到延迟运算的队列（await）中去，把不需要延迟运算的部分先执行掉，最后再来处理延迟运算的部分。...

2018-10-29 15:22:32 2614

转载 Flutter基础—常用控件之图片

Image控件即图片控件，是显示图像的控件，Image控件有多种构造函数：new Image，用于从ImageProvider获取图像。new Image.asset，用于使用key从AssetBundle获取图像。new Image.network，用于从URL地址获取图像。new Image.file，用于从File获取图像。为了自动执行像素密度感知资源分辨率，使用AssetIma...

2018-10-29 14:58:26 153

转载 Android探路先锋之Flutter - BUG集锦

如下我导入了一个WebView插件name: flutter_demodescription: A new Flutter application.dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use...

2018-10-29 14:56:46 677

转载如何调试flutter应用

The Dart Analyzer这个工具帮助你分析代码，发现可能的错误。运行命令行终端进入flutter工程所在目录，执行flutter analyze使用IntelliJ IDEADart Observatorydart语句级单步调试器和分析器运行命令行终端进入flutter工程所在目录，执行flutter run命令运行app，运行的时候，在控制台可以看到...

2018-10-29 13:07:57 3251

转载 swiper禁止手动滑动

swiper禁止手动滑动只需要在最外层的容器上增加class="swiper-no-swiping"（在引入了swiper相关css的前提下）

2018-10-26 17:44:12 11835

转载 isset与empty的联系和区别，isset文档 empty文档

isset与empty的联系和区别，isset文档 empty文档empty对如下8种情况返回true：null、空串""、字符串0"0"、空array、布尔值false、数字0、浮点数0.0、类里用var定义但是未赋值 isset 检测变量是否设置，并且不是 NULL，但是对于empty的8种情况，只有null返回false，其它7种情况都返回true综上所述，除了empty描述的的非...

2018-10-22 18:36:21 176

转载微信小程序开发—项目实战之聊天机器人

项目功能介绍人工智能虚拟机器人“微软小冰”大家玩过吧，很酷的一个应用。发送文字、语音和图片都能得到智能的回复。那现在我们就用小程序做一个模拟的应用，智能聊天机器人。发送文字它可以回复一段话，或一张图片，是不是有点小酷！下面是小程序开发的一个智能聊天机器人的应用界面：当然，这种智能回复的算法和数据库我们自己肯定是没有的，所以我们借助于图灵机器人的开放API接口来完成我们的功能。...

2018-10-19 10:02:42 3455

转载一重Prototype写法

// 录音管理let record = function (recorderManager) { this.recorderManager = recorderManager this.recordStart()}record.prototype = { // 开始录音 start: function (startObj) { this.recorderManage...

2018-10-18 15:02:28 168

转载 const { duration, tempFilePath } = voiceInfo;

voiceinfo 如果是Json且确定有两个变量可以上面的方式写

2018-10-18 14:25:07 580

转载详解用CSS3制作圆形滚动进度条动画效果

主题今天手把手教大家用CSS3制作圆形滚动进度条动画，想不会都难！那么，到底是什么东东呢？先不急，之前我分享了一个css实现进度条效果的博客《CSS实现进度条和订单进度条》，但是呢，那篇博客只是制作出来效果而已，并没有动画效果，因为当时正期末复习期间，所以就省了制作动画的时间成本。所以，今天就一起把各种效果都实现吧！内容先看一下效果图，会提升我们的学习兴...

2018-10-17 11:28:02 333

转载 margin-left:auto;margin-right:auto;不起作用

因为用了position: absolute;bottom: 0rpx;

2018-10-15 16:19:55 3436

转载 Flex 布局教程：语法篇

网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地...

2018-10-13 23:53:04 125

转载 Flutter- 组件框架之旅

转自:https://www.jianshu.com/p/1c53bafe7440以下内容基本翻译自A Tour of the Flutter Widget Framework，翻译的可能并不完全！作为自己学习的笔记，加入了自己的理解，可能有疏漏错误，欢迎指正！PS:Widget可能会翻译为小部件、组件、控件等等，都是一个东西，不要太在意细节引言Flutter组件使用现代的响应式框架(...

2018-10-12 16:07:05 1515

转载 Flutter填坑：Waiting for another flutter command to release the startup lock

打开AndroidStudio的时候顶部的模拟器一直是loading状态，即使已经打开了模拟器。运行flutter doctor 提示Waiting for another flutter command to release the startup lock查了一下github的flutter issue 找到了解决方法，如下：1、打开flutter的安装目录/bin/cache...

2018-10-11 17:43:41 848

转载 Flutter 的 package库链接

在https://pub.dartlang.org/flutter/packages?page=2可以找到很多flutter库

2018-10-11 11:35:25 738

转载 Flutter学习之旅(四)----Flutter开发语言Dart的基础语法

Dart官网镇楼(英文版)先从一段简单的Dart代码入手。// 定义一个方法printNumber(num aNumber) {//参数类型为num, print('The number is $aNumber.'); // 打印信息到控制台,$aNumber等价于${aNumber}，表示取aNumber变量的值。}// APP运行入口main() { var numb...

2018-10-10 22:09:48 171

转载我花了 8 小时，"掌握"了一下 Flutter | Flutter 中文站上线

Hi，大家好，我是承香墨影！距离 Google 在 2018 世界移动大会上发布 Flutter 的 Beta 版本，Flutter 是 Google 用以帮助开发者在 Android 和 iOS 两个平台，同时开发高质量原生应用的全新移动 UI 框架。当时上线的官网资料，都是英文的。而经历了一个多月的整理、翻译、测试。现在 Flutter 中文站正式上线了。Flutter 中文站是...

2018-10-10 17:53:20 557

转载 MySQL中concat函数

使用方法：concat(str1,str2,…)返回结果为连接参数产生的字符串。如有任何一个参数为NULL，则返回值为NULL。mysql>selectconcat('11','22','33');+------------------------+|concat('11','22','33')|+------------------------+|1122...

2018-10-10 15:57:30 440

转载小程序 page 和自定义组件的生命周期

页面有：onload onready onshow onhide onunload组件有：created attached ready detached move

2018-10-10 14:26:46 1779

转载 Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序

Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里，使用Can I Use的数据来决定哪些前缀是需要的。所有你需要做的就是把它添加到你的资源构建工具（例如Grunt）并且可以完全忘记有CSS前缀这东西。尽管按照最新的W3C规范来正常书写你的CSS而不需要浏览器前缀。像这样：a{ transition:transform 1s}A...

2018-10-09 18:59:20 7610

转载 box-sizing: border-box; 和padding width的使用

text-overflow: ellipsis;overflow: hidden;padding:0 40rpx; box-sizing: border-box;width:100%;加前:加后:

2018-10-09 15:25:37 262

转载微信小程序之toast等弹框提示

微信小程序中toast消息提示框只有两种显示的效果，就是成功和加载，使用wx.showToast(OBJECT)。看下有关参数说明：代码很简单： wx.showToast({ title: '成功', icon: 'succes', duration: 1000, mask:true ...

2018-10-08 16:58:23 7881

转载 wx-charts 微信小程序图表插件

微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧，支持图表类型饼图、线图、柱状图、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个支持图标类型饼图 pie 圆环图 ring 线图 line 柱状图 column 区域图 area 雷达图 radar如何使用？直接引用编译好的文件 dist/charts.js（js下...

2018-10-06 17:15:42 13937 1

转载小程序-动态设置顶部导航条

摘要之所以记录这个，是因为在做一个小程序项目时，老板需要我在一个页面上index，在不同的时间段顶部导航的颜色需与背景相同。刚开始在老板未要求之前我都是想这样做的，但是我百度方法一直未找到正确且合适的，所以我懵逼了，就偷偷懒用一个固定颜色就好了。哪知道后来老板看项目成果时提出看法说“顶部的颜色与背景色不同感觉不好看，是否可以同不同时间段的背景色一样”，唉~老板不知我的痛，没办法只有听老板的，所...

2018-10-04 23:29:18 547

转载微信小程序-音频播放-wx.createInnerAudioContext() 每次都是重复播放同一条录音

转载于https://blog.csdn.net/a600849155/article/details/81356576前言在调试微信小程序音频播放时，刚开始我也是直接复制官方文档的实例： const innerAudioContext = wx.createInnerAudioContext() innerAudioContext.autoplay = tru...

2018-10-01 22:33:36 4434 1