我在网页中使用来自youtube开发网站的iframe API构建了一个无格式的youtube播放器.一切都像魅力一样,除非我在iPad或Android设备上查看我的页面,视频的音量和静音控件都不起作用.
_player.mute()
_player.setVolume(0);
Run Code Online (Sandbox Code Playgroud)
奇怪的是,其他控件可以工作,例如:
_player.pauseVideo();
_player.playVideo();
Run Code Online (Sandbox Code Playgroud) 我正在构建一个非常基本的 React 应用程序,方法是在我的 html 页面中包含 React 库脚本标签,并在脚本标签中加载我的组件。我没有使用模块或create-react-app. 我的组件如下所示:
提示.JS
class Tips extends React.Component {
constructor() {
super()
}
render() {
return (
<div>
<h1>Hello World</h1>
</div>
)
}
}
Run Code Online (Sandbox Code Playgroud)
我已经安装了 babel transpolar:
npm install babel-cli@6 babel-preset-react-app@3
Run Code Online (Sandbox Code Playgroud)
现在我可以将我的 JSX 组件转换为普通的 JS:
npx babel --watch src --out-dir . --presets react-app/prod
Run Code Online (Sandbox Code Playgroud)
这很好,但现在我还想编译 Typescript TSX,但是这些文档对如何将这些. 他们指的是Microsoft Typescript React Starter,但它使用了 Webpack,所以它不是相同的设置。
打字稿设置
nom install typescript
npx tsc --init
Run Code Online (Sandbox Code Playgroud)
配置文件
{
"compilerOptions": {
"rootDir": "src",
"outDir": "build"
},
}
Run Code Online (Sandbox Code Playgroud)
现在我应该可以运行了, …
我在我的CSS中使用Float,但是如果用户在小屏幕上我想要取消它.我的CSS与媒体查询工作正常,除了仍然应用"float:left"属性,即使在声明不应该使用它之后:
/* floating some buttons */
#n2, #n3 {
float:right;
}
/* but this is not removing the float: */
@media only screen and (min-width : 150px) and (max-width : 780px) {
#n2, #n3 {
clear: both !important;
}
}
Run Code Online (Sandbox Code Playgroud)
我怎样才能在某些情况下申请"浮动"?
我正在从Apple的swift教程中复制这个非常简单的代码行,但它会生成以下错误:
..不可用:半开放范围运算符..已重命名为.. < (奇怪的是,..未重命名为.. <)
var firstForLoop = 0
for i in 0..3 {
firstForLoop += i
}
Run Code Online (Sandbox Code Playgroud)
我试过添加"var":
for var i in 0..3 {
firstForLoop += i
}
Run Code Online (Sandbox Code Playgroud)
有点违反直觉,导致"我"被不明确!我希望我在第一个循环中不被识别,而不是第二个循环.
Typescript 有一个用于自动编译 Typescript 的配置选项,如此处所述。
{
"compileOnSave": true,
"compilerOptions": {
"noImplicitAny" : true
}
}
Run Code Online (Sandbox Code Playgroud)
但仅将其包含在我的 tsconfig.json 文件中不足以触发自动编译。我使用 MS Visual Studio Code 作为我的 IDE。如何触发“保存时编译”行为?
我想使用Physics.IgnoreCollision来避免子弹击中自己.子弹在第8层产生.为什么这不起作用?如何忽略同一层上所有事物的碰撞?
// bulletscript.cs
gameObject.layer = 8;
// maingamescript.cs
Physics.IgnoreCollision(8,8);
Run Code Online (Sandbox Code Playgroud)
第8层上可能还有其他对象也应该被忽略.(例如,玩家船).
当我尝试全局安装某些东西(gulp、sass、webpack 等)时,我sudo npm install packagename -g总是收到以下错误:
node-pre-gyp 警告命中错误 EACCES:权限被拒绝,mkdir '/usr/local/lib/node_modules/webpack/node_modules/fsevents/lib'
gyp WARN EACCES 用户“root”无权访问开发目录“/Users/erik/.node-gyp/11.11.0”
吉普 错误!堆栈错误:EACCES:权限被拒绝,mkdir '/usr/local/lib/node_modules/webpack/node_modules/fsevents/.node-gyp'
还有很多类似的错误。
我尝试使用“磁盘修复”来修复磁盘权限。我已经完全卸载并重新安装 Node.js。我尝试过有关堆栈溢出的其他答案,例如:
sudo chown -R $(whoami) ~/.npm
Run Code Online (Sandbox Code Playgroud)
和
sudo chown -R $(whoami) /usr/local/lib/node_modules
Run Code Online (Sandbox Code Playgroud)
但这并没有帮助。
如何修复权限以便再次安装全局 npm 包?
我正在运行 OS X Mojave 和 Node 11.11.0
我正在寻找一种将位图图像包裹在画布周围的方法,以获得无限滚动效果。我在看 EaselJS 但干净的 javascript 代码也足够了。
现在我正在向左移动一个图像,当它达到某个标记时,它会自行重置。
来自动作脚本,有一个选项可以将位图的像素“包裹”到另一侧,从而永远不会真正替换图像,而是将像素包裹在图像内。这在带有画布的javascript中可能吗?
我目前的代码:
this.update = function() {
// super large graphic
_roadContainer.x -= 9;
if(_roadContainer.x < -291) _roadContainer.x = 0;
}
Run Code Online (Sandbox Code Playgroud) 我有一个使用单文件类组件和打字稿加载器的 Vue 项目。我将 VS Code 与 Vetur 插件结合使用,在单文件 .vue 组件中获得非常好的代码补全。除了在我的 Entry.ts 文件中(我在其中创建根 Vue 组件)之外,这一切都很好:
在entry.ts中,我无法导入vue模块!
索引.ts
import Vue from 'vue' // this is ok
import App from './components/app.vue' // vue file not found!
new App({el : '#app'})
Run Code Online (Sandbox Code Playgroud)
ERROR Cannot find module './components/app.vue
应用程序.vue
<script lang="ts">
import Vue from 'vue' // this is ok
import Card from "./card.vue" // here it works!
export default class App extends Vue {
}
</script>
Run Code Online (Sandbox Code Playgroud)
.vue我可以从文件导入其他.vue模块。
我尝试过省略扩展名.vue,但结果相同。
我尝试将 …
我在Vue类组件中使用道具。道具是在构造函数中定义的,没有值。这可以编译并正常工作,但是由于最新的VS Code / TSLint更新,我收到以下警告:
属性“标签”没有初始化程序,并且在构造函数中未明确分配。
Vue类组件
export default class Browser extends Vue {
@Prop({default: '', required:false})
tag: string
created(){
console.log("the tag prop is " + this.tag)
}
}
Run Code Online (Sandbox Code Playgroud)
如果我确实分配它,则会收到Vue警告,提示您不应在子组件中操纵Prop。
[Vue警告]:避免直接更改prop,因为每当父组件重新渲染时,该值都会被覆盖
由于这似乎主要是棉绒问题,有没有办法禁用它?还是我的代码实际上是错误的?
typescript ×4
javascript ×2
vue.js ×2
babeljs ×1
bitmap ×1
canvas ×1
css ×1
html ×1
ios8 ×1
ipad ×1
node.js ×1
npm ×1
permissions ×1
reactjs ×1
swift ×1
tablet ×1
terminal ×1
tslint ×1
xcode6 ×1
youtube-api ×1