- 博客(130)
- 收藏
- 关注
RSS订阅
原创 let和const与var的区别
目录一、定义二、let三、const四、代码演示四、循环中let和var声明的循环变量的区别4.1 事件的绑定4.2 循环变量存储的数据数值4.2.1 var声明的循环变量4.2.1 var声明的循环变量一、定义let和const是ES6新增的声明变量的关键词，之前声明变量的关键词是var。二、letvar定义的变量，可以预解析提前调用的结果是undefined，let定义的变量不能预解析，提前调用的结果是 报错。 var定义的变量，变量名称...
2022-02-12 10:23:15
44745
2
原创 基于System.js的微前端实现（插件化）
微前端（Micro Frontends）是一种前端架构的模式，旨在将大型前端应用拆分为多个独立的、可组合的小型前端模块。这些模块可以由不同的团队独立开发、部署和维护，最终在用户界面中无缝集成。微前端的核心思想类似于后端的微服务架构，通过模块化的方式降低系统复杂性，提高开发效率和扩展性。
2024-10-15 17:43:23
928
原创 发布NPM包详细流程
首先需要制作一个npm包。按照以下步骤依次执行。相信这一步不需要过多的解释，就是创建了一个文件夹，然后初始化了一下文件夹。然后在生成的package.json文件夹中更改一下自己的配置，例如包名、版本、描述等。然后创建src文件夹，在对应的地方写下你自己的函数即可。
2024-08-01 17:55:42
519
1
原创 webpack的基本介绍与使用
Webpack 是一个现代 JavaScript 应用程序的静态模块打包器（module bundler）。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
2024-07-23 16:39:39
1719
3
原创 React权限管理系统实现
整个代码段构建了一套复杂的权限管理系统，能够根据不同的业务场景（如团队、应用级别等）动态地获取并处理权限信息。它通过分层次的函数调用，实现了权限数据的解析、筛选和具体化，以支持系统在运行时进行细粒度的权限控制。
2024-05-30 11:43:51
775
原创 react-photo-view 的介绍、安装、使用。
react-photo-view 是一个基于 React 的图片查看器组件，用于在网页上展示和浏览图片
2023-12-08 17:53:59
2348
原创 react-lazyload 的介绍、安装、使用。
react-lazyload 是一个 React 组件，用于延迟加载（懒加载）页面上的图片或其他资源。
2023-12-08 17:35:26
1808
原创 Pinyin-pro的介绍、安装、使用
"Pinyin" 是汉字拼音的罗马字母拼写法，用于将汉字转换为拉丁字母。"pinyin-pro" 是一个专业的 JavaScript 中文转拼音的库，具备多音字识别准确、体积轻量、性能优异、功能丰富等特点
2023-12-08 16:08:59
2341
原创 nuxt3+ts+vue3的ssr项目总结
1.浅谈SSR，SEO，SPA2.NUXT3的基本使用3.NUXT3引入element plus4.NUXT3引入mavon-editor5.NUXT3中v-if与v-show的对比6.Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')7.NUXT3中含有el-tooltip所有组件服务器渲染异常
2023-08-30 23:43:09
6062
4
原创 分享一个国内的helm chart仓库
找到了国内的一个非常好用的helm chart仓库，应用齐全，介绍详细。（附带非常好用的一个开源的CI/CD工具（免费且方便））
2023-07-20 18:13:26
2213
5
原创 Scrapy的基本使用
主要记录了scrapy的一些基础使用（文件下载及路径名称修改，图片下载及路径名称修改，item浅拷贝导致的数据错乱，写入数据库）以及踩坑填坑的经历
2023-06-26 14:08:16
2547
原创 iframe的基本介绍与使用
一、iframe的基本介绍二、iframe的基本使用三、iframe的属性介绍四、iframe注意事项五、iframe的URL传参方法六、iframe的postMessage（）传参方法
2023-03-31 10:18:49
45349
原创 AntD-tree组件使用详析
一、selectedKeys与onSelect。二、expandedKeys与onExpand。三、loadedKeys与onLoad和onExpand。四、loadData。五、树节点局部节点刷新。六、递归获取与修改数据
2023-02-17 15:57:22
8146
2
原创 Antd-table全选踩坑记录
andt-table 中选中第一项会影响到后面的每一页的第一项的解决方法，以及全选如何选中所有数据而不是当前数据。
2023-02-09 11:28:37
3246
原创 Antd UI Switch组件 中 checked与defaultChecked踩坑记录
antd switch组件中属性checked 与 属性defaultChecked 的区别以及自己的踩坑记录。
2022-12-27 15:37:07
1951
原创 js获取某一时间到现在的总时间以及svg图标统一管理方法的封装
封装一个函数用于获取某一时间到当前时间的大概时长。封装一个函数用于svg图标的统一管理。
2022-12-22 14:15:07
494
原创 react使用umi-plugin-locale配置国际化
一、umi-plugin-locale是什么二、umi-plugin-locale的使用formatMessage FormattedMessage 方法使用 与传值三、语言随浏览器默认语言更换四、注意事项五、项目地址
2022-09-07 17:03:40
4802
2
原创 wangEditor5在vue中的基本使用
一、@wangEditor5的基本使用及配置二、@wangEditor5上传图片三、Module parse failed: Unexpected token (12828:18)You may need an appropriate loader to handle this file type.报错解决。四、@wangEditor5有序列表无需列表样式消失。......
2022-08-29 18:30:50
13073
8
原创 CodeMirror实现类似input框的 placeholder提示效果
在codemirror插件中实现一个类似于input框的placeholder效果，用来提示yaml文件如何书写
2022-08-08 16:13:44
2319
1
原创 React项目中的细节
1.&& 与 || 的具体使用2. 三元运算符的嵌套使用3. 空数组与空对象的处理4.activeKey的使用5.Form表单中限制汉字输入6.Form表单中前后不能输入空格7.Form表单中前后不能输入浮点数8.antd中tabs选中下划线去除...9.首字母大写10.只支持字母、数字和-_组合，并且必须以字母数字开始和结束
2022-07-15 16:38:52
652
原创 Antd中table的简单封装及render的使用
一、antd ui中 table组件的 render函数的使用以及简单封装二、antd 中table表格内td内容的折行处理。三、'destroyInactiveTabPane' tabs切换时销毁其他tabs栏内容
2022-07-12 18:29:21
10756
3
原创 css-in-js
一、介绍 CSS-in-JS是一种技术，而不是一个具体的库实现。简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面，而不是独立为一些css，scss或less之类的文件，这样你就可以在CSS中使用一些属于JS的诸如模块声明，变量定义，函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义。CSS-in-JS在React社区的热度是最高的，这是因为React本身不会管用户怎么去为组件定义样式的问题，而Vue有属于框架自己的一套定义样式的方案。 styled-comp
2022-04-20 11:17:13
4856
2
原创 React 之Router路由（含5.0与6.0版本）
一、路由介绍二、事前准备2.1 安装路由模块2.2 相关组件 三、V5版本路由使用3.1 声明式导航3.2 编程式导航3.3 嵌套路由3.4 路由传参3.5 重定向 与 4043.6 三种路由的渲染方式【了解】3.7 withRouter高阶组件3.8 自定义导航组件四、V6版本路由使用4.1 声明式导航4.2 编程式导航4.3 重定向与4044.4 传参4.5 嵌套路由4.6 批量配置路由
2022-04-19 18:45:21
9570
2
原创 React导入图片
方法一：import引入import React, { Component } from 'react';import './dom.css' // 方法一：引入赋值调用// 引入import Img from '../images/IMG_20191015_060554.jpg'class Dom extends Component {// 赋值state = { img:Img} render() { return (
2022-04-15 21:06:46
596
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人