标签组件的效果如下 组件作用 这是一个div，包含了两个文本框，后面是添加和删除按钮 添加按钮复制出新的div，除了文本框没有内容，其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags"> ...

最近在做性能优化，具体优化手段，网上铺天盖地，这里就不重复了。性能优化可分为以下几个维度：代码层面、构建层面、网络层面。本文主要是从代码层面探索前端性能，主要分为以下 4 个小节。使用 CSS 替代 JS、深度剖析 JS、前端算法、计算机底层 ...

作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在日常开发中，很多时候需要对数组进行分组，每次都要手写一个分组函数，或者使用lodash的groupBy函数。好消息是，JavaScript 现在正在引入全新的分组方法：Object.groupBy和Map.groupBy，以后再也不需要 ...

一段包含 bytes 类型的 protobuf 二进制数据，经过 pbjs 解码生成的 json 文件，再传递给 pbjs 编码后生成的二进制数据和原始数据差异巨大，经过一番探究，发现居然是 pbjs 的一个 bug，快来看看你是否踩过这个坑吧~ ...

React和Vue是前端开发中的两大热门框架，各自都有着强大的功能和丰富的生态系统。然而，你有没有想过，在一个项目中同时使用React和Vue？是的，你没有听错，可以在同一个项目中混用这两个框架！本文就来分享 3 个用于混合使用 React 和 Vue 的工具！ Veaury Veaury 是一个基 ...

UI组件库提供了各种常见的 UI 元素，比如按钮、输入框、菜单等，只需要调用相应的组件并按照需求进行配置，就能够快速构建出一个功能完善的 UI。 虽然市面上有许多不同的UI组件库可供选择，但在2023年底也并没有出现一两个明确的解决方案能够适用于所有情况。因为不同的前端框架（例如React、Angu ...

背景介绍 我们存在着大量在PC页面通过表格看数据业务场景，表格又分为两种，一种是 antd / fusion 这种基于 dom 元素的表格，另一种是通过 canvas 绘制的类似 excel 的表格。 基于 dom 的表格功能丰富较为美观，能实现多表头、合并单元格和各种自定义渲染（如表格中渲染图形 ...

正题 1、 1 var length = 1; 2 function fn() { 3 console.log(this.length); 4 } 5 var obj = { 6 length: 100, 7 action: function (callback) { 8 callback(); 9 ...

在现代的Web开发中，优化用户体验至关重要。一种常见的方法是在页面加载时预加载图片，并展示一个加载进度条，让用户了解加载进度。在本文中，我们将深入探讨如何实现这两个关键功能，以提高网站性能和用户满意度 ...

9 月 16 日，全栈 Web 框架 Remix 正式发布了 2.0 版本，Remix 团队在发布 1.0 版本后经过近 2 年的持续努力，发布了 19 个次要版本、100 多个补丁版本，并解决了数千个问题和拉取请求，终于迎来了第二个主要版本！ Remix 具有以下特性： 追求速度、用户体验（UX） ...

9 月 19 日，Next.js 13.5 正式发布，该版本通过以下方式提高了本地开发性能和可靠性： 本地服务器启动速度提高 22%：使用App和Pages Router可以更快地进行迭代 HMR（快速刷新）速度提高 29%：在保存更改时进行更快的迭代 内存使用量减少 40%：在运行next sta ...

本文来盘点微软开源的十大前端项目，这些项目在 Github 上获得了超过 45 万 Star！ Visual Studio Code Visual Studio Code 是一款由微软开发的开源的代码编辑器。它支持多种编程语言，如C、C++、C#、Python、JavaScript 和 TypeSc ...

1.原始值和引用值 ECMScript变量包含两种不同类型是数据：原始值和引用值。 原始值：最简单的数据。有6中原始值：Undefined、Null、Boolean、Number、String和Symbol。原始值是按值访问。 引用值：由多个值构成的对象。三大引用类型：1.object 2.Arra ...

1、案例：猜数字 设置一个1-10之间的随机数，然后输入进行猜数字，猜的大了怎么样、猜的小了怎么样、猜对了怎么样 知识点：设置随机数 、if判断 、while循环 写题思路： 1.设置弹框提出问题 2.定义一个随机数0-10的数组 3.if 判断 取值的范围，在其范围内反馈的结果 4.while循环 ...

在日常开发中，很多时候需要对数组进行分组，每次都要手写一个分组函数，或者使用lodash的groupBy函数。好消息是，JavaScript 现在正在引入全新的分组方法：Object.groupBy和Map.groupBy，以后再也不需要手写分组函数了，目前最新版本的 Chrome（117）已经支持 ...

上半年vercel 推出了nextjs13 这个大版本，刚好最近有个c端的项目，所以就用了这个框架来写，技术体系基本也是文档提到的 tailwindcss + ts + swr + ssr ，总的来开发体验还可以，不管是打包速度、文档、错误信息提示目前都还满意，只不过目前nextjs13 中文资料有 ...

在JavaScript开发的现代世界中，有许多不同的前端框架可供我们用来编写应用程序，从旧的框架如Backbone.js到较新的Angular、React和Vue等。这些框架通常使用模型视图控制器（MVC）设计模式或其变体之一，例如模型视图表现器（MVP）或模型视图视图模型（MVVM）。当将这组模式 ...

web前端JavaScript交互 点击事件 意义： JavaScript中的点击事件是指当用户在页面上点击某个元素时触发的事件。这个事件可以用于执行各种操作，如改变元素的样式、修改页面内容等。这是Web应用程序中最常用 的交互方式之一，允许用户与网页进行交互，提高用户体验。 案例： 随机点名器 知 ...

工作中经常遇到按照指定格式的时间进行展示。可参考以下脚本逻辑满足需求 Date.prototype.PtTimeByFormat = function (fmt){ var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 ...