一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

随公司业务不断发展，营销活动、广告、页面改版等需求日益倍增，靠纯人工撸代码已经无法跟上需求增长速度。加班？招人？显得不够明智，也不够前端，提效也就成为了关键。如何提效？从何入手？那不得不提的就是前端提效神器 —— 搭建系统，下文将从多个方面，向大家简单介绍政采云前端团队 Zoo…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，非常高兴能在早早聊的规划专场，和大家分享我对前端做技术与技术产品规划的一些思考和心得。 先来了解下今天要分享的内容概要，先简单认识一下，之后从为什…

性能优化需要从哪几个方面入手？我们要先了解浏览器打开网页的过程。 下面我们分别对这几个阶段进行优化。 DNS全称Domain Name System。它是互联网的“通讯录”，它记录域名与实际ip地址的关系，域名是为了方面人类记忆。每次我们方位一个网站，都要通过各级的DNS服务器…

flex 布局 与 grid 布局。 实现 Vue SSR 。 从 SPA 使用最小成本迁移到 SSR 。 根据指定元素，在数组里面找出 ff 数组（ff 数组这个名字是我瞎说的）。比如数组 [2, 3, 6, 7] ，指定元素 7，则 ff 数组是 [2, 2, 3]（2+2…

jssourcemap原理如何开启sourcemap？在打包后的代码尾部追加一行：soucemap的格式value作用eval每个模块都用eval封装进行运算，并且在末尾追加注释//@sourceUR

在 chunk 生成后，开始进行 chunk 优化之类的处理。 根据 module.id 给 module，chunk，reasons 等排序。 这一步主要用于设置 chunk.id，算法与 this.applyModuleIds 一致。 根据 chunk.id 给 modul…

在如今获取用户成本越来越高的情况下，好的用户体验能够更好的留住用户。为了提升产品的用户体验，各种技术层出不穷，其中，尤以菊花图以及由它衍生出的各种加载动画最为突出。 对于菊花图，想必是又爱又恨。而如今有了比菊花图设计体验更棒的方法，即常看到的Skeleton Screen Lo…

1. 背景介绍 自去年3月，快应用联盟成立之后，已经有很多开发者使用快应用的标准DSL（以ux文件后缀的项目形式）上线了对应产品。 那么为什么做这个事呢？主要还是为了满足前端同学的开发习惯，提升开发者的体验与效率。所以借助这种契机与接口开放的能力，快应用可以支持其他更多的DSL…