移动、前端、小程序、跨端……大前端领域百花争鸣,把握大前端未来的方向,关注科技企业的大前端实践,在这里看到大前端的前沿。

加载中
置顶
发表了博客
03/05 16:20

Flutter2.0重磅发布!带你一文打尽Flutter Engage

3月4日凌晨,FlutterEngage活动以在线的方式举行。整场活动内容丰富,精彩不断,下面淘系技术专家就带您回顾下这场年度Flutter技术的盛宴。 ▐ Flutter2.0 整场活动中,最令人激动的就是Flutter2.0的发布了。那么Flutter2.0主要带来了哪些新的特性呢? 一句话总结,Flutter2.0最大的变化是除了之前已经处于stable渠道的移动设备支持外,桌面和Web支持也正式宣布进入stable渠道。 ▐ Dart2.12 独一无二的应用构建能力集合 可移植... 展开更多

收藏 1
1
置顶
高级程序员
发表了博客
02/04 08:00

Flutter 中不得不会的 mixin

老孟导读:mixin 是 Dart 中非常重要的概念,对于未接触过此概念的Coder来说尤其重要,最近看源码的时候,由于对 mixin 不熟悉导致理解出现偏差,走了很多弯路,所以这篇文章介绍一下 mixin 概念。 Dart 及 Engine 版本: Engine • revision ae90085a84 Tools • Dart 2.10.4 请注意版本,不同的版本可能存在差异。 先来看下官方的定义: Mixins are a way of reusing a class’s code in multiple class hierarchies. Mixins ... 展开更多

收藏 3
1
置顶
发表了博客
01/29 10:40

隐形的设计体系:Ant Design设计工程化探索

导语: 设计研发资产的管理和应用是大中型前端项目需要考虑的重要问题,设计工程化可以提升设计、研发、验收、消费各个环节的确定性,确保设计和前端的无缝衔接。在过去几年,Ant Design在这个方向上做了很多探索,现在让我们来看看他们是如何做的。 今天我们和大家分享的主题是 Invisible Design System,隐形的设计体系,主要是想和大家分享,我们对可见的设计体系背后隐形的设计规则的思考,以及如何通过设计工程化的方式,让... 展开更多

收藏 2
1
置顶
Android工程师
发表了博客
02/02 20:58

2020 故事,学习 Flutter

2020 年初我在朋友圈发了这样一段话(略有编辑):_Application 的三种形态 Native、Web、Hybrid 很早就提出来了,其中 Hybrid 型态因其跨平台特性和能够轻松创建一致的 UI 体验而备受关注,催生了不少框架。但是,一个框架要成为标准,要发展出生态,那是个漫长的过程。混战近十年,小框架要么死要么合并,有大平台烧钱的才能支撑下来。Microsoft 很早就涉入了 Hybrid 框架,与 Facebook、Google 等后起之秀并存至今,你要是常... 展开更多

收藏 0
0
置顶
高级程序员
发表了博客
01/28 10:58

Vue 3自定义指令开发

本文由葡萄城技术团队原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 什么是指令(directive) 在Angular和Vue中都有Directive的概念,我们通常讲Directive 翻译为“指令”。 在计算机技术中,指令是由指令集架构定义的单个的CPU操作。在更广泛的意义上,“指令”可以是任何可执行程序的元素的表述,例如字节码。 那么在前端框架Vue中“指令”到底是什么,他有什么作... 展开更多

收藏 1
0
置顶
发表了博客
01/07 11:56

【Flutter 专题】109 图解自定义 ACERadio 单选框

Radio 单选框在日常应用中很常见,Flutter 提供的单选框与 Android 提供的略有不同,和尚简单了解一下并对其进行部分扩展; Radio Radio 单选框是在一组选项中,互斥的选择单个选项; 源码分析 class Radio<T> extends StatefulWidget { const Radio({ Key key, @required this.value, // 当前单选框设置的值 @required this.groupValue, // 当前单选框选定状态的值 ...... 展开更多

收藏 1
0
置顶
发表了博客
2020/12/25 18:22

深入理解Flutter的图形图像绘制原理——图形库skia剖析

Flutter是目前流行的高性能跨平台UI框架,图形库skia是其跨平台的基石。本文将深入分析skia的图形、字体、图片的渲染原理,如何挖掘硬件特性,为UI性能优化提供思路。 1. 引言 Flutter是目前非常流行的跨平台UI开发框架,不仅支持Android、iOS,还支持Windows、Linux等操作系统。Flutter的性能非常高,拥有120fps的刷新率。那么flutter是如何实现在不同平台上高性能绘制图形图像的呢?首先我们分析下Flutter App和原生Android A... 展开更多

收藏 1
0
置顶
程序员
发表了博客
2020/12/25 13:46

凹凸实验室的过去与未来

![](https://oscimg.oschina.net/oscnet/up-64c1aa2d418bf79ab54c2f2ef543d386bf9.JPEG) 作者:凹凸曼 [凹凸实验室 5 周年视频点击观看](https://v.qq.com/x/page/m3215ilu1ay.html) > 凹凸实验室隶属于京东零售用户体验设计部(JDC),成立于 2015 年秋冬之交,诞生自深圳前海之滨,至今已走过 5 个年头,5 年的时光穿梭而过,凹凸实验室也不断发展壮大,从曾经专注前端的团队成长为如今涵盖前后端、全栈、算法、测试各类方向的... 展开更多

收藏 1
0
置顶
发表了博客
2020/12/12 08:51

【Flutter 专题】105 图解自定义 ACEPageMenu 滑动菜单 (一)

和尚尝试做一个类似 BottomSheet 的滑动 Menu,不局限于底部,可以从屏幕四周滑出;因涉及内容较多,和尚计划拆分开来总结和完善,先介绍大体结构,之后再详细学习; 和尚自定义的 ACEPageMenu 滑动菜单在绘制及动画主要涉及两方面,和尚简单介绍; AnimatedBuilder 和尚需要 Menu 从屏幕四周滑动出来,此时一定需要 Animation 动画,而对于动画,和尚尝试用 AnimatedBuilder 来处理,虽然需要设置 AnimatedController 等,但对... 展开更多

收藏 2
0
置顶
高级程序员
发表了博客
2020/12/07 08:00

【老孟Flutter】41个酷炫的 Loading 组件库

老孟导读:目前 loading 库中包含41个动画组件,还会继续添加,同时也欢迎大家提交自己的 loading 动画组件或者直接微信发给我也可以。 Github 地址:https://github.com/781238222/flutter-do/tree/master/m_loading_sample 效果如下: 在项目的 pubspec.yaml 文件中添加依赖: dependencies: m_loading: ^0.0.1 执行命令: flutter pub get 所有 loading 动画组件的用法大同小异,都有 duration(动画时长) 和 curve(动...... 展开更多

收藏 6
1
置顶
发表了博客
2020/12/06 21:47

推荐4个Flutter重磅开源项目

![](https://smartloong.oss-cn-shanghai.aliyuncs.com/GitHub9.jpeg) 早上好,骚年,我是小 G,我的公众号「**菜鸟翻身**」会推荐 GitHub 上有用的项目,一分钟 get 一个优秀的开源项目,挖掘开源的价值,欢迎关注我。 近年来,随着移动智能设备的快速普及,移动多端统一开发框架已成为一个热门话题,这里为你整理了 4 个 Flutter 优质的开源项目,希望对你有帮助。 ## **Flutter 精仿抖音** Flutter 精仿抖音开源了,左滑搜索... 展开更多

收藏 14
2
置顶
发表了博客
2020/12/06 08:26

翻译 | 《JavaScript Everywhere》第18章 带Electron的桌面应用程序

翻译 | 《JavaScript Everywhere》第18章 带Electron的桌面应用程序 ## 写在最前面 大家好呀,我是毛小悠,是一位前端开发工程师。正在翻译一本英文技术书籍。 为了提高大家的阅读体验,对语句的结构和内容略有调整。如果发现本文中有存在瑕疵的地方,或者你有任何意见或者建议,可以在评论区留言,或者加我的微信:`code\_maomao`,欢迎相互沟通交流学习。 (σ゚∀゚)σ..:\*☆哎哟不错哦 # 第18章 带Electron的桌面应用程序 ... 展开更多

收藏 2
1
置顶
Android工程师
发表了博客
2020/12/02 14:40

为什么说 Flutter 可能不是下一件大事?

作者 | Michael Long 译者 | 王强 策划 | 蔡芳芳 Flutter 很酷,但它当不成大明星,这篇文章会告诉你原因。 我注意到最近有很多文章将 Flutter 宣传为“下一件大事”(next big thing)。一些人甚至详细解释了 Flutter 为什么会替代 React Native 成为开发人员首选的跨平台技术。 但它并没有那个能力。 我见识过 Flutter 的很多缺陷,我认为它遇到了几个关键问题。 请注意,本文在 Flutter 社区中招来了很多热情的评论,赞成和反... 展开更多

收藏 6
6
置顶
发表了博客
2020/11/27 11:25

Flutter应用——5个高效的Flutter开发工具

![](https://img-blog.csdnimg.cn/20210114173519135.png) ## 1.你是否需要更好,更简洁的日志 ![](https://img-blog.csdnimg.cn/img_convert/186815b8d09ed942c4681ec86cad60c4.png) 当你在开发Flutter应用程序时,难以理解的日志是一个大问题,因为没有快速的方法来根据问题的严重程度过滤你的日志。抛出异常或记录一条简单的调试消息?他们看起来都一样。 如果你的Flutter app需要更好的日志系统,**Logger** 软件包绝对是个好... 展开更多

收藏 7
0
置顶
Android工程师
发表了博客
2020/11/26 11:05

Flutter国际化,实时切换app内的本地语言

前言: Flutter项目需要支持国际化,就是在app内实时切换不同的语言,满足不同用户的需求。Flutter默认支持英文的文本和组件,如果需要添加本地的支持,直接在Plugins引入插件Flutter Intl,就可以初始化intl和添加添加我们想添加的每一种语言。 接下来我简单总结一下在Flutter项目中如何实现国际化,有需要的话可以参考。 思路: 1.在Plugins引入插件Flutter Intl 2.在pubspec.yaml 文件中添加依赖flutter_localizations 3.初始... 展开更多

收藏 1
1
置顶
iOS工程师
发表了博客
2020/11/25 09:27

“Electron” 一个可圈可点的 PC 多端融合方案

> 每天都要写第二天的 todoList。有一天在写的时候突然想到,为了让自己清楚知道自己需要做啥、做了多少、还剩多少没做,想写一个电脑端程序,在技术选型的时候就选了 Electron。 > > 本篇文章的目的不是讲解 API 如何使用,想知道这些可以直接看[官方文档](https://www.Electronjs.org/docs)。本文目的旨在讲明如何技术如何选择、如何快速上手、如何调试、Electron 底层原理、工程体系方面的总结。 ## 一、浅谈 GUI 系统 ```s... 展开更多

收藏 1
0
置顶
发表了资讯
2020/11/08 18:46

yyets_flutter 1.2.0 已经发布,基于 Flutter 的影视客户端

yyets_flutter 项目是基于 Flutter 的人人影视客户端。 yyets_flutter 1.2.0 已经发布,此版本更新内容包括: 修复下载速度过慢问题 支持设置跳过片头时间(剧集标题右滑) 下载页默认展开正在下载的剧集 详情页支持显示下载状态和进度 支持播放页切换页面时暂停 支持注册账户 修复评论后显示错误 详情查看:https://gitee.com/Vove/yyets_flutter/releases/1.2.0......

收藏 9
置顶
高级程序员
发表了博客
2020/11/04 08:00

【Flutter 实战】pubspec.yaml 配置文件详解

老孟导读:pubspec.yaml 文件是 Flutter 中非常重要的配置文件,下面就让我们看看里面各个配置的含义。 pubspec.yaml 是 Flutter 项目的配置文件,类似于 Android 中的 Gradle 配置文件,下面我们就看看 pubspec.yaml 中各个属性的配置。 创建一个新的项目(Flutter Application),pubspec.yaml 位于根目录,如图: 项目中默认配置,去掉注释部分,剩下如下: name: flutter_app description: A new Flutter application...... 展开更多

收藏 2
1
置顶
Android工程师
发表了博客
2020/11/02 09:48

Flutter坑之FlutterFragment中SafeArea失效的问题

# 背景: 最近有在做关于Android底部多tab下,对应多个Flutter Fragment的操作。又遇到一个比较坑的问题:FlutterFragment中的flutter页面的SafeArea失效(关于safeArea具体介绍参考官方[SafeArea class](https://api.flutter.dev/flutter/widgets/SafeArea-class.html)),简单举例说一下SafeArea的作用:如果你有一刘海屏的手机,如果你的flutter内容为全屏,假如你的内容在全屏最顶部,那么所谓的刘海将会盖住你所想要的内容,... 展开更多

收藏 1
2
置顶
高级程序员
发表了博客
2020/11/02 08:00

【Flutter 混合开发】添加 Flutter 到 iOS

Flutter 混合开发系列 包含如下: 嵌入原生View-Android 嵌入原生View-iOS 与原生通信-MethodChannel 与原生通信-BasicMessageChannel 与原生通信-EventChannel 添加 Flutter 到 Android Activity 添加 Flutter 到 Android Fragment 添加 Flutter 到 iOS 每个工作日分享一篇,欢迎关注、点赞及转发。 Flutter 可以作为 frameworks 添加到 iOS 项目,iOS项目引入Flutter module需要安装Xcode,另外Flutter支持iOS8及以上。 创建 ... 展开更多

收藏 0
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
返回顶部
顶部