EchoEcho

问题描述： 在一个编辑器中开发页面组件，组件内部对子元素设置了position:absolute定位，并且元素内容区域设置了overflow:hidden属性。 启动项目后...

相关概念： 命令式 VS 声明式 从范式上来看，视图层框架通常分为： 命令式框架 更加关注过程，代码本身描述的是“做事的过程”，符合逻辑直觉 声明式框架 更加关注结果，主要...

在开发页面过程中需要实现两个有意思的布局样式，在此记录并分享一下。 样式一： 实现思路: 通过分析，上图布局可以明确分为 3行 2列，各图片占位如下图： 通过使用grid-...

在vue项目中，一般说到状态管理，我们会想到pinia，它可以帮助我们管理需要在多个页面、组件间共享的数据，并且根据数据的更新触发相关的渲染更新。但如果是数据变化不会引起页...

Vue Router是Vue官方的客户端路由解决方案。用于在单页应用中将浏览器的URL和用户看到的内容绑定起来。 使用Vue Router 通过createRouter创建...

一直对nginx处于比较浅显的了解，趁着这次调试项目，对了解到的nginx也做一次总结。 问题背景： 本地vite项目运行正常，但是部署到对应环境后，页面无法正常访问。...

前端工程化是通过工具和规范，提升开发效率、代码质量和团队协作的系统化方案。大致包含以下内容： 代码规范 Git Hooks 环境变量 构建优化 本文内容包含： 使用 vit...

Cookie适合用于在客户端和服务器之间传递数据、跨域访问和设置过期时间,而LocalStorage适合用于在同一域名下的不同页面之间共享数据、存储大量数据和永久存储数据。...

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页...

cookie 在客户端存储用户信息 Web Storage 解决客户端存储不需要频繁发送cookie回服务器的问题 indexedDB 是浏览器中存储结构化数据的一个方案...

XHR 把Ajax推到历史舞台上的关键技术是XMLHttpRequest（XHR）对象。 Fetch API替代了XHR。 WebSocket是与服务器的全双工、双向通信渠...

计算机程序通常由用户用高级语言编写程序，然后将它和数据一起送入计算机内，再由计算机将其翻译成机器能识别的机器语言程序，并将计算结果输出...

JS与HTML的交互是通过事件实现的。 可以使用仅在事件发生时执行的监听器订阅事件。在传统软件工程领域，这个模型叫“观察者模式”，其能够做到页面行为与页面展示的分离 浏览器...

同步行为和异步行为的对立统一是计算机科学的一个基本概念。特别是在JS这种单线程事件循环模型中，同步操作和异步操作更是代码所要依赖的核心机制...

节点类型 文档对象模型（DOM）是HTML和XML文档的编程接口，表示由多层节点构成的文档，通过它开发者可以添加、删除和修改页面的各个部分。 document节点表示每个文...

表单基础 Web表单在HTML中以<form>元素表示，在JS中则以HTMLFormElement类型表示。...

BOM是使用JS开发Web应用程序的核心。 Window对象 BOM的核心是window对象，表示浏览器的实例。 window对象在浏览器中有两重身份，一个是ECMAScr...