橙红年代

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。...

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。...

经常在Codepen上看到大侠们用SVG画出不可思议的动画，我一直很好奇他们是怎么运作的，总觉得这需要对SVG有足够透彻的了解，并且自己画出那些SVG图案，才有办法让他动起...

协调双方PM当面battle排期先后，或者向上协调资源。 前端如何掌握话语权？时间管理！前端通过时间节点管理掌控整个项目的主动权和话语权。...

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets re...

最近微博上曝出了很多瓜，"合成大西瓜"这个游戏也很火热，玩了一阵还挺有意思的。研究了一下原理，发现目前流传的版本都是魔改编译后的版本，代码经过压缩不具备可读性，因此决定自己...

作为一种改变组件状态、处理组件副作用的方式，Hooks这个概念最早由React提出，而后被推广到其他框架，诸如Vue、Svelte，甚至出现了原生JS库。但是，要熟练使用H...

该算法即简化了 Dependency hell 的解决方式，也带来了非常多的问题。 其错误原因就在于全局的 types 形成了命名冲突，因此假如版本重复可能会导致全局的类型...

社区的小伙伴们，大家好啊，艰难的2020已经过去，随着2021的到来，在新的一年里希望大家都能够需求不变更、准点上下班、代码0 Bug。同时我们DoKit团队也给大家准备了...

京东零售集团 · 用户体验设计部打造的「羚珑智能设计平台」于 2019 年 5 月为内部运营及商家推出了智能页面设计工具，羚珑智能页面设计是一款在线可视化页面搭建平台，拥有...

2020 太过于魔幻，前天还在跟船长一起吃饭的时候说到，2020 年过的太快了，都不知道自己干啥了。 这一年对我来说，是机遇，是挑战。好在于一切都在向好的方向发展。 如果从...

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3....

前端的代码也是需要设计的，话虽如此，但即便看了很多设计模式的书籍，也无法真正应用起来。后来发现还是需要真实业务场景入手，思考在面对复杂多变的需求时如何编写更简洁、更容易维护...

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当...

在过去的开发经历中处理了各种奇葩BUG，认识到代码健壮性（鲁棒性）是提高工作效率、生活质量的一个重要指标，本文主要整理了提高代码健壮性的一些思考。 本文将继续探究除了单元测...

开发H5活动页面是前端开发中一种比较常见的需求，这种页面业务逻辑较轻，重交互和展示，是一类非常有趣的需求。本文将整理H5开发中常见Web动画的基本原理和简单实现。 最常见的...

Vue 3.0 的两个提案，最近吸引了许多开发者的注意跟讨论。一个是 script-setup 提案，一个是 ref-sugar 提案。 对于 script-setup 提...

在大多数需求中，css3 的 transition / animation 都能满足我们的需求，并且相对于 js 实现，可以大大提升我们的开发效率，降低开发成本。 它的值是...

本文将介绍如何使用Vue3来封装一些比较有用的组合API，主要包括背景、实现思路以及一些思考。 就我自己的感觉而言，Hook与Composition API概念是很类似的，...

如果你对 hox 不了解，可以前往官方网站了解一波，如果你想了解 hox 源码，可以看这篇文章hox 源码解读。那么从官方中，我们可以得到 Hox 的相关介绍：下一代的 R...