14 天前 / mr7
作者简介：京东到家-前台研发部；马兰、韵玲，负责京东到家App核心模块的开发、维护等，例如，门店、购物车，等等；冰洋，负责App架构设计、优化、新技术预研落地等。 背景 随着到家App的发展，页面承载信息越来越多，所以单位面积内的视觉元素也越来越多，随着功能迭代与视觉改版就会有产生出很多复杂的组件，并且将这些元素紧密的排列挤在一个有限的空间里。如果元素这么多并且这些元素又拥有的阴影、圆角、渐变这些视觉特效，那么如何能保持住页面流畅视觉体验，成为了我们值得挑战的事情。 分析 一般来说，UI性能不佳，往往最容易......
44 天前 / Fundebug
译者按：Vue.js相关的开发工具越来越好用！ 原文:Vue UI: A First Look 译者:Fundebug 本文采用意译，版权归原作者所有 随着最新的稳定版本Vue CLI 3即将发布，是时候来看看有什么新鲜有趣的特性了。基于整个Vue.js开发者社区的反馈而大幅度改良，该版本提供了很多以工作流为中心的工具。 我想会提升每一位Vue.js的开发者工作效率的特性就是Vue UI。一个可视化图形界面方便你去创建、更新和管理项目的方方面面。 今天，我会跟你一一介绍Vue UI的beta版本中可用的功能。 开始首先，我们确保安装了最新的Vue CLI。打开Terminal，输入： npm i......
74 天前 / Tamic
点击上方“开发者技术前线”，选择“星标” 13点21分打卡 就是真爱 来源：爱奇艺技术产品团队 | 本期责编：可可 摘要 我们都知道，好的视频内容可以吸引更多用户。那么在好的内容基础上，我们希望用更好的架构及渲染技术，不断迭代出更轻、更炫、更平滑的客户端，保证用户有更好的体验。在此驱动下我们致力于开发一套高效的跨平台渲染引擎Lyra，为用户提供新的体验。本文主要详细阐述在PC客户端上引入的新渲染技术。 背景 爱奇艺PC客户端之前使用的UI引擎是公司内部开发的QuiLib。QuiLib是基于开源的uilib和DuiLi......
85 天前 / 前端小君
前端模块的分类纯UI模块的微前端实现Docker流行之后，后端越来越推崇微服务架构。前端这两年走过了蛮荒生长时期，进入工业化生产，微前端的概念也慢慢被炒热。微前端的概念很简单，就是能够独立开发，独立部署并且可以很方便地进行集成的架构。现在网上流传着多种微前端的实现方案，诸如路由重定向、iframe通讯、组合独立组件等等，有兴趣可以自行百度，个人觉得这些方案无法解决前端开发的痛点，反而有点“为了微前端而微前端”的味道。要实现微前端技术架构，首先得搞清前端模块有哪些种类？ 前端模块的分类前端模块按照业务划分一共就两类，一......
97 天前 / ThoughtWorks
在2017年第17期和2018年19期技术雷达中，分别出现了两个新的工具——cypress,testcafe，之前只接触过webdriver框架的同学可能会有些陌生。而cypress已经在最新一期的技术雷达中进入了评估阶段，并在多个项目得到了应用，总体反馈利大于弊。 先来详细的介绍下cypress以及我所在项目使用中踩过的坑，关于testcafe会在另外一篇文章中介绍,testcafe主要是用来做UI的回归测试，以及多浏览器测试，cypress不足之处则是testcafe的长处。 框架理念虽然我很鄙视这种行为，但也能够理解，毕竟身后有巨大开发团队在支持，各种开销，总得有收入来维持运转，所......
98 天前 / u312562
译者： 社区成员|紫豆子-ML190 2018年我们对UI和UX的设计趋势预测主要在移动端。 2019年的设计头号趋势是场景。 一切都在场景中，相互关联。 我们仿佛已经达到了工具全面，技术进步。这个时候，能否理解产品和用户如何交互将会起到关键作用。所以，让我们进入2019年UI和UX设计趋势。（我们也会指出每个趋势中的不足之处，防止被滥用） 十大趋势概要： 1. 强大的浏览器 2. 有意义的动画 3. 3D界面和有深度的扁平设计 4. 超现实主义设计 5. 渐变2.0 6. 可变的字体 7. 运用设计工具 8. 语音UI 9. UX写作 10. 产品设......
116 天前 / 子曰五溪
首发于我们可以学更多写文章使用 Stream 简单更新 UI五溪ICEPY给你的生活加点阳光 :)1 人赞了该文章很多其他的编程语言都有 Stream 的概念，dart 也未能免俗。如果你了解 Rx 系列，Stream 能让你在更新 UI 是避免使用 setState 方法，这也是处理异步除 Future 之外另一种很有趣的方式。在 Stream 的世界里你可以将它理解为一个管道，在管道的一边你会监听它，在管道的另一边你会往这个管道里去添加数据，管道监听的一边能收到你往这个管道里添加的数据，这种方式你也可以从观察者模式上去假设记忆般的理解，先让我们来看一个更新 UI 的例子，然后再......
122 天前 / 漆工
程序员们，在北上广你还能买房吗？>>> 背景有这样一个需求，一位 React Suite（以下简称 rsuite）的用户，他需要一个 Table 组件能够像 Jira Portfolio一样，支持树形数据，同时需要支持大数据渲染。 截止到目前（2019年1月18日）为止，开源 UI 库中没有找到可以支持的组件，所以 rsuite在最新的版本中支持这一特性。 接下来，我们看一下 rsuite中是怎么支持这两个功能？ 大表格虚拟化首先，我们看一下支持大数据渲染，在页面中渲染过多的 DOM 元素会带来性能问题，必须得有一种解决方案去优化它，我们暂且叫做大表格虚拟化。 所谓的大表格虚拟......