我在这里有点困惑,不幸的是我无法在 svelte 的不和谐频道上找到任何解决方案,所以我走了......
我有一个相当基本的两个类的例子,让它们是App和Comp。
App创建一个Comp实例,然后value在单击按钮后更新此实例。
Comp 实例应该将此值设置为不同的变量 ( inputValue) 并且在更改该变量时它应该触发validate(inputValue)它是反应性的。这是一个 REPL:https ://svelte.dev/repl/1df2eb0e67b240e9b1449e52fb26eb14 ? version = 3.25.1
App.svelte:
<script>
import Comp from './Comp.svelte';
let value = 'now: ' + Date.now();
function clickHandler(e) {
value = 'now ' + Date.now();
}
</script>
<Comp
bind:value={value}
/>
<button type="button" on:click={clickHandler}>change value</button>
Run Code Online (Sandbox Code Playgroud)
Comp.svelte:
<script>
import { onMount } from 'svelte';
export let value;
let rendered = false;
let inputValue = '';
$: …Run Code Online (Sandbox Code Playgroud) 我在这里有点困惑 - 我有一个css样式与以下:
@media (max-width: 855px) {
#page {
//declarations
}
}
Run Code Online (Sandbox Code Playgroud)
这可以在我的桌面上正常工作,浏览器在我调整窗口大小时设置样式,因为它已声明.但是,我似乎无法使其在移动设备上运行.在iphone 4上测试此布局未正确设置.我假设如果iphone的显示器是640 x 960像素,它可以正常工作.我错过了什么?
我一直在尝试使用Cocoa和Swift(我是一个菜鸟)并遇到了一个我似乎无法解决的问题:
我们假设我创建了一个UIToolbar并为其添加了两个按钮:'Cancel'和'Accept'.我想将"取消"按钮对齐到UIToolbar的左边缘(当然,默认情况下可以正常工作),将"接受"按钮对齐到右边缘.有一些简单的方法如何实现正确的对齐?这就是我目前所拥有的:
let toolbar = UIToolbar(frame: CGRectMake(0, 0, w, 35))
toolbar.backgroundColor = UIColor(red: 0.75, green: 0.75, blue: 0.75, alpha: 0.95)
let acceptButton = UIBarButtonItem(title: "Accept", style: UIBarButtonItemStyle.Done, target: self, action: "buttonPressed:")
let cancelButton = UIBarButtonItem(title: "Cancel", style: UIBarButtonItemStyle.Plain, target: self, action: "buttonPressed:")
let space = UIBarButtonItem(customView: UIView(frame: CGRectMake(0, 0, 50, 10))) // <- MEH! this is not dynamic!
toolbar.items = [acceptButton, space, cancelButton]
view.addSubview(toolbar)
Run Code Online (Sandbox Code Playgroud)
我正在使用另一个UIBarButtonItem创建空间,但这不会是动态的(这里的许多答案都表明这个解决方案 - 没有好处).所以我期待我会得到UIBarButtonItems的框架,但我似乎无法使这项工作,他们没有.frame财产.所以在另一个SO答案中这是建议:
UIView *view= (UIView *)[self.toolbar.subviews objectAtIndex:0]; // 0 for the first item …Run Code Online (Sandbox Code Playgroud) 我在这里有点困惑.我试图做一些基本的DOM操作 - 通过在<head>标签上添加标题来测试它.这就是我写的:
document.head.appendChild(document.createElement("title").appendChild(document.createTextNode("Test Title")));
Run Code Online (Sandbox Code Playgroud)
但是,上述方法不起作用.如果我拆分它,它的工作原理:
var node = document.createElement("title");
var text = document.createTextNode("Test title");
node.appendChild(text);
document.head.appendChild(node);
Run Code Online (Sandbox Code Playgroud)
为什么,我错过了什么?
我在scenekit中创建了一个多维数据集,并尝试使用MPMoviePlayerController的实例作为其材质.它很有用,但效果不是很好:视频看起来很跳跃,就好像它会在视频帧之间跳跃(基本上是从开始到最后一点播放的帧重放).声音还可以.
我对正在发生的事情做了一个简短的屏幕截图,我想这很明显来自视频:Youtube视频
这是处理映射到多维数据集和创建播放器的代码:
var moviePlayer: MPMoviePlayerController?
func startPlayingVideo(){
let mainBundle = NSBundle.mainBundle()
let url = mainBundle.URLForResource("Sample", withExtension: "m4v")
moviePlayer = MPMoviePlayerController(contentURL: url)
if let player = moviePlayer{
/* Listen for the notification that the movie player sends us whenever it finishes playing */
NSNotificationCenter.defaultCenter().addObserver(self, selector: "videoHasFinishedPlaying:", name: MPMoviePlayerPlaybackDidFinishNotification, object: nil)
println("Successfully instantiated the movie player")
player.scalingMode = .AspectFit
var materials = [SCNMaterial]()
for i in 1...6 {
let material = SCNMaterial()
material.diffuse.contents = player.view.layer
player.view.frame = CGRectMake(0, 0, 200, …Run Code Online (Sandbox Code Playgroud) 我有一个div,里面有2个浮动的div.在他们上面有一个HR标签.我试图使用第一个孩子,因为div之间应该有一个间距.但是,这不起作用.规则永远不会被应用.好像hr标签打破了它; 如果我删除小时它工作正常.另外:最后一个孩子工作正常,有或没有hr.有人对此有一些合乎逻辑的解释吗?
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
#outer {
width: 600px;
}
#outer > div {
float: left;
width: 290px;
background-color: #1982c8;
}
#outer > div:first-child {
margin-right: 20px;
}
</style>
</head>
<body>
<div id="outer">
<hr>
<div>
First inner.
</div>
<div>
Second inner.
</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
css ×2
html ×2
ios ×2
javascript ×2
swift ×2
append ×1
appendchild ×1
dom ×1
mobile ×1
objective-c ×1
scenekit ×1
svelte ×1
svelte-3 ×1
textures ×1
video ×1