骑着乌龟去看海818

项目支持了中英文两种语言，最后打包下来的翻译文件体积居然接近1M，这严重拖慢了首页的加载速度。 实际上我并不需要一下加载所有的翻译内容。在加载首页时，只用引入首页需要的翻译...

前言 今天搞首页优化的时候，发现首页有很多内容，需要用户向下滚动才会看到，这部分内容包括很多图片、组件、请求，这些请求其实都可以等到用户可见时再开始加载的，因为之前没有做处...

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众...

如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊...

大家好，我是风骨，在前端领域能让我们深入探究的方向有很多，比如今天的主题：前端监控。 在大型项目中，前端监控 是不可或缺的一部分。它的优势可以体现在以下场景： 稳定性：尽早...

本文从 webpack 是什么、为什么选择 webpack、webpack的基本概念介绍 3个角度进行讲述，从 Webpack 基础着手，和你一起了解 webpack。...

自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技...

开发一个官网项目，由于使用传统的多页面开发模式，不利于做优化。 这个的解决办法，google一搜也有很多的解决办法，比较好的办法就是使用代理，将cdn地址代理到本地。 我看...

笔者开源了一个Web思维导图，在做导出为图片的功能时走了挺多弯路，所以通过本文来记录一下。 思维导图的节点和连线都是通过 svg 渲染的，作为一个纯 js 库，我们不考虑通...

随着css3实现各种炫酷动画效果越来越流行。今天给大家推荐一些css3和SVG实现loading加载动画效果。先上一波令人愉悦的动画效果。怎么样，是不是感觉很nice，那就...

这段时间闲着没事就去翻翻红宝书无意间看到了这两个功能，只能说很符合面试官的口味，以后要是我当上面试官一定让候选人来谈谈这两个点，然后顺势安利我这篇文章🤣...

💥 🔖 好玩的 CSS - 40 个有趣的 CSS 网站 🌐 基础学习 🧚 CSS 动画 🕹️ 教学游戏 🎰 代码生成 🎨 色彩搭配...

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

​ 很久没更新文章，之前一直在CSDN上面写，这次改到了掘金，最近因为工作需要研究了一下富文本编辑器，发现市面上很多编辑器都比较老旧了，故选择了wangEditor，这个项...

前言 因为业务需要，很多文件需要在前端实现预览，今天就是了解一下吧。 实现方案 找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue...

背景：需要使用web显示pdf文件 技术栈：vue2.x vue-cli3.x+ 大坑1：使用vue-pdf 分页加载，大文件加载，比如加载一个300M的pdf直接崩溃，报...

笔记是由油管的@The Coding Train老师发布系列教程。 因为正则我自己看了很多次，但是很快又忘记。所以为了彻底搞懂，一边学习一边记笔记，以给别人讲课的方式记笔记...

如果您尝试仅使用 CSS 对渐变进行动画处理或过渡，最终会遇到一个问题 - 所有现代浏览器本身都无法平滑地过渡渐变中的颜色。💢因此，如果我们尝试悬停或与从一个渐变过渡到另...

我的新的专栏 -- 现代 CSS 与 Web 动画解决方案。 将专注于实现复杂布局，兼容设备差异，制作酷炫动画，制作复杂交互，提升可访问性及构建奇思妙想效果等方面的内容。 ...

在 SVG 中，如果我们想实现一个动画效果，可以使用 CSS，JS，或者直接使用 SVG 中自带的 animate 元素（SMIL）。这里我们主要探讨SVG与CSS结合实现...