<u-collapse ref="myCollapse" @change="change" accordion> <u-collapse-item v-for="(level,index) in levelList" :key="index" :title="level.name" ref="col ...

a-textarea(textarea)出现模糊问题的可能解决方案 项目介绍：本项目是一个vue3+ant-design-vue4.x开发，是一个客服机器人的组件。其它项目通过iframe+js文件来引入(iframe的内容就是表单，入口按钮是通过js文件进行dom操作创建)。 通过js监听页面宽度 ...

前言 还是上一篇面试官：来说说vue3是怎么处理内置的v-for、v-model等指令？ 文章的那个粉丝，面试官接着问了他另外一个v-model的问题。 面试官：vue3的v-model都用过吧，来讲讲。 粉丝：v-model其实就是一个语法糖，在编译时v-model会被编译成:modelValue ...

前言 大家在开发过程中，或多或少都会用到轮播图之类的组件，PC和Mobile上使用 Swiper.js ，小程序上使用swiper组件等。 本文将详细讲解如何用Vue一步步实现的类似Swiper.js的功能，无任何第三方依赖，干货满满。 最终效果 在线预览：https://zyronon.githu ...

本篇作为《Vue+OpenLayers6入门教程》和《Vue+OpenLayers6实战进阶案例》所有文章的二合一汇总目录，方便查找。 本专栏源码是由OpenLayers6.15.1版本结合Vue2框架编写，同时支持Vue3，零星几篇文章用到了Element-UI库。 本专栏从Vue搭建脚手架到如何 ...

其他章节请看： vue3 快速入门 系列 他API 前面我们已经学习了 vue3 的一些基础知识，本篇将继续讲解一些常用的其他api，以及较完整的分析vue2 和 vue3 的改变。 浅层响应式数据 shallowRef shallow 中文：“浅层的” shallowRef：浅的 ref()。 先 ...

零代码指的是借助VuePress 通过简单配置，帮助我们生成静态网站。 零成本指的是借助GitHub Pages 或者Gitee Pages部署网站，让互联网上的小伙伴能访问到它 ...

一、代码分割 一个大型前端应用，如果所有代码都放在单一文件，体积会特别大，下载时间长，白屏时间久，用户体验差。 代码分割是一种有效的优化方式。提前把代码切分为多个小块，只下载当前必需的部分，用到哪块下载哪块。就像吃自助餐一样，吃多少拿多少。 早期的代码分割一般通过 webpack 实现。随着 ES6 ...

前言 最近有粉丝找到我，说被面试官给问懵了。 粉丝：面试官上来就问“一个vue文件是如何渲染成浏览器上面的真实DOM？”，当时还挺窃喜这题真简单。就简单说了一下先是编译成render函数、然后根据render函数生成虚拟DOM，最后就是根据虚拟DOM生成真实DOM。按照正常套路面试官接着会问vue响 ...

一、前期转杯 确保电脑上已安装 node.js。 可通过命令 npm --version进行查询，如果展示了版本号，则说明已安装，若提示 npm 不是有内部或外部命令，也不是可运行的程序，则说明未安装，可进入官网下载并进行安装。 确保已安装 Vue CLI。 可通过命令 vue --V 查看版本号， ...

其他章节请看： vue3 快速入门 系列 组件通信 组件通信在开发中非常重要，通信就是你给我一点东西，我给你一点东西。 本篇将分析 vue3 中组件间的通信方式。 Tip：下文提到的绝大多数通信方式在 vue2 中都有，但是在写法上有一些差异。 准备环境 在 vue3 基础上进行。 新建三个组件：爷 ...

Rubick —— 一款纯绿色、效率、开源的桌面端工具箱软件。软件支持插件化的方式来安装工作所需要的任何插件。插件是基于 npm 进行安装和卸载，非常轻便。 ...

前言 2018年刚入行前端时，公司使用的还是Angular。Angular什么都好，就是写代码时的体验老糟心了，改一个地方，按下保存之后，要等好几秒刷新后才能看到效果，Webstorm无比好用的自动保存，对我来说反而像是一个负担。然而2024年了，Angular已经更新了17版本，还是没有解决这个问 ...

最近在做一个全国海域潮汐表查询，可以为赶海钓鱼爱好者提供涨潮退潮时间表及潮高信息。下面教大家怎么做一个这样的小程序。主要功能，根据IP定位地理位置，自动查询出省份或城市的港口，进入后预测7天内港口潮汐表查询。步骤：1.采集全部国海域港口数据。2.采集对应的港口数据每天潮汐表数据。3.用百度echar ...

随着互联网技术的迅速发展，用户对网页的加载速度和交互体验有了更高的期待。作为开发者，我们常常需要在服务器端渲染（SSR）与客户端渲染（CSR）之间做出选择。这两种渲染方式各有特点，适用于不同的场景和需求。今天，就让我们一起来探索SSR和CSR的世界，帮助你为你的应用选择最合适的渲染策略。 什么是渲染 ...

关于微信小程序转发&保存图片 已经好多年没写博客了，最近使用在用uniapp开发一个移动版管理后台，记录下自己踩过的一些坑 微信小程序图片转发保存简单说明 微信小程序图片转发保存，依赖小程序的转发api—— wx.showShareImageMenu(Object object) 通过调用这个api ...

在 Vue 3.2+ 版本中，可以使用 <script setup> 替代传统的 script标签来编写组件，它提供了更简洁的语法来编写 Composition API 代码。 在 <script setup> 中，使用 defineProps 和 defineEmits时需要注意： 如果显式地导入 ...

大家好，我是 Java陈序员。 今天，给大家介绍一个基于 Vue 全家桶实现的“网易云”播放器。 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 YesPlayMusic —— 一款高颜值的第三方网易云播放器，支持 Windows / ...

前言 在之前的 通过debug搞清楚.vue文件怎么变成.js文件 文章中我们讲过了vue文件是如何编译成js文件，通过那篇文章我们知道了，template编译为render函数底层就是调用了@vue/compiler-sfc包暴露出来的compileTemplate函数。由于文章篇幅有限，我们没有 ...

forEach 和 map 都是 JavaScript 中数组的常用方法，但它们之间的主要区别在于它们的返回值和用途。 1、forEach：它是一个无返回值的方法，它的作用是遍历数组，对数组的每个元素执行相同的操作。 let numbers = [1, 2, 3, 4, 5]; numbers.fo ...