我经常在我的提交中使用反引号字符.我也经常使用git commit -m
当我运行这样的命令
git commit -m "add `foo`"
Run Code Online (Sandbox Code Playgroud)
Bash试图执行foo
.
我可以使用反斜杠\
来逃避反击,但我希望有一个更好的解决方案,以避免一直逃避反击.
我正在尝试在设置之前对正在设置的数组进行排序,但参数willSet
是不可变的并且会sort
改变该值.我怎样才能克服这个限制?
var files:[File]! = [File]() {
willSet(newFiles) {
newFiles.sort { (a:File, b:File) -> Bool in
return a.created_at > b.created_at
}
}
}
Run Code Online (Sandbox Code Playgroud)
为了将这个问题从我自己的项目环境中解决,我提出了这个要点:
class Person {
var name:String!
var age:Int!
init(name:String, age:Int) {
self.name = name
self.age = age
}
}
let scott = Person(name: "Scott", age: 28)
let will = Person(name: "Will", age: 27)
let john = Person(name: "John", age: 32)
let noah = Person(name: "Noah", age: 15)
var sample = [scott,will,john,noah]
var people:[Person] = …
Run Code Online (Sandbox Code Playgroud) 在CSSLint (csslint.net)中,他们不建议使用id
选择元素.我相信CSS Lint,因为它是由聪明的人写的,他们非常了解CSS.但我想知道这是什么原因?为什么选择id
不好的东西?
我试图做一个input type="search"
高大但CSS不会影响它.我的代码是这样的:
HTML:
<input type="search" />
Run Code Online (Sandbox Code Playgroud)
CSS:
input{width:100%; height:100px;}
Run Code Online (Sandbox Code Playgroud)
但它不起作用.看看这里的小提琴
我不知道调用这个嵌套是否正确?但我知道在彼此内部有很多功能并不是一个好的代码.大多数jQuery方法都有回调函数,我们可以将回调函数放在那里.但是当我们在另一个回调中进行回调并继续进行并且越来越深入时,代码似乎变得不那么可读并且可能更少可调试.
例如,如果我想在彼此之后做一些动画,我必须在它的回调函数中调用我想要的另一个动画.它将在回调函数中越来越深入.看看这个例子(小提琴):
$('#t').animate({height: 400}, 500, function(){
$(this).animate({height: 200}, 500, function(){
$(this).animate({width: 300}, 500, function(){
$(this).animate({height: 300}, 500, function(){
$(this).animate({'border-radius': '50px'}, 500, function(){
//and so on...
});
});
});
});
});
Run Code Online (Sandbox Code Playgroud)
为了做5步动画,我必须制作一个5级调用堆栈.所以我的问题是你如何避免这种情况?我的Node.js函数也有同样的问题.
更新:
我知道jQuery函数有chinning功能但是没有解决问题.因为你不能在链条之间做点什么.你可以写上面的代码,$(selector').animate().animate()...
但你不能这样做:
$('#t').animate({height: 400}, 500, function(){
console.log('step 1 done: like a boss');
$(this).animate({height: 200}, 500, function(){
console.log('step 2 done: like a boss');
$(this).animate({width: 300}, 500, function(){
console.log('step 3 done: like a boss');
$(this).animate({height: 300}, 500, function(){
console.log('step 4 done: like a boss');
$(this).animate({'border-radius': …
Run Code Online (Sandbox Code Playgroud) 我试图弄清楚是否有任何方式来监听像属性focus
或change
具有contenteditable
属性的HTML元素的事件.
我有这个HTML标记:
<p id="test" contenteditable >Hello World</p>
Run Code Online (Sandbox Code Playgroud)
我试过这些没有任何成功(JSBin):
var test = document.querySelector('#test');
test.addEventListener('change', function(){
alert('content edited');
}, false);
test.addEventListener('DOMCharacterDataModified', function(){
alert('content edited');
}, false);
test.addEventListener('focus', function(){
alert('content edited');
}, false);
Run Code Online (Sandbox Code Playgroud)
我不想听键盘或鼠标事件.我没有找到任何明确的文件W3C和MDN有关contenteditable
.
是否可以在内容可编辑的HTML元素上收听change
和/ focus
或其他事件?
一个简单的问题:
我是否需要通过TestFlight购买Apple Developer Program会员/认证(99美元/年)进行测试?
我创建了这个页面以便更好地理解这个问题.正如您可以看到的那样,我们可以使用CSS3围绕X,Y或Z轴旋转元素transform: rotate[XYZ](M deg/rad)
.
但我正在寻找一个函数来旋转任何给定行上的元素.例如,在线旋转元素x=y
.甚至更复杂y=2x+3
.
如果你不理解它,请手拿一张纸并从它的两个角落翻转(for y=x
或y=-x
).或者看看这张照片.
我猜它会是两个旋转的组合,但我不知道如何计算旋转.
更新:
我不知道rotate3d
CSS 有什么功能transform
.这个函数接受四个参数rx
,ry
,rz
和deg
.我觉得这对这个问题非常有帮助.
其他的事情是当我们改变translate[X,Y,Z]
它实际上改变旋转的起源.这意味着如果你想转动Y=10px
你应该translateZ
改为10px
UPDATE2:
我的实际目标是创建一个使用GUI应用CSS转换属性的工具.正如你在我的jsbin文件中看到的那样.我想把它扩展到transform
你可以做的任何事情.其中之一是轮换.我确信可以围绕除x=0
...... 以外的其他线旋转元素,但我不知道如何进行计算.例如旋转45deg左右Y
和45deg左右Z
是相同周围旋转45度x=y
.我需要一个空间中所有线路的解决方案.
我只是想知道为什么click
当我dbclick
的元素发生事件时?
我有这个代码:( JSBIN)
HTML
<p id="hello">Hello World</p>
Run Code Online (Sandbox Code Playgroud)
JavaScript的
document.getElementById('hello').addEventListener('click', function(e){
e.preventDefault();
this.style.background = 'red';
}, false);
document.getElementById('hello').addEventListener('dbclick', function(){
this.style.background = 'yellow';
}, false);
Run Code Online (Sandbox Code Playgroud)
点击和双击它应该做不同的事情,但是当你提前双击p
它捕获click
事件并忽略双击时,它似乎.
我也尝试preventDefault
了这个click
活动.我怎么能听dbclick
?
我的代码中有一个拼写错误.dbclick
是错的.是的dblclick
.无论如何,问题仍然存在.当用户双击click
事件发生时.
这是证明它的更新代码:( JSBin)
document.getElementById('hello').addEventListener('click', function(e){
e.preventDefault();
this.style.background = 'red';
this.innerText = "Hello World clicked";
}, false);
document.getElementById('hello').addEventListener('dblclick', function(){
this.style.background = 'green';
}, false);
Run Code Online (Sandbox Code Playgroud)