依据前端知识体系，随时更新高质量的前端碎片知识【均已亲自实践过】

TwoYoung

点击关注公众号，“技术干货” 及时达！

关于vue项目中的node-sass 安装报错问题解决

性能优化在前端面试中是非常常见并且难以回答的问题。一般我们回答性能优化主要会围绕着三个方面来回答......

前端性能优化必读！避免巨大网络负载的 10 个方法！

Vite打包优化实践：从分包到性能提升

太酷了！Vue3 3D开发新选择！

文章浏览阅读2.1k次，点赞2次，收藏10次。博客主要讲述了Vue中引入iframe时src路径引用的问题，需将静态html、css和js文件放在public目录下，引用时去掉public直接引用。还提及后续会介绍Vue与iframe的交互问题，包括vue文件和iframe文件里js的写法。

vue项目中使用iframe标签引入外部html,并进行数据交互（转）_ifrom 引用html-CSDN博客

JavaScript 中如何实现大文件并发上传？

全网稀缺，完整链家地图找房的实现(二)在全网稀缺，完整链家地图找房的实现(一)章节中，我们已经实现了地图找房中地图的初始 - 掘金

全网稀缺，完整链家地图找房的实现(一)前一段时间我应公司的需求开发了类似链家地图找房的功能，然而我发现现在市面上，对于链 - 掘金

资源浏览查阅1261次。在本项目"百度地图点聚合仿地图找房demo优化版本JavaScript"中，主要涉及了JavaScript技术在地图应用上的高级运用，以及针对性能优化和用户体验提升的一些关键改进。

百度地图点聚合仿地图找房demo优化版本JavaScript_百度地图mapvgl.ClusterLayer自定义点聚合内容资源-CSDN文库

文章浏览阅读4k次，点赞5次，收藏12次。本文分享了网站换肤的实现方案，包括覆盖样式、Sass变量、CSS变量等方法，并探讨了兼容性和图片切换的问题。

前端换肤的N种方案，请收下-CSDN博客

问题场景总结一下用java生成PDF的方法：A、itext-PdfStamper pdfStamper（俗称抠模板）B、itext-Document document（正常代码撰写）C、wkhtmltopdf（使用工具）分析比较方法优点缺点A代码简单模板要先提供，且字段长度固定、不灵活B模板可根据代码调整、但样式不如C灵活要维护的后台代码较多C...

(5条消息) java生成PDF的几种方法_心有多大舞台就有多大-CSDN博客_java 生成pdf

一个 Vue3 + Element-Plus AI体验组件库

Typewriter 打字器 🆕 | Element-Plus-X

用 Node 写服务端的时候，比较头疼的是排查定位问题，因为不像 Chrome 浏览器中，我们有直接的报错提示在 dev tool 中，或者我们可以直接打断点调试。

【实战】Node 服务中如何写日志？

Vue 的新玩具 VueUse

总结了Vue3的七种组件通信方式，别再说不会组件通信了

本节我们就来探索一下 Docker 的神秘世界，从零到一掌握 Docker 的基本原理与实践操作

写给前端的Docker入门终极指南，别再说不会用Docker了！

Weixin

Node.js 资源列表，内容包括：命令行工具、日志、调试、HTTP、构建工具、文件系统、模板、Web 框架、流程控制、文本、图片和数据校验等。

最全面的 Node.js 资源汇总推荐

分析了当前前端开发领域的趋势和所面临的新挑战，包括涉及平台的增多、业务复杂度的增加以及前端团队规模的增大等。

【第3001期】字节跳动的前端工程化实践

可视化大屏自适应：autofit.js 一行搞定布局

最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化

vite打包性能优化以及填坑

H5如何实现唤起APP

本文详细介绍了前端文件流操作、文件切片下载和上传的原理、实现方法和应用场景，帮助读者优化文件传输效率和提升用户体验。

【第3006期】前端文件流、切片下载和上传：优化文件传输效率与用户体验

这是一个 vue3 + vite 搭建的PC端web应用，基本上使用的是vite的默认配置，教你快速优化项目

记一次前端项目优化，深度解读项目质量及性能常用手法

新Viewport单位

最近有很多小伙伴来问我：“Sunday老师，我们小公司，每个人都各干各的，整个代码规范烂的不行。我想要规范一下团队的代码规范，应该怎么做呢？？？？？？”

如何带领团队从零到一建立前端规范的？手把手教你怎么做！

通过对页面增加水印，可以从系统级别防止别人盗取我们的页面信息\x0d\x0a通过对单独的图片加水印 - 防止图片保存时没有水印

「前端添加水印」你真的了解全面吗？

用了这些 Vite 配置技巧，同事都以为我开挂了！(5000 字干货，建议收藏)

解锁 Vue Hooks：让 Vue 开发效率起飞

由于不同的手机有不同的像素密度导致的。如果移动显示屏的分辨率始终是普通屏幕的2倍，1px设备独立像素的边框在DPR=2的移动显示屏下会显示成2px的设备像素，所以在高清屏幕下看着1px的视觉效果是变胖了而且颜色更深........ **设备独立像素：**计算机坐标系统中得一个点…

H5移动端采坑指南 - 掘金

登录服务器 采用 GitBash 或者 Xshell 或者 CMD 等终端登录连接到服务器 假如第一次使用服务器先更新下，以下程序基本采用 Yum 源的安装方式： Yum 命令 Git 安装 服务器下

🚕手摸手教你在 Linux 服务器部署 NodeJs 项目 - 掘金

你真正了解 flex 的特性吗？Grid 布局是否体验过？本文带你全面全面掌握，可以收藏作为手册自查。

🍍Flex 和 Grid布局完全掌握 - 掘金

本文阿宝哥详细介绍了文件下载的 9 种场景，希望阅读完本文后，你对 9 种场景背后使用的技术有一定的了解。

文件下载，搞懂这9种场景就够了

Nginx 的知识网结构图如下。。。

神器 Nginx 的学习手册(建议收藏)

做好这三个关键点就可以更好的实现前端业务组件库

前端鉴权必须了解的5个兄弟：cookie、session、token、jwt、单点登录

事情经过这天中午，小A吃完午饭，摊在自己的躺椅上，想趁吃饱喝足的午后时间静静享受独自的静谧。干点什么好呢？小

微信扫码登录的几秒钟里，到底发生了什么

单点登录（SSO）_慕课手记

OAuth授权|看这篇就够了_慕课手记

项目 用户认证调研与可行性方案分析 · junruchen/junruchen.github.io Wiki · GitHub

自建账号体系的注册和登录，前面文章已经讲过。可是，很多用户并不想注册你开发的网站或APP，此时可考虑用第三方账号登录，比如微信登录和QQ登录。

第三方账号登录的原理

安全性，是一个公司生死存亡的关键，华为、腾讯和阿里等公司，都有大量的技术人员来保障业务安全。平时工作中，一旦遇到安全问题，必须立即高优先级处理。安全攻防，是一个动态的博弈，没有攻不破的防守，也没有防不住的进攻。

注册登录原理及密码安全问题

z-index 这个属性表面看上去很简单，但如果你想搞清楚其工作原理的话，其实是有不少值得探讨之处的

关于 z-index，你可能一直存在误区

CSS Flex布局属性整理 · junruchen/junruchen.github.io Wiki · GitHub

CentOS 7 下 yum 安装和配置 Nginx - Zhanming's blog

本文案例取自在笔者腾讯云服务器上的实践。上线部署在大公司里其实是专人操作的，一个产品从构思到发布，许许多多的坑要踩。

node服务及前端应用部署 - 云+社区 - 腾讯云

使用Nginx要在同一个域名下配置多个项目有两种方式：nginx按不同的目录分发给不同的项目启用二级域名，不同的项目分配不同的二级域名nginx按不同的目录分发给不同的项目在nginx的server节点配置server {
    listen    80;
    server_name example.c

Nginx同一个域名配置多个项目

加密与解密 先介绍一下关于服务端用户名跟密码的存储状态，我们知道当前端在注册一个新用户时，会在表单内填入用户名和密码，并通过post请求提交到服务器，服务器再把用户名和密码从ctx.request.b

【koa2】用户注册、登录校验与加盐加密 - 陌上兮月 - 博客园

命令历史以:和/开头的命令都有历史纪录，可以首先键入:或/然后按上下箭头来选择某个历史命令。 启动vim在命令行窗口中输入以下命令即可 vim 直接启动vim vim filename 打开vim并创建名为filename的文件 文件命令打…

138 条 Vim 命令、操作、快捷键全集 - 知乎

Node.js在官网上是这样定义的:“一个搭建在ChromeJavaScript运行时上的平台，用于构建高速、可伸缩的网络程序。Node.js采用的事件驱动、非阻塞I/O模型使它既轻量又高效，是构建运行在分布式设备上的数据密集型实时程序的完美选择。”Web站点早已不仅限于内容的呈现，很多交互性和协作型环境也逐渐被搬到了网站上，而且这种需求还在不断地增长。这就是所谓的数据密集型实时（data-int

🦁 前端碎片