我也不想当前端啊

现在前端一谈到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...

在前端面试的时候，我们经常会遇到手撕代码题，但是如果我们没有用过手撕的功能，或者没有接触过此类的算法，写的时候可能会抓耳挠腮但下不了笔。这里按照专题整理了一些前端常见的手撕...

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体...

所谓“埋点”，是数据采集领域(尤其是用户行为数据采集领域)的术语，指的是针对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。比如用户某个icon点击次数、观看...

前言 在说到对图片资源进行优化时，那就不得不提到图片预加载和图片懒加载，可能很多朋友都了解这两者，但是一直没有很清晰的概念，以及什么时候用，用在什么场景下，今天就来详细的了...