- 博客(53)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React基础框架搭建11-env不同环境配置（基础结束）：react+router+redux+axios+Tailwind+webpack
env.development：用于开发环境。.env.production：用于生产环境。在 package.json 中配置脚本。.env.test：用于测试环境。1、创建不同的 .env 文件。
2026-01-12 10:51:07
72
原创 React基础框架搭建10-webpack配置：react+router+redux+axios+Tailwind+webpack
在根目录创建webpack.config.js。
2026-01-09 10:09:49
124
原创 React基础框架搭建9-实现 API 请求管理-mock数据：react+router+redux+axios+Tailwind+webpack
1、创建一个json数据到根目录mock.json。
2026-01-08 13:22:44
92
原创 React基础框架搭建8-axios封装与未封装，实现 API 请求管理：react+router+redux+axios+Tailwind+webpack
在 productSlice.js 中，可以添加异步操作来处理 API 请求。使用 Redux Toolkit 的 createAsyncThunk 来创建异步操作。在 ProductList.jsx 和 FeedbackForm.jsx 中，您需要使用这些异步操作来获取和添加产品。1、在 src/api/ 目录下创建一个新的文件 productService.js，用于管理所有的 API 请求。1、在 src/api/ 目录下创建一个新的文件api.js。一、api基础使用（未封装）
2026-01-07 09:24:08
345
原创 React基础框架搭建7-单元测试：react+router+redux+axios+Tailwind+webpack
【代码】React基础框架搭建7-测试：react+router+redux+axios+Tailwind+webpack。
2026-01-06 11:20:08
124
原创 React基础框架搭建6-添加业务模块示例（用于做一些示例/demo）：react+router+redux+axios+Tailwind+webpack
在 src/views/Home中创建__tests__文件夹，并创建Home.test.js文件。创建文件： src/views/Product/FeedbackForm.jsx。创建文件： src/views/Product/ProductList.jsx。在Auth文件夹下创建状态切片 authSlice.js。
2026-01-05 13:21:54
220
原创 React基础框架搭建5-路由配置：react+router+redux+axios+Tailwind+webpack
在 src 目录下创建一个 router 文件夹，并在其中创建 AppRouter.jsx 文件。在 src/views 目录下创建 About 文件夹，并在其中创建 About.jsx 文件。在 src/views 目录下创建 Home 文件夹，并在其中创建 Home.jsx 文件。3、引入 Redux Store 和路由组件。更新src/index.js。
2026-01-04 10:08:24
238
原创 react基础框架搭建4-tailwindcss配置：react+router+redux+axios+Tailwind+webpack
可以直接在 HTML 中使用一些类来快速构建样式，而无需编写自定义 CSS：bg-blue-500、text-center、p-4 等。配置文件tailwind.config.js只可以设置自定义主题、颜色、间距、字体等。4、补充说明-tailwindcss简介。可以加速css编写速度。
2025-12-31 14:44:34
365
原创 react基础框架搭建3-配置 Redux：react+router+redux+axios+Tailwind+webpack
react基础框架搭建3-配置 Redux：react+router+redux+axios+Tailwind+webpack
2025-12-31 11:37:15
286
原创 react基础框架搭建2-准备工作：react+router+redux+axios+Tailwind+webpack
2、以下是需要install的npm包。一、使用官方脚手架快速开始。另外有报错：（待查）
2025-12-30 16:20:02
504
原创 React基础框架搭建1-计划：react+router+redux+axios+Tailwind+webpack
│ │ ├── axiosInstance.js # Axios 实例配置。│ │ └── tailwind.css # Tailwind 配置。│ │ ├── index.js # Redux Store 配置。│ │ └── authSlice.js # 示例 Slice。│ │ └── userApi.js # 示例 API 模块。│ │ └── formatDate.js # 示例工具函数。│ │ └── useAuth.js # 示例 Hook。│ │ └── Button/ # 示例组件目录。
2025-12-29 13:41:11
696
原创 Vue3框架搭建：vue+vite+pina+typescript
Vue3框架搭建：vue+vite+pina+typescript，开发目录。
2024-07-08 10:48:35
561
2
原创 组件库设计与实践
组件库作为前端开发的基础设施，在提高开发效率、统一产品风格等方面发挥着关键作用。随着公司业务的快速发展和技术的不断更新,如何建立一个高质量、可持续发展的组件库，已经成为前端技术团队面临的重要挑战。
2024-05-19 13:23:14
1802
原创 【每日十分钟前端】基础篇21，为什么HTTPS更安全(SSL原理)、单行/多行文本溢出的省略样式、DOM常见的操作有哪些
1、[HTML]为什么HTTPS更安全(SSL原理)：对称加密、非对称加密、摘要、数字签名、数字证书。2、[CSS]单行/多行文本溢出的省略样式。3、[JS]DOM常见的操作有哪些？
2023-01-06 18:07:08
463
原创 【每日十分钟前端】基础篇20，HTTP与HTTPS、文字小于12px、执行上下文和执行栈
[HTML]什么是HTTP? HTTP 和 HTTPS 的区别?[CSS]让浏览器支持小于12px的文字方式（Chrome为例）？区别？[JS]JavaScript中执行上下文和执行栈是什么？
2022-12-06 14:48:40
522
原创 【每日十分钟前端】浏览器1，跨域解决方案
为何禁止跨域？同源是什么？同源带来的问题？为什么AJAX不可以跨域发送请求，而Form表单可以？ 跨域报错。跨域解决方案。
2022-06-08 11:35:41
381
原创 【每日十分钟前端】基础篇18，为什么会出现页面乱码？如何解决？、 BFC、IFC、GFC、FFC的区别、数据类型判断typeof与instanceof
1、[HTML] 为什么会出现页面乱码？如何解决？ 2、[CSS] BFC、IFC、GFC、FFC的区别是什么？ 3、[JS] 数据类型判断typeof与instanceof？
2022-05-19 14:53:43
1254
原创 【每日十分钟前端】基础篇17，HTML全局属性、CSS工程化的理解、JS中的同步和异步
1、[HTML] HTML 全局属性（Global Attribute）有哪些？2、[CSS] CSS工程化的理解3、[JS] JS中的同步和异步
2022-05-12 19:16:30
341
原创 【每日十分钟前端】浏览器2，浏览器解析渲染页面流程，HTML解析、CSS解析、布局绘制等
网页的关键渲染路径。浏览器从请求HTML、CSS、Javascript文件开始，到将它们最终以像素输出到屏幕上这一过程。1、解析HTML文本，构建DOM。2、解析CSS，构建CSSOM（CSS规则树）。3、合并DOM树和CSSOM，构建渲染树Render-Tree。4、布局Layout/Reflow，负责各元素尺寸、位置的计算。5、绘制Paint/Repaint，绘制页面像素信息，展示到屏幕上。
2022-04-18 18:27:29
875
1
原创 【每日十分钟前端】基础篇16，iframe解析及其优缺点、CSS性能优化、JS创建对象的方法
1、iframe 是什么？有什么优缺点？ 2、CSS性能优化？ 3、JavaScript有哪些方法定义对象？
2022-03-31 17:03:48
1486
原创 【每日十分钟前端】基础篇15，页面可见性、css优先级与权重、null与undefined的区别
1、页面可见性（Page Visibility） 2、css优先级与权重 3、null，undefined 的区别？
2022-03-30 13:58:41
1437
原创 【每日十分钟前端】基础篇14，300毫秒点击延迟问题、值和单位px、em、rem、vw/vh、JS如何实现继承
1、300 毫秒点击延迟问题？2、值和单位px、em、rem、vw/vh？3、JS 如何实现继承？
2022-03-29 16:02:00
964
原创 【每日十分钟前端】基础篇13，input里的name、块级元素和行内元素和空（void）元素、JS原型与原型链
1、在 input 里，name 有什么作用？2、块级元素和行内元素有什么区别？空（void）元素有那些？3、JS 原型是什么？如何理解原型链？
2022-03-22 18:29:27
1105
原创 【每日十分钟前端】基础篇12，meta viewport、line-height:2；与line-height:200%；、前端使用异步的场景
1、meta viewport 是做什么用的，怎么写？2、line-height: 2; 和 line-height: 200%; 有什么区别?3、前端使用异步的场景
2022-03-18 19:02:44
403
原创 【每日十分钟前端】基础篇11，data-属性的作用、元素“看不见”的方式、JS执行上下文栈和作用域链
1、data- 属性的作用？2、让一个元素“看不见”的方式有哪些？有什么区别？3、JS 执行上下文栈和作用域链的理解？
2022-03-18 15:55:58
1647
原创 【每日十分钟前端】基础篇10，placeholder属性、css3新特性、多行字符串声明
1、placeholder 属性有什么作用？2、css3新特性3、多行字符串的声明有哪几种常见写法？
2022-03-07 15:14:08
1028
原创 【每日十分钟前端】基础篇9，label作用与使用、IE盒模型和W3C盒模型、new的原理
1、label 有什么作用？如何使用？2、IE 盒模型和 W3C 盒模型有什么区别?3、new 的原理是什么？通过 new 的方式创建对象和通过字面量创建有什么区别？
2022-03-04 15:29:23
919
原创 【每日十分钟前端】基础篇8，html5有哪些新特性、移除了那些元素、元素居中、for...of、for...in和forEach、map的区别
1、html5有哪些新特性、移除了那些元素？2、如何让元素居中？水平居中的方法、垂直居中的方法、水平垂直居中的方法？3、for...of、 for...in 和 forEach、map 的区别？
2022-03-02 16:11:06
161
原创 【每日十分钟前端】基础篇7，SEO、清除浮动、数组API
1、前端需要注意哪些 SEO?2、清除浮动指什么？如何清除浮动？两种以上方法。浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响？3、数组有哪些 API ，哪些会改变原数组？
2022-02-28 19:15:50
391
原创 【每日十分钟前端】基础篇6，在HTML页面上展示 ‘＜div＞＜/div＞’字符串、1px边框变粗解决怎么解决，1px边框为什么会变粗、break与continue
1、如何在HTML页面上展示 这几个字符？2、1px边框变粗解决怎么解决，1px边框为什么会变粗？3、break与continue有什么区别？
2022-02-24 19:16:07
1087
原创 【每日十分钟前端】Vue篇1，Vue事件绑定原理是什么
1.原生dom事件的绑定,是通过addEventListener绑定给真实元素的；2.组件事件绑定是通过自定义$on方法实现的。 绑定事件通过使用 v-on:事件名=函数名 完成的1、原生标签dom的绑定vue中绑定事件是直接绑定给真的dom元素的。在解析得到VNode创建完毕后，绑定事件发生在开始挂载，创建dom之后的阶段。1、开始挂载VNode创建完毕，传入Vue.prototype._update这个函数，对VNode进行新旧对比，然后生成DOM挂载页面。2、创建DOM
2022-02-23 17:04:33
1037
原创 【每日十分钟前端】基础篇5，HTML和DOM的关系、id选择器和class选择器、JS中类型转换的规则
1.1、HTML和DOM的的理解，他们有什么区别和关系？1.2、你对网页标准和W3C重要性的理解?2、id选择器和class选择器的使用场景分别是什么？3、说一下JS中类型转换的规则？
2022-02-22 17:57:28
925
原创 【每日十分钟前端】基础篇4，HTML语义化、CSS 加载方式、NaN
1、HTML语义化是什么？2、CSS加载方式有几种？3、NaN是什么？有什么特别之处？
2022-02-21 15:43:45
493
原创 【每日十分钟前端】基础篇3，img标签的title和alt、css选择器、‘==‘与‘===‘
1、[HTML]的title和alt有什么区别？2、[CSS]CSS选择器常见的有几种？3、[JS]==与===有什么区别？
2022-02-17 18:29:36
688
一个非常基本的struts例子 struts环境搭配（固定账号用户登入）（附运行结果和配置过程）
2015-03-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人