小编Sam*_*Sam的帖子
Visual Studio：在嵌入式babel脚本中自动完成HTML标记
我有一个带有嵌入式babel脚本的html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>React tutorial</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.2/browser.min.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
</script>
</body>
</html>
我希望在babel脚本中输入内容时
<script type="text/babel">
</script>
然后输入类似<div>该软件的内容</div>，方法是在
Visual Studio市场上的auto close tag扩展程序和sublime babel扩展程序都无法做到这一点。
我也跟着的建议这篇文章，并创建了一个名为文件.vscode/settings.json包含
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"emmet.triggerExpansionOnTab": true
"emmet.includeLanguages": {
"javascript": "html"
}
而且这也没有效果。
推荐指数
解决办法
查看次数
通过中间带有“...”的管道打印文件的前几行和最后几行
问题描述
这是我的文件
1
2
3
4
5
6
7
8
9
10
我想通过管道发送该文件的 cat 输出并接收该文件
% cat file | some_command
1
2
...
9
10
尝试过的解决方案
这是我尝试过的一些解决方案及其输出
% cat temp | (head -n2 && echo '...' && tail -n2)
1
2
...
% cat temp | tee >(head -n3) >(tail -n3) >/dev/null
1
2
3
8
9
10
# I don't know how to get the ...
% cat temp | sed -e 1b -e '$!d'
1
10
% cat …推荐指数
解决办法
查看次数
HIstory 命令只显示最后 15 个命令
我输入命令history
它显示了最近的15条命令，前面的988条命令在哪里。
989 yarn android
990 /Dir/firebase_dummy_app/chatroom/node_modules/react-native/scripts/launchPackager.command ; exit;
991 yarn android
992 source ~/.bashrc
993 cd Documents
994 ls
995 rm -rf firebase_dummy_app
996 expo init
997 cd firesbaseDummy
998 yarn android
999 cd ..
1000 rm -rf firesbaseDummy
1001 /Dir/firesbaseDummy/node_modules/react-native/scripts/launchPackager.command ; exit;
1002 /Dir/firebaseChat/node_modules/react-native/scripts/launchPackager.command ; exit;
1003 history
1004 history
即使history | grep 'rm'我知道我做了什么，之前的命令都不会出现
如果我继续输入终端命令，数字会增加，但我仍然仅限于 15。（例如，将显示命令 995-1010
当我关闭终端应用程序并重新打开它时，它会继续发生
终端是 MacOS Catalina 上的 zsh
推荐指数
解决办法
查看次数
根据音色（音调）按相似度对声音进行排序
解释
我希望能够根据声音的音色（音调）对列表中的声音集合进行排序。这是一个玩具示例，其中我手动对我创建并上传到此存储库的 12 个声音文件的声谱图进行了排序。我知道这些已正确排序，因为每个文件生成的声音与之前文件中的声音完全相同，但添加了一个效果或过滤器。
例如，声音的正确排序x，y以及z
- 声音x和y是相同的，但y有失真效果
- 声音 y 和 z 是相同的，但 z 过滤掉高频
- 声音x和z是一样的，但是z有失真效果，z过滤掉高频
将会x, y, z
只需查看声谱图，我就可以看到一些视觉指示符，暗示应如何对声音进行排序，但我希望通过让计算机识别这些指示符来自动化排序过程。
上图中声音的声音文件
- 长度都相同
- 所有相同的音符/音调
- 一切都在同一时间开始。
- 所有相同的幅度（响度级别）
即使所有这些条件都不成立，我希望我的排序能够工作（但即使它不能解决这个问题，我也会接受最佳答案）
例如，在下图中
- 与第一幅图像中的 MFCC_8 相比，MFCC_8 的开头发生了偏移
- MFCC_9 与第一张图像中的 MFCC_9 相同，但有重复（因此长度是其两倍）
如果第一张图片中的 MFCC_8 和 MFCC_9 替换为下图中的 MFCC_8 和 MFCC_9，我希望声音的排序保持完全相同。
对于我的真实程序，我打算通过像这样的声音更改来分解 mp3 文件
到目前为止我的计划
这是生成本文中第一张图像的程序。我需要将函数中的代码sort_sound_files替换为一些实际上根据音色对声音文件进行排序的代码。需要完成的部分位于该存储库的底部附近和声音文件。我的jupyter 笔记本中也有这段代码，其中还包括第二个示例，该示例更类似于我实际希望该程序执行的操作
import librosa
import librosa.display
import matplotlib.pyplot as plt
import numpy as np
import math …推荐指数
解决办法
查看次数
绘制歌曲中每个独特声音循环的时间范围，使用 python Librosa 按声音相似度对行进行排序
背景
这是来自电子歌曲的歌曲剪辑视频。在视频的开头，歌曲全速播放。当您放慢歌曲速度时，您可以听到歌曲使用的所有独特声音。其中一些声音重复。
问题描述
我想要做的是创建一个像下面这样的视觉效果，其中为每个独特的声音创建一个水平轨道/行，该轨道上有一个彩色块，对应于声音播放的歌曲中的每个时间帧。音轨/行应按声音与每个音轨的相似程度排序，越相似的声音越靠近。如果声音完全相同，以至于人类无法区分它们，那么它们应该被视为相同的声音。
- 如果它通常可以满足我的要求，我会接受一个不完美的解决方案
- 观看上面链接的视频，了解我所说的内容。它包括一个我手动创建的视觉网格，它几乎与我试图生成的网格相匹配。
例如，如果下面的 5 个波中的每一个都代表声音产生的声波，则这些声音中的每一个都将被视为相似，并且将在网格上垂直放置在一起。
尝试
我一直在看一个例子拉普拉斯分割在librosa。标记为结构组件的图形看起来可能正是我所需要的。从阅读论文来看，他们似乎试图将歌曲分解为合唱、诗歌、桥段等片段……但我实际上是在尝试将歌曲分解为 1 或 2 个节拍片段。
这是拉普拉斯分割的代码（如果您愿意，也可以使用Jupyter Notebook）。
# -*- coding: utf-8 -*-
"""
======================
Laplacian segmentation
======================
This notebook implements the laplacian segmentation method of
`McFee and Ellis, 2014 <http://bmcfee.github.io/papers/ismir2014_spectral.pdf>`_,
with a couple of minor stability improvements.
Throughout the example, we will refer to equations in the paper by number, so it will be
helpful …推荐指数
解决办法
查看次数
页面加载后在React中加载第三方iframe，这样iframe就不会影响PageSpeed分数
我有一个iframe加载第三方小部件的。我只想iframe在页面加载后显示此内容，因为我不想减慢页面加载速度。我遵循了一篇中等文章，其中描述了如何执行此操作，但他们的解决方案不起作用，因为函数onload,finishLoading从未被调用
export default ({src, width, height}) => {
const [loading, stillLoading] = useState(true)
const finishLoading = () => {
alert('finished loading')
stillLoading(false)
}
...
return(
{loading ? '' :
<iframe
src={src}
width={width}
height={height}
scrolling="no"
onLoad={finishLoading}
>
className={`tpwidget flex-center-row`}>
</iframe>
}
)
}
更新
通过使用 useEffect，我可以让 iframe 在其他所有事情之后加载（理论上），但我发现删除 iframe 完全提高了我的 PageSpeed 分数，并且仅在（使用 useEffect）之后加载 iframe 并没有太大的积极效果关于页面速度。
如果有帮助，域名是suddensask.com，第三方小部件是亚马逊广告。
推荐指数
解决办法
查看次数
React Native：KeyboardAvoidingView 的子视图以不同的速度滞后/移动
我希望它们的所有子视图都以一种干净的动作移动，但是如果您查看 gif，您可以看到 Text 子视图和 TextInput 子视图重叠并以不同的速度移动。看起来 Text 子视图会立即调整其位置，而按钮和 TextInput 子视图以更轻松的缓中缓出方式调整其位置。
主要导出组件
class SearchScreen extends React.Component {
state = {search:""}
render(){
getArguments = {
search: this.state.search
}
return (
<KeyboardAvoidingView behavior="padding" style={styles.container}>
<Text style={styles.searchTitle}>Search for a Movie in the OMDB Database</Text>
<TextInput style={styles.searchField} onChangeText={text => this.setState({search:text})} ></TextInput>
<SearchButton navigation = {this.props.navigation} getArguments={getArguments}/>
</KeyboardAvoidingView>
)
}
}
造型
const styles = StyleSheet.create({
container: {
flex:1,
backgroundColor: '#C8FEFE',
alignItems: 'center',
justifyContent: 'center'
},
searchButton: {
marginTop: 20,
backgroundColor: '#24D9E8',
borderRadius: 5,
padding: 5 …推荐指数
解决办法
查看次数
Purge-css 正在删除所有 css 样式，而不仅仅是未使用的样式
我正在尝试使用 purgecss 删除任何未使用的 css，尤其是 Bootstrap 中未使用的 css。使用 Purgecss 设置，我所有的 css 都被删除了，只保留了内联样式。这意味着 purgecss 正在删除所有 css 类的样式，而不仅仅是未使用的样式。我想让我的配置正确，以便只删除未使用的 css 样式。
由于我的 React 应用程序也使用 Post-css，我正在尝试使用postcss-purgecss插件，并按照该链接中的说明进行设置。
这发生在开发和生产模式中。
你可以在这个 github repo 的这个分支上测试这个问题
您可以在此 url https://purge-css-failing.netlify.app/查看发生的结果
postcss.config.js
const purgecss = require('@fullhuman/postcss-purgecss');
module.exports = {
plugins: [
purgecss({
content: ['./src/**/*.html']
}),
]
};
webpack.config.js
const purgecss = require('@fullhuman/postcss-purgecss');
module.exports = {
plugins: [
purgecss({
content: ['./src/**/*.html']
}),
]
};
推荐指数
解决办法
查看次数
使用美丽的汤从多个 svg 帧创建循环 svg 动画
我有 3 个 svg。每个都是相同的图片，调整了几条曲线，例如。
我试图找到在 3 个 svg 中的每path一个id之间共享相同但包含不同d属性值的所有标签。
我希望这个程序从我作为输入的 svgs 创建一个循环的 svg 动画。例如，鉴于上面链接的 3 个 svg，我希望收到此 svg 作为结果
<svg height="30%" width="30%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;" version="1.1" viewBox="0 0 1425 1235" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink">
<g>
<path d="M90.388,477.489c7.93,5.522 42.72,23.778 123.168,25.247l45.723,-146.361c35.197,-88.293 103.007,-173.582 188.525,-226.095c195.6,-120.109 443.676,-217.47 662.8,28.084c104.856,117.503 230.626,438.387 191.262,597.334c-7.603,30.699 -25.306,55.182 -28.377,78.869c32.654,102.706 75.639,172.731 131.01,239.734c42.352,51.247 -23.008,47.671 -73.889,22.326c-42.381,-21.111 -117.313,-82.062 -151.526,-129.06c-23.69,21.907 -48.312,43.978 -72.72,75.938c-5.334,6.985 -13.545,14.662 -24.216,22.653c-60.06,-5.641 -138.855,-2.492 -223.856,10.82c-119.253,18.677 -220.758,52.665 -272.729,87.741c-4.774,-1.651 -9.453,-3.461 -14.054,-5.403c-100.972,-42.615 -148.831,-90.767 -202.921,-151.15c-4.588,81.511 -47.64,156.094 -73.572,182.59c-48.323,49.376 -110.427,65.954 -65.61,-50.043c32.486,-84.083 42.849,-170.372 27.032,-257.969c4.406,9.107 7.802,14.023 15.683,21.643c-4.451,-4.367 …推荐指数
解决办法
查看次数
在 iOS 上构建 RN 应用程序时无法找到最新的可用模拟器运行时 - Image.xcassets
我正在尝试对几个月没有接触过的应用程序进行一些调整。
我只是想使用 xCode 构建应用程序并收到此错误
我正在我的物理设备上运行该应用程序
我试过做
Product -> Clean build folder
和
yarn cache clean --force
但问题仍然存在。
更新 我也不断收到此错误
Failed to find or create execution context for description '<IBCocoaTouchPlatformToolDescription: 0x7f9a97966130> System content for IBCocoaTouchFramework-ThirteenAndLater <IBScaleFactorDeviceTypeDescription: 0x7f9a9565efe0> scaleFactor=2x'.
它消失了当我
- 清理了我的构建文件夹
- 删除了我的 node_modules、Pods、Podfile.lock 和 yarn.lock
但后来它又回来了
这是我的启动画面
推荐指数
解决办法
查看次数