前端开发
聊聊Vue中@click.stop和@click.prevent
一起来学下聊聊Vue中@click.stop和@click.prevent。 一、@click.stop(阻止事件冒泡) @click.stop:阻止事件冒泡,即阻止点击事件从子组…
Nginx 基本操作:启动、停止、重启命令。
我们来学习Nginx基础操作:启动、停止、重启命令。 方案1 重启nginx 关闭nginx 其他的停止nginx 方式 启动nginx 平滑重启nginx 方案2 启动 &nbs…
Vue3:手动清理keep-alive组件缓存的方法
Vue3中手动清理keep-alive组件缓存的一个解决方案 源码: 这里表明我们有两种修改方案: 方案一:注释 instance.__v_cache = cache; 这行代…
聊聊React和Vue组件更新的实现及区别
React 和 Vue 都是当今最流行的前端框架,它们都实现了组件化开发模式。为了优化性能,两者都采用了虚拟DOM技术。当组件状态发生改变时,它们会使用虚拟DOM进行局部渲染比对,…
尝试适用于 Ubuntu 和 Debian 衍生版本的 Mozilla 新 Firefox Linux 软件包的 4 个理由
对于Linux用户来说,这是个好消息,经过几个月的测试,Mozilla 今天发布了Linux 版 Firefox 的新软件包(特别是Ubuntu、Debian和任何基于 Debia…
React:学习Grid Layout基础使用
React Grid Layout是一个用于在React应用程序中创建可拖拽和可调整大小的网格布局的库。它提供了一个灵活的网格系统,可以帮助开发人员构建响应式的布局,并支持拖拽、调…
Vue中用法分析:import和require
讨论下Vue中用法分析:import和require。 在前端开发中,使用Vue框架进行项目开发是非常常见的。在Vue项目中,我们经常需要引入外部的模块或文件,这时候就会用到imp…
Vue项目:解决每次发版后要清理浏览器缓存问题
在Vue项目开发过程中,如何解决每次发版后要清理浏览器缓存问题。 最近项目更新频繁,每次一更新客户都说还跟之前的一样,一查原因是因为客户没有清空浏览器的缓存,所以为了方便客户看到最…
React Grid Layout 示例教程:基础使用
介绍下 React Grid Layout 示例教程,来吧,一起学习。 摘要 React Grid Layout是一个用于在React应用程序中创建可拖拽和可调整大小的网格布局的库…
React Native:试试在React Native中原生实现动态导入
React Native:试试在React Native中原生实现动态导入,一起来分析下这个方案吧。 在React Native社区中,原生动态导入一直是期待已久的功能。在Reac…
Vue中Table组件:行内右键菜单实现方法
分享一个项目是基于 vue + AntDesign 的。由于项目要求,需要在 Table 组件的行内点右键的时候弹出菜单。在线演示地址及最终效果图如下: 首先新建一个Table组件…
Next.js 14 中的增强国际化 (i18n)
在本文中,我们将深入探讨为什么国际化 (i18n)对于 Web 开发至关重要,探索Next.js 14 的新功能,并学习如何轻松构建多语言 Web 体验。 想象一下,您登陆一个网站…
vue3页面组件:获取上一个页面的路由地址
今天分享下vue3页面组件:获取上一个页面的路由地址。 vue2中获取上个页面的路由地址是用vue-router的beforeRouterEnter钩子 那vue3中怎么获取呢,在…
JavaScript 高阶生成器:进行过滤以生成素数
分享 JavaScript 高阶生成器:进行过滤以生成素数。 生成器大家都知道是怎么一回事,但是高阶生成器又是什么东西呢?今天小编就带着大家来一起了解一下吧…… 先上代码: 结果:…
vue3:使用vuedraggable实现拖拽el-tree数据分组功能
vue3:使用vuedraggable实现拖拽el-tree数据分组功能。 先安装 vuedraggable 这是他的官网 vue.draggable中文文档 R…
vue3表格应用:实现多个表格同时滚动并固定表头
学习下vue3表格应用:实现多个表格同时滚动并固定表头。 说明:这里需分为两种情况来做。第一种亲情况就是没有修改过el-table这个组件的样式;第二种情况就是修改过el-tabl…
vue3应用:vue3中实现图片压缩
分享一个应用:vue3中实现图片压缩。 首先,为什么需要进行图片压缩: 在理解了项目中为什么要使用图片压缩后,可以在vite环境中vue项目中,先进行不同类型图片的引入与使用操作。…
element-ui应用:select的change方法传递多个参数的方法详解
element-ui中的select,checkbox等组件的change方法的回调函数只有当前选择的val,如果想再传入自定义参数怎么办? 不能够传入自定义的参数,在进行某些操作…
Vue组件data函数的具体使用
在Vue组件中,data函数用于定义组件的数据。这些数据可以是任何JavaScript对象,它们会被Vue进行响应式处理,也就是说,当数据发生变化时,相关的视图会自动更新。这是Vu…
React应用:React实现文件上传和断点续传功能
来看个React应用:React实现文件上传和断点续传功能。 实现思路 分片上传的思路: 断点续传,两种方案: 前端实现 1. axios 封装 2. 分片上传逻辑 实现文件上传切…