
笔记
文章平均质量分 58
认真的小孩有糖吃
这个作者很懒,什么都没留下…
展开
-
react-dnd拖拽表单组件列表实例
API 学习:https://blog.youkuaiyun.com/gaofeng6565/article/details/115696823项目准备:https://codepen.io/选择React,AntDesign 模式,添加依赖 react-dnd(@14.0.2),react-dnd-html5-backend(@14.0.0)ListDrag.jsimport React, { useState } from "react";import { Button } from "antd".原创 2021-04-14 14:28:28 · 1342 阅读 · 2 评论 -
react-dnd实现拖拽API学习
官网文档链接:https://react-dnd.github.io/react-dnd/docs/overviewReact DnD 是什么?React DnD是React和Redux核心作者 Dan Abramov创造的一组React 高阶组件,可以在保持组件分离的前提下帮助构建复杂的拖放接口。React DnD 的需求默认使用 HTML5 拖放API,但支持 不直接操作 DOM DOM 和拖放的源和目标解耦 融入HTML5拖放中窃取类型匹配和数据传递的想法React DnD 的原创 2021-04-14 14:11:06 · 1244 阅读 · 0 评论 -
slice, concat拷贝数据的理解
众所周知,数组在JavaScript中如果简单的赋值[数组A] = [数组B],那么AB是共用同一个内存地址,修改A/B中任何一个都会造成两者一起变化。这个时候就涉及到数组拷贝问题使用slice()/concat()返回新数组实现拷贝这种方法可以很简单的实现数组拷贝,直接调用数组方法,在代码中一句话就能搞定。arr.slice(0): 数组的slice(star,end)方法,通过传入的参数截取数组,并且返回,截取后的数组,如果开头无结尾,就截取从开头到结尾的所有数据,slice()方法的数组是从原创 2021-03-20 19:39:46 · 434 阅读 · 0 评论 -
2021需要了解的JavaScript优化技巧
在这里,我会介绍一些新的语法糖,它可以优化你的 JavaScript 代码,使代码更简洁。下面是一份JavaScript 语法糖列表,你需要了解一下。1.包含多个条件的if语句//longhandif (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') { //logic}//shorthandif(['abc','def','ghi','jkl'].includes(x)){ }2. if...els.原创 2021-03-20 19:28:25 · 230 阅读 · 0 评论 -
虚拟DOM也是操作DOM,为什么说它快?
1. 虚拟DOM也是操作DOM,为什么说它快?虚拟DOM 不会进行排版和重绘操作。 虚拟DOM 进行频繁修改,然后一次性比较并修改真实DOM 中需要改的部分,最后在真实DOM 中进行排版与重绘,减少过多DOM节点排版与重绘损耗 真实DOM 频繁排版与重绘的效率是相当低的 虚拟DOM有效降低大面积(真实DOM节点)的重绘月排版,因为最终与真实DOM比较差异,可以只渲染局部 总之,一切为了减少频繁的大面积重绘引发的性能问题,不同框架不一定需要虚拟DOM, 关键看框架是否频繁会引发大面积的DOM操作原创 2021-03-10 13:37:11 · 726 阅读 · 5 评论 -
Node.js 文件路径
系统中的每个文件都有路径。在Linux 和 macOS 上,路径可能类似于:/users/ca/file.txt在Windows 上则有所不同,具有类似一下的结构:C:\users\ca\file.txt当在应用程序中使用路径时需要注意,因为必须考虑到这种差异。可以使用以下方式将此模块引入到文件中:const path = reuqire("path");从路径中获取信息给定一个路径,可以使用以下方法从其中提取信息:dirname : 获取文件的父文件夹。 bas原创 2021-02-26 14:31:03 · 255 阅读 · 1 评论 -
nodejs内置模块fs的使用
fs.stat 检测是文件还是目录 fs.mkdir 创建目录 fs.writeFile 创建写入文件 fs.appendFile 追加文件 fs.readFile 读取文件 fs.readdir 读取目录 fs.rename 重命名 fs.rmdir 删除目录 fs.unlink 删除文件 fs.createReadStream 从文件流中读取数据 fs.createWriteStream 写入文件 fs.stat检测是文件还是目录 const fs=require(原创 2021-02-23 17:18:27 · 414 阅读 · 2 评论 -
微信小程序背景音频播放
在onShow函数中const backgroundAudioManager = wx.getBackgroundAudioManager()backgroundAudioManager.title = '此时此刻'backgroundAudioManager.epname = '此时此刻'backgroundAudioManager.singer = '许巍'backgroundAudioManager.coverImgUrl = 'http://y.gtimg.cn/music/phot原创 2021-02-22 16:43:27 · 296 阅读 · 0 评论 -
git创建分支,提交代码,删除分支
拉取代码:(默认拉取的是master分支的代码)git clone https://xxxxxx.gitgit branch 查看本地分支git branch -a 查看远程端的所有分支创建分支:(默认是基于当前所在分支创建的)git checkout -b feature/aaa 本地多了一个分支名为 pgf 并且会自动切换到当前分支git add . 提交修改的/ 新建的内容到暂存区git commit -m "提交内容的描述信息" 把暂存区的内容添加到本地仓库g...原创 2021-02-19 15:59:15 · 307 阅读 · 0 评论 -
数组去重的方法总结
1、最简单方法(indexOf 方法)实现思路:新建一个数组,遍历要去重的数组,当值不在新数组的时候(indexOf 为 -1)就加入该新数组中;function unique(arr){ var newArr = []; for(var i = 0; i < arr.length; i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]) } }原创 2020-08-10 17:15:29 · 287 阅读 · 0 评论 -
js对象、原型、继承(学习篇)
想要搞清楚 原型、原型链、继承 这一堆概念之前首先要搞清楚 对象 是啥ECMAScript 中的对象其实就是一组数据和功能的集合。 ——— javascript 高级编程设计第三版对象是一种数据类型,js 中的数据类型分为 原始类型 和 引用类型,原始类型也叫基本类型或者值类型。原始类型:Undefined、Null、Boolean、Number、String引用类型:Object上面提到了 Undefined、Null 这两种数据类...转载 2020-08-05 16:28:55 · 194 阅读 · 0 评论