架构思路 antd的难点
摘要：
1、对于 <Form.List name="items" > {(fields,) => { console.log('fields', fields); return ( <div style={{ display: 'flex', rowGap: 16, flexDirection: 'colu 阅读全文
posted @ 2025-08-24 23:55 漫思 阅读(16) 评论(0) 推荐(0)
架构思路 socketio能力总结
摘要：
服务端能力 1、各个业务分散开，能够直接和socketio通信，内部使用广播模式，Node.js EventEmitter 2、socketio的基本能力，连接，断开连接，加入房间，踢出房间，广播，给特定的人发送消息，小丽吗？大家好，我是新来的 3、统一所有的业务，都使用一个消息通道，在消息上增加业 阅读全文
posted @ 2025-08-24 23:42 漫思 阅读(18) 评论(0) 推荐(0)
架构思路-动画能力的表达具体化
摘要：
1、能表达出基本的帧动画能力 从什么到什么，什么刷新频率，是否循环 2、支持点击动画，暂停动画，结束后继续动画 3、改变动画。一会是红色绿色，一会是绿色，一会是红色 4、弹框动画，拉帘动画，从左边到右边，从右边到左边 5、不确定动画，100%动画， 自适应性动画 阅读全文
posted @ 2025-08-24 23:31 漫思 阅读(9) 评论(0) 推荐(0)
架构思路-脚手架搭建的相关能力
摘要：
务必是rust的脚手架，vite，rsbuild，farm 等 替我新建一个脚手架 1、router切换时必须加进度条 2、必须兼容css less scss sass stylus，tailwind 3、兼容react-router 4、可以切换ssr和csr 5、反向代理的支持 6、支持antd 阅读全文
posted @ 2025-08-17 20:04 漫思 阅读(45) 评论(0) 推荐(0)
如何在Node.js中执行shell命令
摘要：
mu lianju 八零后逗比老程序猿 创作声明：包含 AI 辅助创作 3 人赞同了该文章 Node.js可以通过child_process模块执行shell命令和脚本。主要有以下几种方法: 使用exec() exec()方法可以执行shell命令,并缓冲输出结果。适用于短时间的命令，获取完整的输出 阅读全文
posted @ 2025-08-16 20:22 漫思 阅读(19) 评论(0) 推荐(0)
Node.js 命令行库
摘要：
123 Node.js 提供了多种命令行工具库，用于开发高效、交互性强的 CLI 应用程序。这些库可以帮助开发者快速实现命令解析、用户交互、状态显示等功能，从而提升开发效率和用户体验。 常用命令行库 1. Commander Commander 是一个功能强大的命令行参数解析库，适用于定义命令和选项 阅读全文
posted @ 2025-08-16 20:22 漫思 阅读(30) 评论(0) 推荐(0)
Node.js EventEmitter
摘要：
Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。 Node.js 里面的许多对象都会分发事件：一个 net.Server 对象会在每次有新连接时触发一个事件， 一个 fs.readStream 对象会在文件被打开的时候触发一个事件。 所有这些产生事件的对象都是 event 阅读全文
posted @ 2025-08-14 19:21 漫思 阅读(18) 评论(0) 推荐(0)
path.resolve([...paths])
摘要：
返回上层文档 新增于: v0.3.4 ...paths <string> 路径或路径片段的序列 返回：<string> path.resolve() 方法将路径或路径片段的序列解析为绝对路径。 给定的路径序列从右到左处理，每个后续的 path 会被追加到前面，直到构建绝对路径。例如，给定路径段的顺序 阅读全文
posted @ 2025-08-14 19:21 漫思 阅读(18) 评论(0) 推荐(0)
2025年：是时候重新认识System.Text.Json了
摘要：
曾几何时，在.NET的世界里，Newtonsoft.Json如同一位德高望重的王者，无人不晓。直到有一天，一位名叫System.Text.Json（后文简称STJ）的新贵悄然登场。它出身名门（.NET官方），身怀绝技（号称性能超群），本应是明日之星，却被无数开发者贴上了“坑王”、“难用”、“反人类” 阅读全文
posted @ 2025-07-30 19:21 漫思 阅读(34) 评论(0) 推荐(0)
npm npx使用教程
摘要：
npm 从5.2版开始，增加了 npx 命令。它有很多用处，本文介绍该命令的主要使用场景。Node 自带 npm 模块，所以可以直接使用 npx 命令。万一不能用，就要手动安装一下。 $ npm install -g npx 调用项目安装的模块 npx 想要解决的主要问题，就是调用项目内部安装的模块 阅读全文
posted @ 2025-07-27 17:59 漫思 阅读(542) 评论(0) 推荐(0)
鸭子挠头表情
摘要：
鸭子挠头表情包是，表示正在思考的意思，包含着对当前事物或面临问题的不知所措。 阅读全文
posted @ 2025-07-25 19:00 漫思 阅读(23) 评论(0) 推荐(0)
【axios】axios拦截器 实现路由跳转、用户登录及token验证
摘要：
【axios】axios拦截器 实现路由跳转、用户登录及token验证_axios拦截器验证用户-CSDN博客 阅读全文
posted @ 2025-07-24 14:44 漫思 阅读(23) 评论(0) 推荐(0)
vue3的taro项目报错Error: chunk common [mini-css-extract-plugin]
摘要：
2024-11-14294阅读1分钟 专栏： 在哪跌倒在哪里爬起来 原因： mini-css-extract-plugin这个插件抛出的，该插件主要是将 CSS 样式抽离出来到一个文件内，它的特点是不会重复编译 CSS 文件。引起这些警告的原因就是我们在项目中引用组件的时候引用的顺序不同，导致该插件 阅读全文
posted @ 2025-07-24 12:56 漫思 阅读(46) 评论(0) 推荐(0)
脚手架工具
摘要：
1、Terser is an industry-standard minifier for JavaScript code. Terser 2、Parcel combines a great out-of-the-box development experience with a scalable 阅读全文
posted @ 2025-07-24 12:54 漫思 阅读(11) 评论(0) 推荐(0)
阿里巴巴项目管理的步骤
摘要：
1、需求评审，组织评审会 2、prd评审，组织评审会 3、urd评审，组织评审会 4、CICD 5、测试 6、上线 7、验收 阅读全文
posted @ 2025-07-14 10:15 漫思 阅读(35) 评论(0) 推荐(0)
前端代办
摘要：
1、react-router脚手架的项目基于vite部分的SSR和CRS双重性质的项目应该如何部署，既然是ssr，那typeorm那堆东西忘哪里搞呢 2、react-router如何和title进行绑定 3、对于koa2 3 项目，除了ts-node 1.ts 启动作为命令行工具的方式之外，需要bu 阅读全文
posted @ 2025-07-14 00:06 漫思 阅读(16) 评论(0) 推荐(0)
Rspack
摘要：
Rspack 是一个基于 Rust 编写的高性能 JavaScript 打包工具， 它提供对 webpack 生态良好的兼容性，能够无缝替换 webpack， 并提供闪电般的构建速度。 阅读全文
posted @ 2025-07-11 20:55 漫思 阅读(41) 评论(0) 推荐(0)
【React】探讨className的正确使用方式
摘要：
努力的派大星星2024-08-04 10:16 文章目录 一、`className`的正确用法 二、常见错误解析 三、实例解析 四、错误分析与解决 五、注意事项 六、总结 在React开发中，正确使用className属性对组件进行样式设置至关重要。然而，由于JavaScript和JSX的特殊性，开 阅读全文
posted @ 2025-07-11 20:54 漫思 阅读(174) 评论(0) 推荐(0)
react className的2种变量写法
摘要：
ES6新增的不少语法都是极好用的， 在拼接变量与字符串时，模版字符串``就是典型的用法 以下是2种写法 1 <div className={"bubble-box" +' '+`${item.class}`} key={index} style={{left:`${item.left}px`,top 阅读全文
posted @ 2025-07-11 20:53 漫思 阅读(25) 评论(0) 推荐(0)
聊聊 React 中的 css-in-js
摘要：
2022-03-045,737阅读5分钟 一、传统class的痛点 随着React、Vue等支持组件化的MVVM前端框架越来越流行，在js中直接编写css的技术方案也越来越被大家所接受。 为什么前端开发者们更青睐于这些css-in-js的方案呢？我觉得关键原因有以下几点： 1、css在设计之初对“组 阅读全文
posted @ 2025-07-11 20:53 漫思 阅读(23) 评论(0) 推荐(0)
一文详解 CSS-in-JS
摘要：
阿里云开发者 已认证机构号 关注 来自专栏 · 内容精选合集 41 人赞同了该文章 简介：CSS-in-JS是一种样式化技术，其中 JavaScript 用于样式化组件。解析此 JavaScript 时，将生成 CSS（通常作为 几年前，如果有人提到用 JavaScript 编写 HTML 阅读全文
posted @ 2025-07-11 20:53 漫思 阅读(39) 评论(0) 推荐(0)
CSS in JS (JSS)
摘要：
JSS 是什么# 简单来说，一句话概括CSS in JS (JSS)，就是"行内样式"（inline style）和"行内脚本"（inline script）。 因为，自从React出现以后，基于组件化的要求，强制把HTML、CSS、JavaScript捆绑在一起，在同一个文件里面，封装了结构、样式 阅读全文
posted @ 2025-07-11 20:53 漫思 阅读(188) 评论(0) 推荐(0)
使用 CSS-in-JS
摘要：
linaria 在 React 社区有一个著名的 CSS-in-JS 解决方案: styled-components。但遗憾的是，styled-components 使用 <style> 标签来动态地控制样式，在小程序没有类似的方案。但我们可以通过 linaria 实现同样的功能，linaria 主 阅读全文
posted @ 2025-07-11 20:52 漫思 阅读(38) 评论(0) 推荐(0)
CSS 函数和混合模块说明
摘要：
Geoff Graham 于 2024年8月1日 大多数时候，我都在编写原生 CSS。 由于 CSS 变量和嵌套，我很少需要使用 Sass 或其他预处理器。 我使用 Sass 的时候通常是需要一个 @mixin 来循环遍历项目列表或帮助保持通用样式的 DRY（Don't Repeat Yoursel 阅读全文
posted @ 2025-07-11 20:52 漫思 阅读(15) 评论(0) 推荐(0)
揭秘CSS Modules：如何实现全局与模块化的完美融合
摘要：
CSS 2025-01-29 0° CSS Modules 是一种在 JavaScript 和其他一些前端框架中广泛使用的 CSS 模块化解决方案。它通过将样式表限制在其所在组件的作用域内，避免了全局样式冲突的问题。本篇文章将深入探讨 CSS Modules 的原理、使用方法以及如何实现全局与模块化 阅读全文
posted @ 2025-07-11 20:51 漫思 阅读(54) 评论(0) 推荐(0)
CSS Modules 用法教程
摘要：
作者： 阮一峰 日期： 2016年6月10日 学过网页开发就会知道，CSS 不能算编程语言，只是网页样式的一种描述方法。 为了让 CSS 也能适用软件工程方法，程序员想了各种办法，让它变得像一门编程语言。从最早的Less、SASS，到后来的 PostCSS，再到最近的 CSS in JS，都是为了解 阅读全文
posted @ 2025-07-11 20:51 漫思 阅读(18) 评论(0) 推荐(0)
webpack项目轻松混用css module
摘要：
前言 本文讲述css-loader开启css模块功能之后，如何与引用的npm包中样式文件不产生冲突。比如antd-mobilenpm包的引入。在不做特殊处理的前提下，样式文件将会被转译成css module。 一、产生问题的原因 { test: /\.css$/, use: [ 'style-loa 阅读全文
posted @ 2025-07-11 20:51 漫思 阅读(28) 评论(0) 推荐(0)
深入分析 CSS-in-JS
摘要：
wind 十多年编程经验，现任大厂架构师，全力探索AI前沿技术 关注他 7 人赞同了该文章 比选择一个 JavaScript 框架更有挑战的是什么呢？你猜对了：选择一个 CSS-in-JS 方案。为什么？因为现在已经有 50 个以上的库，而且每个库都有独一无二的特色。 我们测试了 10 个不同的库 阅读全文
posted @ 2025-07-11 20:50 漫思 阅读(72) 评论(0) 推荐(0)
CSS-in-JS 指南
摘要：
2023-02-138,308阅读8分钟 专栏： 前端 开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 3 天，点击查看活动详情 CSS-in-JS 指南 开发人员在使用 JavaScript 框架时经常面临的一个难题是是否使用 CSS-in-JS。如果你是 React 开发人 阅读全文
posted @ 2025-07-11 20:50 漫思 阅读(50) 评论(0) 推荐(0)
React技术2-集成 less 和 css-module
摘要：
2020-05-235,865阅读4分钟 React技术2-集成 less 和 css-module 前沿 我们沿着上一篇文章(React技术1-集成react router)的内容进行集成 less 和 css mmodule。 现在应该 90% 的前端开发都会使用 .less 文件来进行样式编写 阅读全文
posted @ 2025-07-11 20:49 漫思 阅读(13) 评论(0) 推荐(0)
react之只用classNames避免字符串拼接
摘要：
之前在react当中使用了字符串拼接的方式来拼接类名的字符串，这种方法不仅不够方便，还会出现很多问题 使用classNames这个工具，可以省去拼接字符串的烦恼，大大提高开发效率 首先，最简单的使用方法 import classNames from "classnames"classNames('f 阅读全文
posted @ 2025-07-11 20:48 漫思 阅读(17) 评论(0) 推荐(0)
使用Tailwind CSS必须知道的24个组件库
摘要：
Tailwind 是一个实用程序优先的 CSS 框架，提供了一整套预先设计的样式和组件，使您可以轻松创建令人惊叹的 UI，而无需自定义 CSS。 然而，即使拥有 Tailwind 大量的预先设计的样式，从头开始构建网站或应用程序仍然是一项艰巨的任务。这就是 Tailwind 组件库派上用场的地方。在 阅读全文
posted @ 2025-07-08 13:35 漫思 阅读(176) 评论(0) 推荐(0)
使用Tailwind CSS必须知道的29个组件库
摘要：
Tailwind 是一个实用程序优先的 CSS 框架，提供了一整套预先设计的样式和组件，使您可以轻松创建令人惊叹的 UI，而无需自定义 CSS。 然而，即使拥有 Tailwind 大量的预先设计的样式，从头开始构建网站或应用程序仍然是一项艰巨的任务。这就是 Tailwind 组件库派上用场的地方。在 阅读全文
posted @ 2025-07-08 13:31 漫思 阅读(292) 评论(0) 推荐(0)
28 个最佳 Tailwind CSS 组件库
摘要：
eagle 系统架构师 关注 29 人赞同了该文章 Tailwind 是一个实用程序优先的 CSS 框架，提供了一整套预先设计的样式和组件，使您可以轻松创建令人惊叹的 UI，而无需自定义 CSS。 然而，即使拥有 Tailwind 大量的预先设计的样式，从头开始构建网站或应用程序仍然是一项艰巨的任 阅读全文
posted @ 2025-07-08 13:31 漫思 阅读(1815) 评论(0) 推荐(0)
浙公网安备 33010602011771号