• 奇舞推荐

  • 谈视觉交互之与研发

    前端的大部分工作都是在实现“人机交互”。在实现过程中,“用户体验”和“效率”是两个绕不过去的话题。用户体验的重要性不言而喻,好的用户体验在拉新、留存、转化、工作效率提升等方面都能起到关键的作用。而为了有好的用户体验,好的视觉交互是不可或缺的一部分。本部分将探讨在“人机交互”实现过程中,视觉交互与研发如何协作,如何提升产品用户体验与迭代效率。

    奇舞推荐
  • 为什么 single-spa 才是微前端的正确开发模式

    说到微前端大家可能并不会感到陌生,在平时的项目开发中或多或少有接触过,近几年国内也是出现了一批比较火的微前端开发框架 qiankun、Micro App、EMP 等,这些框架能够让我们快速的搭建起微前端的开发环境,能够快速的与现有的项目进行融合,同时在面对一些常见的场景问题时也给出了具体的解决方案。本系列文章会通过讲解 single-spa[1] 带大家重新认识微前端,以及微前端的正确开发模式。

    奇舞推荐
  • 字节跳动埋点成本治理实践

    随着业务的发展,业务上报的埋点数据会越来越多,杂乱的埋点数据不仅会消耗计算和存储成本,造成巨大的成本浪费,也无法有效的应用于业务,给业务带去数据价值,因此埋点数据的治理就很有必要。

    奇舞推荐
  • 技术实践

  • 精读《Headless 组件用法与原理》

    Headless 组件即无 UI 组件,框架仅提供逻辑,UI 交给业务实现。这样带来的好处是业务有极大的 UI 自定义空间,而对框架来说,只考虑逻辑可以让自己更轻松的覆盖更多场景,满足更多开发者不同的诉求。 我们以 headlessui-tabs 为例看看它的用法,并读一读源码。

    技术实践
  • 淘宝首页 serverless 升级后的质量保障方案

    本文主要介绍了 serverless 架构升级在淘宝首页的应用,新架构对底层所依赖的容器、环境资源等与之前相比差异较大,并且对应的预发、安全生产、生产等环境,与旧架构的完全隔离。

    技术实践
  • 天猫汽车商详页的 SSR 改造实践

    前端性能优化算是个老生常谈的问题,我们的页面已经做过首屏接口合并、图片懒加载、骨架屏等体验优化,想进一步提升用户体验就要从渲染机制和渲染容器入手了。从容器侧看,淘宝端原生提供的 pha 容器提供的数据预请求、资源离线缓存等功能,可以有效提升手淘内的 H5 页面体验。但是其它渠道的端缺少类似容器能力,需要从渲染机制方向寻找出路。

    技术实践
  • 拓展边界

  • 现代 CSS 高阶技巧,不规则边框解决方案

    在这一篇中,我们将来探索尝试使用 CSS Painting API,去实现过往 CSS 中非常难以实现的一个点,那就是如何绘制不规则图形的边框。

    拓展边界
  • ESLint 机制分析与简单插件实践

    在前端工程化的标准中有一项就是自动化,自动化当中就包括了代码规范自动化。实现代码规范自动化可以解放团队生产力,提升团队生产效率,balabla...所以 ESlint、TSLint、StyleLint 这些工程化插件应运而生。 而最近在笔者团队也在统一不同的项目之间的规范差异,相信大家也都遇到了大段飘红的现象,今天咱来简单探究一下背后涉及到的原理。

    拓展边界