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

加载中
置顶
程序员
发表了博客
2021/05/31 10:38

【源码篇】Flutter Provider的另一面(万字图文+插件)

# 前言 > **阅读此文的彦祖,亦菲们,附送一枚Provider模板代码生成插件!** 我为啥要写这个插件呢? 此事说来话短,我这不准备写解析Provider源码的文章,肯定要写这框架的使用样例啊,然后再哔哔源码呀!在写demo样例的时候,新建那俩三个文件、文件夹和必写的模板代码,这让我感到很方啊,这不耽误我时间嘛!然后就撸了这个插件,相对而言,多花了几百倍的时间。。。 希望这个插件,能减轻使用Provider小伙们的一点工作量;插... 展开更多

收藏 2
0
置顶
发表了博客
2021/05/12 14:15

聊聊各端手势体系以及对 Web 标准手势的思考

>「北海 Kraken」是一款基于 Flutter 的 Web 渲染引擎,通过基于 W3C 标准来开发实现前端开发者常用的能力。 Kraken 团队也积极探索定义新的问题以及能力,期望通过参推动标准定制的方式让 Web 技术变得更好。 >欢迎大家关注 「北海 Kraken」: http://openkraken.com/ 在过去,早期的 Web 更多用做内容展示的页面,最早从后端框架中直出,再配上各种 CSS 以及 JS 的交互内容,以完成最终对页面内容的展示,那时候的 Web 更多属... 展开更多

收藏 9
5
置顶
高级程序员
发表了博客
2021/04/29 12:04

进击中的Vue 3——“新能源车电池范围计算器”开源项目

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 今天,我们给大家带来的是一个基于vue3的开源项目:新能源车电池范围计算器。这是一个workshop,通过完成该项目,我们可以直观的感受到vue3的强大,了解一些项目最佳实践。 项目的背景是当前备受关注的新能源车。经历了近6年的发展,新能源车在市场上得到大规模普及,从“大玩具”变为未来交通的基石。项目以新能源车行业最受关注... 展开更多

收藏 5
1
置顶
发表了博客
2021/04/21 17:32

基于 Flutter 的 Web 渲染引擎「北海」正式开源

# 基于 Flutter 的 Web 渲染引擎「北海」正式开源 阿里巴巴历时 3 年自研开发的 **Web 渲染引擎** 北海(英文名:Kraken)正式开源,致力打造易扩展,跨平台,高性能的渲染引擎,并已在优酷、大麦、天猫等业务场景中使用。 官网:[https://openkraken.com](https://openkraken.com) Github:[https://github.com/openkraken/kraken](https://github.com/openkraken/kraken) ## 背景 互联网业务如火如荼地发展离不开跨平台技术,... 展开更多

收藏 72
24
置顶
发表了博客
2021/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
置顶
高级程序员
发表了博客
2021/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
2
置顶
发表了博客
2021/01/29 10:40

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

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

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

Vue 3自定义指令开发

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

收藏 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... 展开更多

收藏 2
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/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
置顶
Android工程师
发表了博客
2020/11/26 11:05

Flutter集成国际化语言的功能

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

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

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

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

收藏 1
0
置顶
高级程序员
发表了博客
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
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
返回顶部
顶部