2024-02-02近日心血来潮想做一个开源项目，目标是做一款可以适配多端、功能完备的模板工程，包含后台管理系统和前台系统，开发者基于此项目进行裁剪和扩展来完成自己的功能开发。但前台系统花样繁多，可能是PC端浏览器，可能是微信网页，微信小程序，安卓，鸿蒙……因此笔者只能从个人的开发需求出发，搭建了原生vue3版、原生微信小程序版、原生react版和uniapp版的前台系统模板。创建uniapp项目可以使用官方提供的IDE工具HBuilderX可视化的创建，但项目结构与普通的vue项目有所不同；_uniapp vue3 pinia tailwindcss gulp

https://www.qianduange.cn//article/1065.html 分类：前端知识

2024-01-30使用reac-dnd，react-dnd-html5-backend实现节点拖动排序_backendfactory is not a function

https://www.qianduange.cn//article/838.html 分类：前端知识

2024-01-30render(_antd5 使用css-in-js的方式编写样式

https://www.qianduange.cn//article/793.html 分类：前端知识

2024-01-29请记住，这些配置可能需要根据你的具体项目需求进行调整。如果你使用的是如 Create react App 或 Next.js 这样的构建工具，它们可能已经内置了对 Sass 的支持，你可能不需要手动更改 Webpack 配置。如果你想使用 CSS Modules（这允许你将 CSS 类名局部化，以避免全局冲突），你可以调整。如果你想将 CSS 提取到单独的文件中，而不是将它们注入到 JavaScript 中，你可以使用。文件中，你需要添加一个规则来告诉 Webpack 如何处理。的替代品，更快且更可靠）。

https://www.qianduange.cn//article/760.html 分类：前端知识

2024-01-28在 react 之前的版本中，组件要么是函数组件，要么是类组件。函数组件可以使用纯函数的方式编写，但是没有状态（state）和其他 react 特性；类组件则可以拥有状态和其他 react 特性，但是需要使用 class 语法来定义。react Hooks 就是在函数组件中引入了状态和其他 react 特性的工具。useState：在函数组件中添加状态，相当于在类组件中使用 this.state。_react hooks 实战 pdf下载

https://www.qianduange.cn//article/588.html 分类：前端知识

2024-01-27react通过细粒度的控制，减少了实际DOM操作的次数，而Vue通过生成高效的渲染函数，减少了虚拟DOM操作的次数。c) 更新性能：react在处理数据频繁变化的情况下表现较好，它通过虚拟DOM的比对算法，只更新改变了的部分，减少了不必要的操作。Vue也在处理数据变化时表现良好，通过生成高效的渲染函数，减少了虚拟DOM操作的次数。b) 初始加载性能：Vue的初始加载性能较好，因为Vue的运行时版本相对较小，可以更快地下载和解析。Vue的扩展性能也不错，但相对来说稍弱一些，因为它的生态系统相对较小。

https://www.qianduange.cn//article/554.html 分类：前端知识

2024-01-27随着移动互联网的发展,前端技术也日新月异。如今流行的前端框架层出不穷,从Angular、react到Vue,每个框架都有自己的特色。但是学习任何一种新框架和技术都需要Certain一个过程,那么我们应该如何快速地上手一项新技能呢?本专栏将以Vue框架为例,分享作者在学习Vue过程中的一些心得与经验。Vue的基本特性与发展历程怎样快速学习Vue的基础语法如何应用Vue开发常见的组件一些提高Vue开发效率的技巧Vue生态系统中的常用工具及插件。

https://www.qianduange.cn//article/551.html 分类：前端知识

2024-01-26在我们前端开发当中，封装是种将代码和功能组织起来以便重复使用的方式。它可以使开发人员更高效地编写、维护和管理代码。本文将探讨前端封装的定义、重要性以及在Web开发中实施封装的方法。随着Web应用程序的复杂性不断增加，程序员需要应对各种挑战，如代码复用、维护性、可扩展性等。前端封装作为一种解决方案出现，旨在帮助开发人员更好地管理和组织代码。接下来我们一起探讨一下前端封装的概念和优势，并提供一些常见的实施封装的方法，以帮助大家更好地理解和应用前端封装。_react axios 封装

https://www.qianduange.cn//article/446.html 分类：前端知识

2024-01-26事实上CSS-In-JS的模式就是一种将样式(CSS)也写入到JavaScript中的方式，并且可以方便的使用JavaScript的状态;但是在前面的学习中，我们就提到过，react的思想中认为逻辑本身和UI是无法分离的，所以才会有了JSX的语法。我们创建的是一个styled组件, 那么既然是一个组件, 我们就可以通过组件的props属性传递数据的。我们可以在一个单独的js文件中, 设置一系列统一的主题相关的变量, 例如主题颜色, 字体大小等等。所以，目前可以说CSS-In-JS是react编写CSS。_react css in js

https://www.qianduange.cn//article/376.html 分类：前端知识

2024-01-25通过这个项目，你不仅可以学习如何使用 JavaScript 来实现一个小游戏，还可以熟练学习js操作dom、数据的常用方法、定时器setInterval、css样式、事件监听器以及实现需求的逻辑思维等等知识，对前面学习的一些理论知识进行了实践，相信你跟着一套教程下来会对前面学习到的知识有更深的理解。后续我们这个前端专栏还会讲述ES6、垃圾回收、js算法技巧、Vue入门实战、react实战、前端面试题。_js写贪吃蛇

https://www.qianduange.cn//article/262.html 分类：前端知识