JavaScript
文章平均质量分 60
会写代码的年轻人
这个作者很懒,什么都没留下…
展开
-
react - 自己实现一个图片预览器
从 0 => 1 实现一个图片预览,操作的组件实现功能:缩放旋转移动切换的动画分享可导出多种格式(支持下载)水印待定ok,先做下准备工作我们先定义一个类,用来定义我们所需要的变量外部只需传进来一个图片url,我们即可实现上面的功能定义一个方法类,用来写我们的功能方法,这里写了个缩放试了下代码定义一个渲染dom的类,因为我们的图片节点都是js创建的这俩方法测试用最后,写一个Image类暴露给外部到这已经能跑通了,能实现缩放...原创 2021-07-05 22:17:50 · 945 阅读 · 0 评论 -
手写js的方法,持续更新
每天至少一个手写方法,简略实现javascript的一些内置方法,有问题请指出~~~extendfunction _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 · 226 阅读 · 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;}splicenums1.splice(m, n, ...nums2);/原创 2021-06-01 23:41:20 · 122 阅读 · 0 评论 -
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 · 1147 阅读 · 0 评论 -
JavaScript判断元素是否进入视口
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-05-28 17:21:19 · 2584 阅读 · 5 评论