- 博客(32)
- 收藏
- 关注
RSS订阅原创 设计模式之单例模式
我们实现一个简单的单例模式，进行实例化的过程中我们先判断实例是否存在，如果不存在则new一个，存在那就返回该实例。多次调用都是返回同一个实例对象。只有一个实例，全局可访问该实例。
2024-04-07 22:53:26
332
原创 前端的拖拽序列(drag)
但此时，拖住的元素也是虚线的，因为拖住的时候，原始的元素就改变了，拖住的元素的样式是根据原来的样式来决定的，所以我们可以放入一个异步里，也就是setTimeout中（用了事件委托）我们通过判断是上移还是下移来决定元素的排序，如果是上移，那么拖住的元素要插入进入的元素之前，如果是下移，那么拖住的元素要插入拖入元素的下一个同类元素的前面，这是上移和下移的区别。这样就可以通过indexOf获取对应元素的索引，比如拖住的元素的索引，和进入元素的索引。但为啥原来的位置也变成异步了？html和css代码如下。
2024-03-28 22:49:04
857
原创 实现数组的扁平化
使用递归的思想实现了数组的扁平化，通过Array.isArray判断每一项是否为数组，如果是则继续遍历，最后通过concat拼接两数组。
2023-11-29 20:28:14
58
原创 手写防抖函数
防抖是前端经常用到的技术，他的功能是其实是延迟函数的执行，只有当等待了一段时间也没有事件触发时，才会真正去执行函数，如果在这期间有事件触发则重新计时，可以理解为王者荣耀中的回城，被打断需要重新回城。下面是防抖函数的简单实现。
2023-10-05 23:24:08
83
原创 Redux Toolkit(ts)的基本使用
在src文件夹下创建couter文件夹，创建counter.tsx文件，创建hooks组件。counterSlice导入reducer函数并将其添加到我们的store中。参数，我们告诉store使用这个slicereducer函数来处理该状态的所有更新。在src文件夹下创建store文件夹再创建index.js，创建redux。在store文件夹下创建slice文件夹，再创建counter.ts。在index.tsx中通过Provider组件将App组件包裹。
2023-09-08 22:25:31
489
1
原创 Vue+nodejs+mysql茶叶销售商场项目笔记（支付懒得写版
Express-generator是Express的应用生成器，通过使用生成器工具，可以快速创建一个Express的应用骨架，express --view=ejs server 创建server文件夹，默认端口号为3000。flexible.js是手淘开发出的一个用来适配移动端的js框架。在main.js中引入flexible.js。然后在main.js中导入common.css。
2023-07-29 16:58:13
246
原创 React新闻发布管理系统笔记
创建组件的样式文件，Child.module.css,其中module必须加，然后引入样式，通过style的方式获取class类或id标签。
2023-07-16 14:45:06
215
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人