youtbue-dl

egghead.io 免费视频的下载

适当做的改进

$copy($('h4 a').toArray().map((i)=>$(i).attr('href')).join('\n'))

以上命令来获得需要的url列表,一来方便,二来可以避免但url过长出现...导致youtube-dl无法正常下载的情况

直接把.m3u的地址给 youtube-dl 即可

如果你通过数组渲染出来的组件,之后是需要重新排序,并且排序之后的顺序又会影响原先的数组(类似双向数据绑定),那么不要简单的采用map函数传递过来的index作为key,这样会导致排序之后页面不会重新渲染,因为key是一样的.

当对应组件挂载到dom后,ref回调会被调用.按照 facebook 的说法,回调接受的参数为对应的组件. 如果是<div>则是DOM对象,如果一个自定义的组件的则是一个 react 组件. 这需要注意下.

既然获得了DOM对象的话就可以调用第三方库来装饰这个对象. 这是sortable的一个例子https://github.com/RubaXa/Sortable#support-react-es2015--typescript-syntax .

但是这样带来的一个问题就是:由于直接使用sortable,对应的组件就不能后端渲染了.