Flutter学习之旅——实用入坑指南

2019-01-20 14:10:47

开篇: 一如前端深似海,从此节操是路人,从此再无安宁日,从此红尘是路人。要说技术更迭速度,还有比前端更快的么😂根本停不下来。这不,Google刚发布Flutter不到一年时间,1.0正式版发布不到两个月。阿里系的闲鱼老大哥,已经率先用Flutter重构了闲鱼,虽然没完全重构,但高频的重度页面都是Flutter的了。这一幕似曾相识,当初RN出来的时候不也是闲鱼团队先吃的螃蟹吗,在这里向闲鱼团队的老哥们致敬🐣。 既然老大哥都出动了,也侧面验证了这项技术的可行性。当小弟的也不能落后嘛,每天抽时间断断续续的学了两周时间,仿部分知乎的客户端,撸了一套客户端出来。前一周主要是熟悉Dart语言和常规的客户端布局方式,后一周主要是掌握使用HTTP的请求、下拉上拉、左滑右滑、长按等常用手势、相机调用、video播放等进阶用法。 两周下来,基本上可以开发80%以上常见的客户端需求。 前期一直在用simulator开发,略有卡顿,心中难免有些疑惑。结果最后release打包到手机后,竟然如丝般顺滑!!!简直喜出望外,完全可以睥睨原生开发,在这一点上的确要优于目前的RN。最重要的是作为Materail Design极简又有质感风格的鸭狗血粉丝,Flutter造出来的界面简直倍爽。至此正式入坑Flutter开发。Google万岁! Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

狗生第一篇观剧感——大江大河

2019-01-12 12:26:58

写了小半年的“日记”,实际算不得日记,因为没做到一日一记😂。开始习惯记录平时的所想所感。 刚好最近看到为改革开放40年献礼而不失有趣的国产剧《大江大河》,刚看了几眼就觉得此剧值得一看。看的过程中,经常自己抹眼泪😂,真是一个费纸的剧。所以想到可以边看边写一些情感波动和联系到的东西,应该是种不错的体验,所以就有了狗生的第一篇电视剧观看历程。(出于时间考虑,前25集1.5倍速观看,后面的2倍速观看。发现效果很不错) 导演真的太敬业了,此剧以上世纪七八十年代农村为主场景,从农村长大的我,剧中好多的场景,物件,人设,真的是一看就立马回到小时候的记忆,真棒👍。 人们成熟之后,最节俭的,不是金钱,而是情感,自己很少用,也不向别人索取。只存不取,攒得多了,偶尔在遇见一部电影,一首老歌的时候,倾泄而出。 ——《半山文集》 不说了,上笔记。 这几天撸铁撸得有点过了,麒麟臂疼得不行,不码字了。最后以东宝书记的三轮车结束吧,快上车。

2018-2019

2019-01-01 13:00:57

今年过得好快鸭🦆。来个日常年常简短总结。 今年也算是一个小的里程碑,在某些方面有了一些大的变化。值得庆祝。 在工作上,一直积极关注学习新的东西。16年刚毕业的一年,从前端到Node后端,到使用Vue,RN,Electron等开启全栈之路,开拓了较广的技术栈。到17年紧跟“潮流”,去做了半年多的小程序全栈,同时巩固了后端开发。至此貌似大前端的大多数东西都已经有过开发经验,勉强算的上伪全栈。作为一个好奇的人,从17年就开始关注区块链技术,入了币圈。并在17年底心血来潮,来了一波说走就走的裸辞,还拉上了几个垫背的几个好机油,一起拥抱百年一遇的泡沫狂欢技术革命。 事实上回头来看,这种骚操作果敢,带来的收益是极大的,年轻就要醒着拼。我不知道当初选择继续原公司的工作,现在是什么样。但裸辞后全身心投入区块链的学习,学go,学以太坊,学合约等等,学习过程中结识了很多优秀的人,来自各行各业的,有年薪百万的大佬,有清华的投行高材生,有手握矿机的机霸矿霸,有还在学校的大四学生,有以卡还卡的套现大佬,有出口成章的演讲家。大家聚在一起享受币圈的狂欢的同时,一起学习进步,真的是学到了很多东西。第一次步入这样一个个体差异极大的群体,真的是从每个人身上学到很多,受益匪浅。

图床从七牛迁移至腾讯COS

2018-12-13 16:43:29

前言(吐槽): 之前收到邮件,七牛要回收什么测试域名,想着没啥影响。因为我绑定了备案域名。最近突然发现博客好多图片挂了。一看我备案了快五年的域名被取消备案了???而且七牛直接把测试域名删了... 我当初注册的就是个人性质博客类网站,五年时间网站一直正常运行,且内容性质从未改变。空壳网站?备案信息不准确?真是睿智 🖕 概览 以下操作在macOS下进行。所有命令的文档请参考qshell命令列表 主要流程: 下载七牛中的所有资源,上传至腾讯COS。由于七牛的测试域名已失效,原空间的资源无法直接下载,所以先新建一个空间(新空间测试域名30天有效期),将旧空间的资源全部转移至新空间,然后从新空间下载所有资源。 一、七牛资源从就空间转移至新空间 1、下载七牛的命令行工具qshell 2、解压、重命名、赋予qshell运行权限 前往目录 cd /Users/ludis/Downloads/qshell-v2.3.4 && ll ➜ qshell-v2.3.4 ll

[译]如丝般顺滑-使用css3实现60帧的动画

2018-12-03 15:58:55

原文: Smooth as Butter: Achieving 60 FPS Animations with CSS3在移动端上实现动画很简单。如果采取我们的建议的话,在移动端正确的实现动画也会比较容易。虽然现在很多人在手机上运用CSS3动画,但许多人用的都不够恰当。很多应加以考虑的最佳实践常常被忽略,因为仍然有人不明白这些最佳实践的真正意义。如今有这么多的设备规范,如果还不有针对性地优化你的代码,糟糕的用户体验将让你死无葬身之地。记住:虽然市场上始终有一些高端的旗舰机在挑战性能极限,但你面对的仍将是和这些性能怪兽相比只是玩具一样的低端设备。我们想帮助你正确地驾驭 CSS3。首先先要了解几件事。理解时间轴当渲染和处理HTML元素时,浏览器做了什么?这个非常简单的时间轴我们称之为 关键渲染路径想要达到流畅的动画效果,我们需要关注修改属性会对 composite (合成)阶段造成怎样的影响。而不是去关注前面的其他阶段。1. Styles浏览器开始计算样式以应用在元素上——重新计算样式2. Layout接下来,浏览器会开始为每个元素生成用于布局的形状和位置信息。在该步骤浏览器会设置的页面属性包括 width和height,还有margin,以及left/top/right/bottom 等。3. Paint在该步骤,浏览器开始用像素渲染填充每个元素,