天天打码-16年老码农

Radash 是一款面向现代 JavaScript/TypeScript 开发的前端工具库，由 Ethan Dean 于 2023 年发起，旨在解决传统工具库（如 Lodash）的痛点。

Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。

Volta 是一个现代化的 JavaScript 工具管理器，提供了比传统 nvm 更好的性能和用户体验。通过使用 Volta 管理项目级别的 Node.js 版本，可以确保每个项目都有一个干净且独立的开发环境。

Swiper 是一个流行的开源的移动端触摸滑动库，用于创建响应式、可触摸滑动的轮播图、滑块、画廊和其他滑动组件。它是一个跨平台的库，可以在网页、移动应用和桌面应用中使用。

Lerna是一个优化使用Git和npm管理多包JavaScript项目的工具。它允许你在一个仓库（monorepo）中管理多个独立发布的包（package），这些包可以相互依赖。通过Lerna，开发者可以更高效地进行代码共享、版本管理、依赖安装与更新等操作，极大地提升多包项目的开发和维护效率。

PurgeCSS是一个强大的工具，用于从项目中移除未使用的CSS代码。它通过分析HTML、JavaScript和其他模板文件，精确识别哪些CSS选择器被实际使用，然后智能地删除那些从未被引用的样式规则

Stylus 是一种 CSS 预处理器，它扩展了 CSS 的功能，使得编写样式变得更简洁和高效。Stylus 允许使用嵌套、变量、混入等编程功能，这些功能可以极大地提高开发效率和代码的可维护性。

npm/yarn/pnpm安装时Sharp模块报错解决方法

要构建SSG静态站点时，一般为了方便增加algolia搜索框，但这里algolia配置使用时用很多的坑，折腾了我好几天，网上没有一个可用的教程。

Nuxt，这款受到广泛赞誉的框架，在我们公司的ThisAI前端开发中扮演着不可或缺的角色。其卓越的性能和便捷的开发体验，吸引了无数开发者的目光。接下来，我们将一起深入了解Nuxt的安装流程，并详细剖析其目录结构，助力大家更好地掌握这一强大的开发工具。

Varlet UI 一个 Vue3 组件库，基于 Material Design 2 和 3，支持移动端、桌面端。

Vitest是有vue官方主导开发的下一代测试框架，一个原生支持Vite的测试框架。非常快速。

Rspress是一款由字节跳动开源的静态网站生成工具，基于Rust编写的Rspack，提供极速构建和丰富功能。其核心特性包括MDX支持、内置全文搜索和强大的插件系统，允许在Markdown中无缝嵌入React组件，并自动生成静态HTML文件，便于部署。Rspress适用于个人博客、文档网站和企业官网，凭借Rust的高效性能、MDX渲染和全站全文搜索，显著提升开发效率和用户体验。其开放的插件系统和静态化生产功能，进一步增强了定制性和网页加载速度，是构建美观实用文档网站的理想选择。

字节跳动开源了一款采用 Rust 开发的前端模块打包工具：Rspack（读音为 /'ɑrspæk/）。据介绍，Rspack 是一个基于 Rust 的高性能构建引擎，具备与 Webpack 生态系统的互操作性，可以被 Webpack 项目低成本集成，并提供更好的构建性能。

Rollup.js 是一个模块打包工具，它可以将多个模块打包成一个单一的模块。与 Webpack 不同，Rollup.js 默认只处理 ES6 模块，这使得它非常适合库和框架的开发，因为它可以提供一个更干净、更轻量级的打包结果。

Rolldown 是使用 Rust 开发的 Rollup.js 编译工具的替代品，基于字节跳动的 Oxc 工具集合构建，它提供与 Rollup 兼容的应用程序接口和插件接口，将作为 Vite 未来使用的打包工具。Rolldown 是一个用 Rust 编写的 JavaScript 打包器，旨在作为 Vite 未来使用的打包器。它提供与 Rollup 兼容的应用程序接口和插件接口，但在范围上更类似于 esbuild。Rolldown 是一个备受瞩目的前端项目，旨在解决当前打包工具的性能瓶颈和兼容性问题。

两者语法高度相似，迁移成本低。若项目对体积和性能敏感，Day.js 是更优解；若功能全面性和旧项目兼容更重要，Moment.js 仍可短期使用，但长期建议迁移至活跃库（如 Day.js 或 Luxon）。

dayjs是一个极简快速2kB的JavaScript库，可以为浏览器处理解析、验证、操作和显示日期和时间，它的设计目标是提供一个简单、快速且功能强大的日期处理工具，同时保持极小的体积（仅 2KB 左右）。Day.js 的 API 与 Moment.js 高度相似，因此对于熟悉 Moment.js 的开发者来说，迁移到 Day.js 非常容易。

在现在原子化CSS引擎有UnoCSS、TailWindcss和tailwindcss，但作为新起之秀的UnoCSS，在速度性能上比TailWindcss和tailwindcss快多少呢？

可以。v-model 实际上是一个语法糖，如：<input显然，custom-input 与父组件的交互如下：父组件将searchText变量传入custom-input 组件，使用的 prop 名为value；custom-input 组件向父组件传出名为input的事件，父组件将接收到的值赋值给searchText；<input})JavaScript中的对象是引用类型的数据，当多个实例引用同一个对象时，只要一个实例对这个对象进行操作，其他实例中的数据也会发生变化。

在使用ElementUI，需要ElementUI表格table组件实现单选及禁用默认选中效果,

在使用element UI Table组件时，需要点击取当前行索引，并删除当前行，看了element UI 文档好象没有这个的，仔细看下发现当前行索引是在。

定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码；理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数，

去https://github.com/ElemeFE/element/tree/gh-pages,拉下来原码，放到服务器上就行。里面用到的cdn js可能无法访问，打其他的代替就好。官方：https://element.eleme.io/ 一直打不开，分析下是里面用的cdn链接ssl证书无效。经常用element ui朋友开发的比较郁闷，官方文档网基本上都是打不开的，就想着自己搭建一个element UI文档。

最近在做一个项目二次开发，有40万的用户数据需要导出到excel里，如果数据有，如何导出excel表格呢，这么大的数据如果一次导出对于服务器或者网络都是一个及大的考验，不太可能一性导出，要么资源被用完，要么网络超时，因为导出的数据excel文件可能有大几M或上百M，对于后端来说大量数据查询读取，特别是10万数据里如果涉及到其他表二次查询，基本上是卡死超时。先说说后端PHP实现导出excel方式：无非用PhpOffice\PhpSpreadsheet组件来导出，但是对于大数据来说一次导出也是吃力。

在做diff算法之前有个基本逻辑要明白，Vue的diff算法是同层比较，不会跨层比较，时间复杂度为O(N)。主要使用首尾比较法（头-头，头-尾，尾-头，尾-尾）。Vue2与Vue3的diff算法主要区别是处理完首尾节点后，对剩余节点的处理方式。

我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。Node.js平台，Node.js工具社区和Node.js库是快速移动的目标 - 在一个Node.js版本下可能有效的方法不能保证适用于另一个版本的Node.js。因此，用户需要一些方法在 Node 的多个版本之间切换.js。

最后增加构建命令行，“upload”: “node upload.js”, 合并2个命令一起执行"test:upload": “vue-cli-service build --mode=test && yarn upload”{“version”:“1.0.16”,“updateTime”:“2024/1/26 上午12:46:07”,“name”:“uihtm.com-admin”}const version = require(‘./version’) // 注意引入后需要立即运行。

ChatGPT API有什么用？简单地说，它允许任何企业或个人在他们自己的应用程序、网站、产品和服务中使用 ChatGPT 功能，并且是最新的训练模型，$0.002/1K tokens的价格看起来也似乎非常诱人！ChatGPT API 的开放, 类似乔布斯当时建立了Apple应用商店，让全世界的企业和个人开发者都可以在应用程序中预留人工智能的接口, 与类ChatGPT平台联结起来。支chatgpt演示:https://www.uihtm.com/vue/19287.html。

对于做前端的朋友，或者做了前端几年了，基础不好的，或者想进大厂的想了解深入，下面的知识点很多前端朋友都没有深入了解。很重要，看完有种茅塞顿开感觉，`**关注+收藏哦，总有一天用的得。**`涉及到知识点：HTML知识，JS，ES5/ES6，Vue, Webpack, 前端HTTP网络知识,css/css3。

先说下动态跑马灯九宫格抽奖转盘应用场景，基于很多活动页面都常用，积分抽奖兑换等。九宫格html+css排版样式这里就不多说了。

采用后台API端thinkphp，H5端uniapp编译，后台vue打包，只有微信登陆，对于熟悉Thinkphp，或者做过微信小程序和unapp的同学可以拿来学习改造，可打包APP。前端由VUE开发 后端PHP 没有编译过的纯源码后端需要 vue 和 node.js 环境才能搭建本源码需要 微信公众号 微信商户号 要不然使用不了主要功能 抽对象 存信息 邀请好友系统功能截图：uniapp首页源码：API接口：由于篇幅有限，只有写部分代码，如需要看详情系统介绍和功能，请查看：https:/

Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。都是后面出来，bug比较少，Ant Design Pro有小bug。

在做开发时，经常用到TortoiseSVN管理版本发布，但每次更新版本，查看提取时，都比较麻烦，都要手工一条条日志复制出来，贴到发布系统或文档里。日志很多条一条条复制粘贴比较麻烦，就做一个小功能一键提取选取范围内的日志记录，并生成一个格式，可以轻松快捷复制出来。此工具是HTML+Vue制作，利用TortoiseSVN日志信息复制信息，并利用js正则表达工过滤，用Vue渲染出表格。HTML+VUE+正则：TortoiseSVN日志信息自动提取生成表格小工具。