卢纸船

前言 6000+门店使用的大屏，主机配置竟然是Android5.5 + Chrome 78，不支持es6。。。 随随便便一个css动画都可以把页面卡成ppt。 开发只给两天...

微交互在提升用户体验和增强用户界面的吸引力方面发挥着重要作用。它们可以使应用程序或网站更具活力、易用和有趣，从而提高用户满意度和参与度。...

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏...

长列表的优化策略主要有两种： 分片渲染（通过浏览器事件环机制，也就是 EventLoop，分割渲染时间）和本文重点介绍的虚拟列表...

最近工作中，遇到一个页面。需要使用设计提供字体，但因字体过大导致页面加载速度很慢。梳理了一下解决方案 异步加载字体, 使用 preload，加载完成后把 link 的 re...

本文针对qiankun微前端多项目的自动打包部署，手动打包部署可以参考我上一篇文章。单项目同样可以使用。 话不多说我们直接开始。 1. 明确目标 项目目录如下，将打包好的m...

通常我们见到的输入框都是宽度固定的，但有时也会碰到自适应内容宽度的。这次带来一个全新的纯 CSS 实现方案，相信能带来不一样的感受！...

在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色 光标呢，是那个闪烁...

遇到一个Echarts相关需求： 给出一组折线图数据，Y轴刻度从0开始，第一刻度为数组最小值，最后一个刻度大于数组最大值。核心要点：保留Y轴从0开始同时手动设置刻度...

如何做前端单元测试 对于现在的前端工程，一个标准完整的项目，通常情况单元测试是非常必要的。但很多时候我们只是完成了项目而忽略了项目测试。我认为其中一个很大的原因是很多人对单...

在 Web 安全领域中，XSS 和 CSRF 是最常见的攻击方式。本文将会简单介绍 XSS 和 CSRF 的攻防问题。...

在 Web 项目开发过程中，我们经常会遇到重复请求的场景，如果系统不对重复的请求进行处理，则可能会导致系统出现各种问题。...

现在已经到 8102 年的尾声了，前端各方面的技术发展也层出不穷，VueConf TO 2018 大会 也发布了 Vue 3.0的计划。而在我们（我）的日常中也经常用 Vu...

布局很简单，就左边内容，右边导航。导航和内容本来可以用 v-for 来生成的，但是为了看起来更简单明了，我就没那么写。先来看看布局效果吧！ 这个时候我们看见的是最顶部的内容...