a-textarea(textarea)出现模糊问题的可能解决方案
a-textarea(textarea)出现模糊问题的可能解决方案 项目介绍：本项目是一个vue3+ant-design-vue4.x开发，是一个客服机器人的组件。其它项目通过iframe+js文件来引入(iframe的内容就是表单，入口按钮是通过js文件进行dom操作创建)。 通过js监听页面宽度 ...
lodash已死？radash最全使用介绍（附源码说明）—— Array方法篇（4）
写在前面 tips：点赞 + 收藏 = 学会！ 我们已经介绍了radash的相关信息和部分Array相关方法，详情可前往主页查看。 本篇我们继续介绍radash中Array的相关方法的剩余方法。 本期文章发布后，作者也会同步整理出Array方法的使用目录，包括文章说明和脑图说明。 因为方法较多，后续 ...
面试官：在原生input上面使用v-model和组件上面使用有什么区别？
前言 还是上一篇面试官：来说说vue3是怎么处理内置的v-for、v-model等指令？ 文章的那个粉丝，面试官接着问了他另外一个v-model的问题。 面试官：vue3的v-model都用过吧，来讲讲。 粉丝：v-model其实就是一个语法糖，在编译时v-model会被编译成:modelValue ...
不到200行用Vue实现类似Swiper.js的轮播组件
前言 大家在开发过程中，或多或少都会用到轮播图之类的组件，PC和Mobile上使用 Swiper.js ，小程序上使用swiper组件等。 本文将详细讲解如何用Vue一步步实现的类似Swiper.js的功能，无任何第三方依赖，干货满满。 最终效果 在线预览：https://zyronon.githu ...
Vue+OpenLayers6从入门到实战进阶案例汇总目录，Vue+OpenLayers6地图整合教程，OpenLayers6中文文档，OpenLayers6中文手册
本篇作为《Vue+OpenLayers6入门教程》和《Vue+OpenLayers6实战进阶案例》所有文章的二合一汇总目录，方便查找。 本专栏源码是由OpenLayers6.15.1版本结合Vue2框架编写，同时支持Vue3，零星几篇文章用到了Element-UI库。 本专栏从Vue搭建脚手架到如何 ...
Angular 17+ 高级教程 – Angular 的局限 の Query Elements
前言 熟悉 Angular 的朋友都知道，Angular 有非常多的局限，许多事情它都做不好，打开 Github 一堆 2016 - 2017 的 Issues，时至今日都没有解决。 原因也很简单 -- Angular 团队的不作为。 通常我会把常见的 Angular 的局限记入在这篇 <<An ...
结对编码-软件开发与创新课程设计
一、题目及运行环境 1.小组成员 2252331 与 2252336 2.题目 小学老师要每周给同学出300道四则运算练习题。 这个程序有很多种实现方式： C/C++ C#/VB.net/Java Excel Unix Shell Emacs/Powershell/Vbscript Perl Pyt ...
前端如何防止接口重复提交
什么是接口重复提交？ 接口重复提交指的是在网络通信中，同一个请求被客户端多次发送到服务器端的情况。这种情况可能由于多种原因导致，例如用户在等待期间多次点击提交按钮、网络超时后客户端重新发送请求、客户端发送的请求在网络传输过程中出现重复等。 接口重复提交可能会导致多种问题，当服务器收到重复请求时，可能 ...
vue3 快速入门系列 —— 其他API
其他章节请看： vue3 快速入门 系列 他API 前面我们已经学习了 vue3 的一些基础知识，本篇将继续讲解一些常用的其他api，以及较完整的分析vue2 和 vue3 的改变。 浅层响应式数据 shallowRef shallow 中文：“浅层的” shallowRef：浅的 ref()。 先 ...
怎么样零代码零成本搭建个人网站？
零代码指的是借助VuePress 通过简单配置，帮助我们生成静态网站。 零成本指的是借助GitHub Pages 或者Gitee Pages部署网站，让互联网上的小伙伴能访问到它 ...
next.js app目录 i18n国际化简单实现
最近在用next写一个多语言的项目，找了好久没找到简单实现的教程，实践起来感觉都比较复杂，最后终于是在官方文档找到了，结合网上找到的代码demo，终于实现了，在这里简单总结一下。 此教程适用于比较简单的项目实现，如果你是刚入门next，并且不想用太复杂的方式去实现一个多语言项目，那么这个教程就挺适合 ...
学习 XQuery：XML数据查询的关键
XQuery 是 XML 数据的查询语言，类似于 SQL 是数据库的查询语言。它被设计用于查询 XML 数据。 XQuery 示例 for $x in doc("books.xml")/bookstore/book where $x/price > 30 order by $x/title retu ...
记录在JavaScript中对事件循环的理解
JavaScript 事件循环通俗解释 好的，用更通俗的话来说，事件循环就像是在一个大剧院里，有一个演员（JavaScript引擎）和两个重要的角色：一个是前台的表演者（调用栈），另一个是后台的候场区（事件队列）。 前台表演者：这个演员在前台表演，一次只能表演一个节目（单线程执行）。当一个节目（函数 ...
JavaScript本地存储的方式有哪些
Web存储技术 1. localStorage 特点：长期存储，除非手动删除否则会一直保存在浏览器中，清除缓存或卸载浏览器后消失。 存储语法：window.localStorage.setItem(名字,值) 获取语法：window.localStorage.getItem(名字) 删除语法：win ...
Angular 17+ 高级教程 – 盘点 Angular v14 到 v17 的重大改变
前言 我在 <初识 Angular> 文章里有提到 Angular 目前的断层问题。 大部分的 Angular 用户都停留在 v9.0 版本。 Why everyone stay v9.0? v9.0 是一个里程碑版本，Angular 从 v4.0 稳定版推出后，好几年都没有什么动静，直到 v9.0 ...
Vue 3 进阶用法：异步组件
一、代码分割 一个大型前端应用，如果所有代码都放在单一文件，体积会特别大，下载时间长，白屏时间久，用户体验差。 代码分割是一种有效的优化方式。提前把代码切分为多个小块，只下载当前必需的部分，用到哪块下载哪块。就像吃自助餐一样，吃多少拿多少。 早期的代码分割一般通过 webpack 实现。随着 ES6 ...
面试官：来说说vue3是怎么处理内置的v-for、v-model等指令？
前言 最近有粉丝找到我，说被面试官给问懵了。 粉丝：面试官上来就问“一个vue文件是如何渲染成浏览器上面的真实DOM？”，当时还挺窃喜这题真简单。就简单说了一下先是编译成render函数、然后根据render函数生成虚拟DOM，最后就是根据虚拟DOM生成真实DOM。按照正常套路面试官接着会问vue响 ...
【布局进阶】巧用 :has & drop-shadow 实现复杂布局效果
最近，群里聊到了一个很有意思的布局效果。大致效果如下所示，希望使用 CSS 实现如下所示的布局效果： 正常而言，我们的 HTML 结构大致是如下所示： <div class="g-container"> <div class="g-nav"> <ul> <li>Tab 1</li> <li>Tab ...
1. 大文件上传如何断点续传
大文件上传流程 文件分片 - 将文件分割成多个小块，以便于上传和管理。 计算文件以及分片文件的Hash值 - 生成唯一标识符 - 通过计算文件及其分片的Hash值来创建一个唯一的标识符。 上传分片 - 根据标识符判断分片文件上传状态 - 避免重复上传。 如果上传中断，下次上传时根据标识符跳过已上传的 ...
