-
编辑 删除
前端开发如何更好的避免样式冲突？级联层(CSS@layer)
前端开发如何更好的避免样式冲突？级联层(CSS@layer)
-
编辑 删除
实战，一个高扩展、可视化低代码前端，详实、完整
RxEditor是一款开源企业级可视化低代码前端，目标是可以编辑所有HTML基础的组件。比如支持React、VUE、小程序等，目前仅实现了React版。RxEditor运行快照：项目地址：github.com/rxdrag/rxed…[1]演示地址（Vercel部署，需要科学的方法才能访问）：rxe
-
编辑 删除
前端资源化的问题如何破局？
阿里妹导读本次分享是打算从我个人的实践和思考中，提出在某些工作过程中，可以改善甚至避免资源化问题的例子和大家探讨。背景年初我们大团队层面有过一次对现有问题的调研及总结，其中大家提的多的就是前端资源化问题，摆在了所有问题的位。本次分享是打算从我个人的实践和思考中，提出在某些工作过程中，可以改
-
编辑 删除
前端主题切换方案详解
前端主题切换方案现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家可根据需求综合分析得出一套适用的方案。本文共讲解了5个方案，以及优缺点对比，请耐心查看。方案1：lin
-
编辑 删除
前端项目重构的深度思考和复盘
一.背景介绍1.我们为什么要做项目重构项目重构是每一家稳定发展的互联企业的必经之路,就像一个产品的诞生,会经历产品试错和产品迭代一样,随着业务或新技术的不断发展,已有架构已无法满足更多业务扩展的需求,所以只有通过重构来让产品“进化”,才能跟上飞速发展的时代浪潮.这里我结合自己的实际经验总结一下项目重
-
编辑 删除
前端必备的 HTTP 知识！看这篇就够了！！
HTTP起源HTTP是由蒂姆·伯纳斯-李（TimBerners—Lee）于1989年在欧洲核子研究组织（CERN）所发起其中的是1999年6月公布的RFC2616[1]，定义了HTTP协议中现今广泛使用的一个版本——HTTP1.1HTTP是什么全称：超文本传输协议（HyperTextTrans
-
编辑 删除
qiankun微前端改造实战，超级详细 Vue 代码干货篇！
众所周知，社区活跃多的，就是非常爱好ctrl+c的伸手党。为了方便各位伸手党的大佬们直接拿走，特意做了两个代码仓库，一个主应用，一个子应用
-
编辑 删除
聊一聊关于微前端架构的几种技术选型
背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常协作是非常困难的。而且近十多年，前端技
-
编辑 删除
前端文件下载的正确打开方式
前端涉及到的文件下载还是很多应用场景的，那么前端文件下载有多少种方式呢？每种方式有什么优缺点呢？下面就来一一介绍。1.a标签通过a标签的
-
编辑 删除
面试官：前端重新部署如何通知用户刷新网页？
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群1.目标场景有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且
-
编辑 删除
深入浅出前端缓存 （收藏！）
一、前言web缓存是前端工程师必修技能。是我们变成大牛过程中绕不开的知识点。文章会尽量用通俗易懂的言语来细说web缓存的概念和用处。本期文章的大纲是什么是web缓存（前端缓存）缓存可以解决什么问题？他的缺点是什么？强制缓存原理讲解3.1.基于
-
编辑 删除
深入浅出前端缓存 （收藏！）
一、前言web缓存是前端工程师必修技能。是我们变成大牛过程中绕不开的知识点。文章会尽量用通俗易懂的言语来细说web缓存的概念和用处。本期文章的大纲是什么是web缓存（前端缓存）缓存可以解决什么问题？他的缺点是什么？强制缓存原理讲解3.1.基于
-
编辑 删除
后端一次返回过多数据，前端应该如何优化处理？
最近，我的一位朋友在面试时被问到这个问题。这个问题其实是考察面试者对性能优化的理解，涉及的话题很多。下面我就和大家一起来分析一下这个问题。创建服务器为了方便后续测试，我们可以使用node创建一个简单的服务器。服务器端代码：consthttp=require('http')constport=8000
-
编辑 删除
前端必备知识之 Nginx 复盘总结
作为一个前端开发，我们可能平时或多或少的都接触过Nginx，但是可能也因为平时我们并不需要自己去对他进行一些必要的配置导致我们需要对其进行深入了解，但是实际如果你在工作的业余时间也会开发自己的项目，你会发现，在很多场景下，nginx对于我们有非常多的遍历，同时其性能比较高效，在国内的很多网站中实际都
-
编辑 删除
React Hooks不优雅？
时至今日，ReactHooks已在React生态中大放异彩，席卷了几乎所有的React应用。而其又与FunctionComponent以及Fiber架构几近天作之合，在当下，我们好像毫无拒绝它的道理。诚然，Hooks解决了ReactMixins这个老大难的问题，但从它各种奇怪的使用体验上来说，我认为
-
编辑 删除
写给前端的Docker入门终极指南，别再说不会用Docker了！
富Web时代，应用变得越来越强大，与此同时也越来越复杂。集群部署、隔离环境、灰度发布以及动态扩容缺一不可，而容器化则成为中间的必要桥梁。本节我们就来探索一下Docker的神秘世界，从零到一掌握Docker的基本原理与实践操作。别再守着前端那一亩三分地，是时候该开疆扩土了。我们将会围绕下面几点展开：讲
-
编辑 删除
提升代码可读性，减少 if-else 的几个小技巧
前言💁♂️相信大家或多或少都接触过拥有庞大ifelse的项目代码吧，多重嵌套的ifelse在维护的时候真的让人很恼火😡，有时候一个bug排查下来，严重感觉身体被掏空😿。本文并未有消灭或歧视ifelse的意思，ifelse的好用都知道，这里只是在某些特定场景为大家额外提供一种思路，增加我们代码的可读
-
编辑 删除
前端工作中常用 CSS 知识点整理
1文字溢出省略号:文字单行溢出:overflow:hidden;//溢出隐藏text-overflow:ellipsis;//溢出用省略号显
-
编辑 删除
搞懂 React ref 原理
前言对于Ref理解与使用，一些读者可能还停留在用ref获取真实DOM元素和获取类组件实例层面上其实ref除了这两项常用功能之外，还有很多别的小技巧通过本篇文章的学习，你将收获Reactref的基本和进阶用法，并且能够明白React内部是如何处理ref的，并通过一个小Demo+提问的方式带你更加深刻地
-
编辑 删除
React 性能优化的那些事儿
要讲清楚性能优化的原理，就需要知道它的前世今生，需要回答如下的问题：React是如何进行页面渲染的？造成页面的卡顿的罪魁祸首是什么呢？我们为什么需要性能优化？React有哪些场景会需要性能优化？React本身的性能优化手段？还有哪些工具可以提升性能呢？为什么页面会出现卡顿的现象？为什么浏览器会出现页
