大前端 - 专区 - OSCHINA - 中文开源技术交流社区

葡萄城技术团队高级程序员发表了博客

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

评论 0 我来评论收起评论

收起

染陌同学发表了博客

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

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

评论 46 我来评论收起评论

收起

大淘宝技术发表了博客

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

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

评论 1 我来评论收起评论

收起

老

老孟Flutter 高级程序员发表了博客

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 ...

评论 0 我来评论收起评论

收起

支付宝技术发表了博客

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

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

评论 0 我来评论收起评论

收起

葡萄城技术团队高级程序员发表了博客

Vue 3自定义指令开发

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

评论 0 我来评论收起评论

收起

OPPO数智技术发表了博客

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

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

评论 0 我来评论收起评论

收起

凹凸实验室程序员发表了博客

凹凸实验室的过去与未来

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

评论 0 我来评论收起评论

收起

老

老孟Flutter 高级程序员发表了博客

【老孟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（动...

评论 0 我来评论收起评论

收起

小生 Android工程师发表了博客

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

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

评论 31 我来评论收起评论

收起

EmilyWu Android工程师发表了博客

Flutter集成国际化语言的功能

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

评论 1 我来评论收起评论

收起

老

老孟Flutter 高级程序员发表了博客

【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...

评论 3 我来评论收起评论

收起