前端开发
刷新
解决Vue在scoped模式下修改el-collaspe样式失效的问题

博主头像 问题分析 当我们需要用折叠面板的时候，往往会考虑element-ui的el-collaspe，然而大多数时候原生默认的样式并无法拿来就用。我们往往会自定义组件的样式，或者在默认的基础上进行修改。最近在Vue项目中进行组件修改的时候，无意间某个文件自动设置成了scoped（应该是插件自动化生成的结构代 ...

CSS 属性计算

博主头像 CSS 属性计算过程 你是否了解 CSS 的属性计算过程呢？ 有的同学可能会讲，CSS属性我倒是知道，例如： p{ color : red; } 上面的 CSS 代码中，p 是元素选择器，color 就是其中的一个 CSS 属性。 但是要说 CSS 属性的计算过程，还真的不是很清楚。 没关系，通过此 ...

记录--前端如何截屏

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前端常用的截图保存的方法 利用 Blob 对象和 URL.createObjectURL：可以将截图数据转换为 Blob 对象，然后使用 URL.createObjectURL 方法生成一个临时的 URL，将这个 URL 赋值给 <a> 标签的 ...

Nuxt3页面开发实战探索

博主头像 摘要：这篇文章是关于Nuxt3页面开发实战探索的。它介绍了Nuxt3的基础入门，安装与配置，项目结构，内置组件与功能，以及页面与路由的相关内容。Nuxt3是基于Vue 3的服务器端渲染框架，旨在简化Vue应用程序的开发流程，提供最佳的性能和开发 ...

使用锚点跳转时出现位置偏差原因及解决办法

博主头像 在使用锚点跳转时，以下情况可能导致页面跳转位置出现误差： 固定定位元素（Fixed Position Elements）： 当页面有固定定位的导航栏或其他固定元素时，跳转到锚点时，这些固定元素可能会遮挡锚点目标，导致用户看不到预期内容。 动态内容加载（Dynamic Content Loading） ...

Nuxt.js 深入浅出：目录结构与文件组织详解

博主头像 摘要：本文详述了Nuxt.js框架中关键目录与配置文件的作用及使用方法，包括布局设定、页面结构管理、插件集成、静态资源处理、 Vuex状态管理、项目配置文件nuxt.config.js详解以及package.json、.eslintrc.js、.babelrc等辅助配置文件的配置方式，为构建高效Nu... ...

一行代码实现鼠标横向滚动

博主头像 ‍ 写在开头 点赞 + 收藏 学会 在项目中我们可能会遇到当鼠标在某个区域内，我们希望滚动鼠标里面的内容可以横向滚动； 比如我们一些常见的后台状态栏： 那这种该怎么写？请看栗子 代码如下： <template> <div> <div class="top"> <div class ...

安装 Nuxt.js 的步骤和注意事项

博主头像 摘要：本文阐述了Nuxt.js作为基于Vue.js的服务器端渲染框架，其在提升Web开发效率、确保代码质量和优化应用性能方面的核心价值。通过详尽的安装步骤、配置说明、常见问题解决策略及进阶部署方法，为开发者搭建和部署Nuxt.js项目提供了全方位指导。 ...

探索Web Components

博主头像 这篇文章介绍了Web Components技术，它允许开发者创建可复用、封装良好的自定义HTML元素，并直接在浏览器中运行，无需依赖外部库。通过组合HTML模板、Shadow DOM、自定义元素和HTML imports，Web Components增强了原生DOM的功能，提高了组件化开发的封装性和... ...

随便写的小网页练习

博主头像 随便写的小网页练习： 原视频:十分钟学会写网页【编程前端入门】 简介： 本期重做了好几遍，是全新的视角和概念，从浏览器底层渲染原理到实现网站的演示，一节课讲透，必看的一期。后面不管是写小程序还是App，都会用到这一期的概念。 这一期内容是我做完第一章个人网站后更新的，用来替代原先没做好的第三节， ...

Vue微前端架构与Qiankun实践理论指南

博主头像 这篇文章介绍了微前端架构概念，聚焦于如何在Vue.js项目中应用Qiankun框架实现模块化和组件化，以达到高效开发和维护的目的。讨论了Qiankun的原理、如何设置主应用与子应用的通信，以及如何解决跨域问题和优化集成过程，从而实现前端应用的灵活扩展与组织。 ...

记录--N 个值得一看的前端代码片段

博主头像 ‍ 写在开头 点赞 + 收藏 学会 在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同的工具类方法，这些方法就是之前开发者的常用代码片段。 现在前端社区相当完 ...

Vue 3深度探索：自定义渲染器与服务端渲染

博主头像 这篇文章介绍了如何在Vue框架中实现自定义渲染器以增强组件功能，探讨了虚拟DOM的工作原理，以及如何通过SSR和服务端预取数据优化首屏加载速度。同时，讲解了同构应用的开发方式与状态管理技巧，助力构建高性能前端应用。 ...

Angular 集成 StreamSaver 大文件下载

博主头像 应用场景: 实现目标: 在网页端实现大文件(文件大小 >= 2 G) 断点续传 实际方案: 发送多次请求, 每次请求一部分文件数据, 然后通过续写将文件数据全部写入. 难点: 无法实现文件续写, 最后采用 StreamSaver 来解决这个问题. 1. 首先从 git hub 将 StreamSav ...

<1···343536···50>