会写代码的年轻人-CSDN博客

原创 react - 自己实现一个图片预览器

从 0 => 1 实现一个图片预览，操作的组件实现功能：缩放旋转移动切换的动画分享可导出多种格式（支持下载）水印待定 ok，先做下准备工作我们先定义一个类，用来定义我们所需要的变量外部只需传进来一个图片url，我们即可实现上面的功能定义一个方法类，用来写我们的功能方法，这里写了个缩放试了下代码定义一个渲染dom的类，因为我们的图片节点都是js创建的这俩方法测试用最后，写一个Image类暴露给外部到这已经能跑通了，能实现缩放 ...

2021-07-05 22:17:50 1113

原创记录一个错误: Cannot find module ‘./index.module.less‘ or its corresponding type declarations. TS2307

记录一个错误: Cannot find module ‘./index.module.less’ or its corresponding type declarations. TS2307 起初以为是craco的less配置错误了，后来一看错误是ts的，因为我是create-react-app + typescript + craco，不过这个错误只和typescript有关系，ts不认识less文件。解决办法，全局声明文件react-app-env.d.ts添加 /// <reference

2021-06-17 00:14:02 12245 2

原创手写js的方法，持续更新

每天至少一个手写方法，简略实现javascript的一些内置方法，有问题请指出～～～ extend function _extends(...arg) { const res = {}; for (let index = 0; index < arg.length; index++) { const obj = arg[index]; for (const v in obj) { if (Object.hasOwnProperty.call(obj, v)) {

2021-06-02 10:27:29 272 1

原创 88. 合并两个有序数组

88. 合并两个有序数组一开始以为是要return一个排序好的数组，没想到是改变nums1就好了。。。。思路： nums1其实是nums1本身的元素加上nums2的元素，只是nums2的元素在nums1里一开始是0，需要手动合并数组后排序。两种方法：循环加入 for (let i = 0; i < n; i++) { const v = nums2[i]; nums1[i + m] = v; } splice nums1.splice(m, n, ...nums2); /

2021-06-01 23:41:20 159

原创 ahooks:useClickAway

优雅的管理目标元素外点击事件的 Hook。读ahooks源码前置知识：node.contains( otherNode ) 字段说明 node 目标元素 otherNode 目标元素是否包含此dom节点 JavaScript的contains方法用来查看dom元素的包含关系这和dart、java的不一样。 dart的contains用来检查数组中是否包含目标元素简单实现 html: <body> <div id="box">box</di

2021-06-01 11:26:10 1261

原创 JavaScript判断元素是否进入视口

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-05-28 17:21:19 2736 5

转载 react事件处理、以及给函数传事件对象e

转自：https://react.docschina.org/docs/handling-events.html 一、onClick后面的方法如何处理 1: 没有在方法后面添加 “()”，应该为这个方法在constructor中绑定this class Toggle extends Component { constructor(props){ super(props); // 为...

2019-06-05 15:34:38 3077

qq_38160125的博客