我也不想当前端啊

前端性能测试工具 Lighthouse(灯塔)使用 目录 前言 正文 一、Lighthouse 介绍 二、Lighthouse 使用过程 三、指标详解 总结 参考文档 前言...

我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 ...

网站性能检测有很多，最近学习使用了LightHouse，LightHouse 是 Google 开发的，它提供了一个基于浏览器服务的网站性能分析工具...

作者：京东保险 张新磊 背景 在前端开发中，自动化测试是确保软件质量和用户体验的关键环节。随着Web应用的复杂性不断增加，手动测试已经无法满足快速迭代和持续交付的需求。自动...

现在前端一谈到SSR，不约而同都想到 Nuxt 和 Next，但是如果现有的项目如何手动集成SSR呢？本文带你从0实现Vue项目的SSR改造···...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第9天，点击查看活动详情。 裁剪 使用clipPath元素创建裁剪区域。区域内的部分显示，区域外的隐藏。 ...

项目新需求：播放接入的hls流视频监控（后缀为.m3u8），点击实现截图抓拍，并对截图进行编辑。 技术&插件：视频播放插件video.js，图片编辑我选用的是tui-ima...

它是由Atlassian 公司出品。一个关注性能的拖放库，可用于增强前端用户体验。看Pragmatic这个名字的中文含义：“实用主义的” 就显得与众...

前言 以前写css和html和一些原生DOM操作，感觉写完就完事了。从来没有考虑过一些性能优化的问题，刚好最近学完了浏览器的事件循环和浏览器的工作流程。今天大家分享一些我刚...

如何实现前端页面主题切换：多种方法详解 实现前端页面的主题切换可以提升用户体验和界面美观度。本文将详细介绍四种以上的实现方式，包括CSS变量、CSS-in-JS、引入不同的...

前后端渲染样式同构，React版本的公共库isomorphic-style-loader，用于服务端的CSS loader...

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构...

一、WebSocket 简介 什么是 websocket ？ 是一种 网络通信协议，和 http 协议一样； 为什么需要 websocket 协议？ http 协议通信 只...

JavaScript - 高级 面试题总结 1. JS中的作用域、预解析、变量声明提升 作用域： 简单来说，就是变量的有效范围，在一定的空间里可以对数据进行读写操作，这个空...

HTML面试题总结 1. 对 HTML 语义化的理解 去掉或者丢失样式的时候能够让页面呈现出清晰的结构； 代码结构清晰，方便团队的管理和维护，并且语义化更具有可读性，减少差...

JavaScript - 基础 面试题总结 1. JS的数据类型有哪些，区别是什么？ 基本数据类型： number、string、boolean、undefined、nul...

Ajax 面试题总结 1. 什么是Ajax，原理是什么？ 定义： 在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式称为Ajax； XMLHttpReq...