例如,我有这个:
<pre>
sun<br/>
mercury <br/>
venus <br/>
earth <br/>
mars <br/>
jupiter <br/>
saturn <br/>
</pre>Run Code Online (Sandbox Code Playgroud)
和这个:
<div style="font-family:monospace">
<div style="text-indent: 0">sun</div> <br/>
<div style="text-indent: 4ch">mercury</div> <br/>
<div style="text-indent: 4ch">venus</div> <br/>
<div style="text-indent: 8ch">earth</div> <br/>
<div style="text-indent: 8ch">mars</div> <br/>
<div style="text-indent: 12ch">jupiter</div> <br/>
<div style="text-indent: 4ch">saturn</div> <br/>
</div>Run Code Online (Sandbox Code Playgroud)
我希望第二个看起来像第一个。
我相信这些外观相同,但是我唯一的证明是使用了旧的“在Windows真正的快速浏览和眼球跟踪之间来回切换”技术。(天文学家称其为“眨眼比较器”-https: //en.wikipedia.org/wiki/Blink_comparator)。我确保窗户的大小相同,位置相同。但是,如果渲染的HTML无法在屏幕上显示,则可能太困难了。
有没有更确定的工具或方法可以进行此比较?
我在Chrome 77.0.3865.120和Firefox 69.0.3中都看到了这些。
例如,我知道使用最初是Web Standards Project(Web标准项目)的一部分的浏览器Acid测试-https: //www.acidtests.org/-像素完美渲染是基准。
(额外的功劳:第二个代码段的HTML可能足以满足我的需求;如果您愿意提出改进的建议,将是值得欢迎的。)
编辑:我的问题比较了两个小的HTML示例,可以将它们呈现为适合浏览器的可见部分。但总的来说,我想知道HTML的答案可能很长。
我计算了9个HTTP请求方法:
GET
HEAD
POST
PUT
DELETE
CONNECT
OPTIONS
TRACE
PATCH
Run Code Online (Sandbox Code Playgroud)
以上内容来自:https: //developer.mozilla.org/en-US/docs/Web/HTTP/Methods
是吗?这会改变吗?
我曾经能够使用Github GUI应用程序这样做:
$ github .
Run Code Online (Sandbox Code Playgroud)
这将打开GUI中的当前目录,但需要一个新的别名或类似的"Github桌面",这是新的GUI应用程序截至2015年8月12日.
如果我想找到 Joe Blo 创作的提交,很简单:
git log --author=joe.blo@x.com
Run Code Online (Sandbox Code Playgroud)
但是,如果提交是按如下方式创建的:
git commit -m "Our awesome code changes.
>
>
Co-authored-by: Joe Blo <joe.blo@x.com>
Co-authored-by: Henry Chilinsky <henry@example.com>"
Run Code Online (Sandbox Code Playgroud)
如此处所述: https: //help.github.com/en/github/committing-changes-to-your-project/creating-a-commit-with-multiple-authors
上面,Joe 被认为是共同作者,但我最初的--author=joe.blo@x.com查询找不到此提交。我如何找到 Joe 是合著者的提交?
编辑:首选命令行解决方案,但可以处理此问题的第三方工具有加分: tig、github、tower等。
在 Chrome devtools、Firefox devtools、Safari、Opera 等中,如果我检查一个元素,当我将鼠标悬停在源面板中该元素的代码上时,我可以看到它的边界框很好地勾勒出来。那太棒了。但是,如果我想查看页面上所有(或大部分)元素的布局怎么办?例如,也许我想看到这样的事情:
在 Firefox “样式编辑器”中,我添加了这些样式:
div { border: 1px dotted pink }
p { border: 1px solid green }
a { border: 2px solid yellow }
li { border: 1px dashed cyan }
img { border: 1px solid purple}
Run Code Online (Sandbox Code Playgroud)
(Chrome 无法执行此操作,因为它不支持 UAAG 2.0 Web 可访问性标准)。由于用户代理样式表覆盖了页面中的样式,我看到了我正在寻找的轮廓类型。
现在这只是一个 hack,也许就足够了,但是还有其他工具可以做到这一点,或者我没有在 devtools 中找到什么?
注意:我确实在 Chrome 的“渲染”菜单选项下找到了有关“显示合成图层边框”的答案,但这并不是我真正想要的:
在使用.load更新我的div后,即将项添加到我的列表中,我使用了firebug并看到列表已更新.但是,我丢失了鼠标悬停事件,该事件在页面首次加载时起作用....在我的脚本中我有:
// hide and show are css classes that display none and block respectively
function openList(){
$("#miniList").removeClass().addClass("show");
}
function closeList(){
$("#miniList").removeClass().addClass("hide");
}
...
$(document).ready(function() {
$("#miniList").mouseover(function() {
openList();
})
$("#miniList").mouseout(function() {
closeList();
})
});
Run Code Online (Sandbox Code Playgroud)
function addItemToDiv(id, ref, num) {
$("#miniList").load("/list/ajax_updateList.jsp", {
'action' : 'additem',
'pid' : id,
'pref' : ref,
'qty' : num
});
}
Run Code Online (Sandbox Code Playgroud)
...当然,这在第一次加载页面时工作正常,但是当我将项目添加到列表时,DOM会更新,但鼠标悬停效果不再起作用.
任何想法都受到欢迎.提前谢谢了.
我想做类似的事情
history 2960-2966
Run Code Online (Sandbox Code Playgroud)
具有这种输出的期望:
2960 2013-12-09 20:59:35 bundle update
2961 2013-12-09 21:00:08 git st
2962 2013-12-09 21:00:12 git add .
2963 2013-12-09 21:01:19 git st
2964 2013-12-09 21:01:43 git log
2965 2013-12-09 21:02:45 git st
2966 2013-12-09 21:02:57 git reset HEAD Gemfile.lock
Run Code Online (Sandbox Code Playgroud)
在bash shell中有可能吗?
更新:我的问题是关于查看这七个历史记录行,而不是日期本身;碰巧我HISTTIMEFORMAT在.bash_profile中有一条指令来提供日期和时间戳。如果要删除它,那么我希望history 2960-2966或其他一些东西来生成此输出:
2960 bundle update
2961 git st
2962 git add .
2963 git st
2964 git log
2965 git st
2966 git reset HEAD Gemfile.lock
Run Code Online (Sandbox Code Playgroud)
我希望显示所需的历史记录行,最好使用在.bash_profile中指定的任何自定义设置。
我为什么要这个?一个非常简单的用例是:我做类似的事情来history | …
在Rails 4中,rails console我可以输入history,它的行为就像history来自bash shell 的命令一样.例如:
[25] my_rails_project » history
1: Nomination
2: {:ad => "asdfsdasadf"}
3: Nomination.count
4: Nomination.count.to_sql
5: Nomination.all.class
6: Nomination.all.to_sql
...
Run Code Online (Sandbox Code Playgroud)
有没有办法搜索那段历史,例如history | grep Nomination?尾巴怎么样?
注意:当我最初写这个问题时,我认为history命令来自Rails本身,但它来自pry我在我的系统中的jazz_hands宝石(我的Gemfile指定了拉入撬的宝石).Pry确实有一个grep功能,例如,history --grep Nomination会给我上面的第1和第3-6行.它还有一个tail功能.这些记录在这里:https: //github.com/pry/pry/wiki/History
我在思考如何使用form-controlBootstrap 提供的类的策略时遇到了麻烦。
一方面,我从 Bootstrap 文档中得到了这个相当平淡的评论:
文本表单控件(如输入、选择和文本区域)使用 .form-control 类设置样式。包括用于一般外观、焦点状态、大小等的样式。
参考:https : //getbootstrap.com/docs/4.0/components/forms/#form-controls
而另一方面,我有相当杂草的代码要查看:
.form-control {
display: block;
width: 100%;
height: $input-height;
padding: $input-padding-y $input-padding-x;
// ... 40-some lines elided ...
}
Run Code Online (Sandbox Code Playgroud)
参考:https : //github.com/twbs/bootstrap/blob/275cd7f91eed9f4051d85c295e5c14ef08937804/scss/_forms.scss
我的问题:我如何从整体上修改现有代码或使用form-control.
这应该很容易,但......
我一直在研究我正在调用的Google Compute Engine持久性磁盘映像,现在utilserver基本上需要从头开始重新构建它,但我可能需要原始的一个来尝试一些事情以防出现问题.所以我想重命名utilserver到utilserver-backup,然后创建一个新的utilserver,希望能最终被更正确.但是,在我的项目的Web控制台下,只有一个"删除"按钮,没有"重命名"按钮.gcutil似乎也没有重命名命令.好吧,我尝试创建一个快照,utilserver然后从那个新的持久性磁盘调用utilserver-backup,但是当我这样做时,新磁盘看起来像一个全新的图像 - 我以前的安装工作都没有在那里.这里有什么想法?
rename snapshot persistent-storage google-compute-engine gcutil
在JavaScript中,console.log工作方式如下:
$ node
> console.log(1,2) ; console.log(3,4)
1 2
3 4
Run Code Online (Sandbox Code Playgroud)
在Ruby中,我想输出值a,后跟一个空格,然后输出值,然后输出b换行符.这些都不令人满意:
$ irb
2.4.1 :001 > print 1,2 ; print 3,4
1234 => nil
2.4.1 :002 > puts 1,2 ; puts 3,4
1
2
3
4
=> nil
Run Code Online (Sandbox Code Playgroud)
我没有自己的运气而运气不好吗?