小编ajc*_*jcw的帖子

自动测试CSS和HTML前端编码

我是一名编写CSS,HTML和Javascript的前端开发人员(按此顺序),我所做的大部分工作都是设计领导.虽然我用CSS创建的设计质量是主观的,但是大部分编码都是纯粹的功能/布局,我对任何自动化测试页面感兴趣.

我的问题可以分为两部分

  1. 有没有人有自动测试CSS或HTML的任何现有技术或建议,特别是在跨浏览器兼容性方面?

  2. 由于CSS大致可分为控制布局的属性和控制设计的属性,因此自动测试仅适用于 布局(例如,不能自动且有价值地测试颜色是否正确)?如果是这样,哪种CSS值可能适合布尔验收测试?

以下是我可以测试的布尔值布局值的初始示例 - 必须有其他值吗?

  • 弹出窗口是否出现在其他内容之上(z-index)
  • 页脚是否清除所有其他内容(浮动)

谢谢你的帮助.问题的第三部分当然是"我是否在浪费时间沿着这条路走下去?".

*****编辑*****

我发现这篇文章询问了我提出的相同问题,但更深入,也许更有说服力.

http://www.morethanseven.net/2008/10/13/unit-testing-css-looking-solution/

继续前进我试图从我的工作中分离一些例子,其中CSS单独导致功能错误,但到目前为止我发现的那些是JS CSS组合的错误.我仍然想自动测试这些类型的错误,但是感谢使用javascript它超出了我原来的问题的范围.

*****编辑2*****

我已经写过关于如何解决这个问题的博客,可以在这里找到:

http://blog.ajcw.com/2010/12/automated-css-testing-or-how-one-css-coder-is-now-responsible-for-breaking-%E2%80%93-and-fixing - %E2%80%93最构建/

html css automated-tests unit-testing cross-browser

22
推荐指数
2
解决办法
2万
查看次数

使用.htaccess删除.php扩展名而不破坏DirectoryIndex

我在我的.htaccess中重写它从文件中删除php扩展,转换例如so.com/question.phpso.com/question.

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.php [NC,L]
Run Code Online (Sandbox Code Playgroud)

但是这也打破了默认的DirectoryIndex行为,只需键入目录就会重定向到文件夹中的索引文件,例如so.com/answer显示so.com/answer/index.php

简单地将上述代码组合起来DirectoryIndex index.php并不能实现两种结果.

有人可以帮我组合这两个函数,或者重写代码来排除index.php文件,这会得到相同的结果吗?

.htaccess url-rewriting

10
推荐指数
1
解决办法
3万
查看次数

杰基尔的作者档案页面

我正试图在Github页面上与Jekyll创建一个多作者博客.我添加了authors数组字段_config.yml,我可以在帖子模板上使用该数据.

_config.yml:

authors:
    muratcorlu:
        display_name: Murat Corlu
        avatar: 2906955ae59c795275979d3782d7bfca
Run Code Online (Sandbox Code Playgroud)

posts.html

{% assign author = site.authors[page.author] %}

<p>Author: {{ author.display_name }}</p>
Run Code Online (Sandbox Code Playgroud)

现在我想创建一个带有URL的作者存档页面/authors/muratcorlu/(即列出由muratcorlu撰写的帖子),但我不知道如何从url获取作者姓名.

ruby jekyll

9
推荐指数
1
解决办法
1314
查看次数

如何获得排名?

HI,

我昨天实际上发布了类似(或相同?)的问题,但我认为我需要发布一个新问题,因为我有一个简短而明确的问题.

我有下表.

id  point
1   30
2   30
3   29
4   27
5   28
6   26
Run Code Online (Sandbox Code Playgroud)

我想要的是:

  1. 让所有用户按排名排序.用户#1和#2应该有1作为他们的排名值,因为他们都有30分

  2. 我想按用户ID查询排名.当我查询用户#1和#2时,我喜欢得到1作为我的排名的结果,因为他们都有30分

添加于:3/18

我尝试了Logan的查询,但得到了以下结果

id point   rank
1   30  1
2   30  1
3   29  3
4   27  5
5   28  4
6   26  6
Run Code Online (Sandbox Code Playgroud)

mysql rank

8
推荐指数
2
解决办法
1万
查看次数

在IIS7上使用web.config删除.php扩展名

我有一个htaccess的文件,该文件从文件中删除的PHP扩展,变换为例如so.com/question.phpso.com/question,并且还在文件夹中重定向索引文件中,例如so.com/answer/index .php完全按照本答案中的描述重定向到so.com/answer/

我刚刚在IIS7上本地设置了我的站点,需要在web.config中重新创建相同的行为,但不知道从哪里开始转换/重写.htaccess文件.

php .htaccess web-config url-rewriting

6
推荐指数
1
解决办法
1万
查看次数

使用媒体查询时,Android键盘无法打开

我有一个移动网站,底部有一个搜索框.我还使用媒体查询以纵向模式隐藏内容并以横向模式显示.

但是在Android设备中,当我点击搜索字段时,键盘会打开,然后立即关闭,从而无法在框中输入内容.

这在iOS中不是问题.

该页面可以在这里查看 - http://so.ajcw.com/android-keyboard.htm,这里是完整的页面代码:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
    <title>Erroring search field</title>

    <style>     
    .address { display: none; }

    @media only screen and (orientation: landscape) { 
        .address { display: block; }
    } 
    </style>

</head><body>

<h3>Venue 1</h3>
<p>Cuisine</p>
<p>Price</p>
<p>Rating</p>
<p class="address">Address</p>

<h3>Venue 2</h3>
<p>Cuisine</p>
<p>Price</p>
<p>Rating</p>
<p class="address">Address</p>

<form><input type="text"></form>

</body></html>
Run Code Online (Sandbox Code Playgroud)

事我已经尝试过了

  • 如果我只有一个场地,或者如果我将搜索向上移动,那么问题就会消失(这不是一个解决方案,只是观察).

  • 我尝试更改DOCTYPE - HTML5 doctype略微更改了第二次单击后键盘保留的功能,但同样不能解决问题.

*编辑*

  • 这看起来似乎是浏览器特定的.一个旧的Android手机没有问题,我的Android(HTC Desire)默认浏览器似乎也没有,但它确实发生在Dolphin HD中.

css android textinput android-softkeyboard media-queries

5
推荐指数
1
解决办法
1084
查看次数

div border radius问题(在firefox和opera上)

如你所见,有两张照片.首先,在chrome上.右侧有Beğen和Yorumlar按钮.Border看起来非常好..

但第二张照片显示; firefox和opera有边框radius.I尝试做border-witdh:thin,border:1px solid等.但它看起来一样.

如何处理呢?你有什么主意吗 ?

对不起我的英语.谢谢

铬上的图像

关于ff和歌剧的图像

css cross-browser css3

3
推荐指数
1
解决办法
1385
查看次数

计算表中的出现次数并打印计数和排名

在我的事件表中,我有一个名为Pos1的列,其中包含从A到E的ID.我需要计算"E"出现在列中的次数以及它与其他数字并排的位置.

例如,在该表中,'E'出现1次并且排名为4(D = 3,A = 2,C = 2,E = 1,B = 0).

Pos1
E
C
D
C
D
D
A
A
Run Code Online (Sandbox Code Playgroud)

我是一个完整的SQL业余爱好者,所以我最接近的是打印每个ID计数的数组,但我需要将其限制为计算单个ID 打印排名.

$query = "SELECT Pos1, COUNT(Pos1) FROM Events GROUP BY Pos1"; 

$result = mysql_query($query) or die(mysql_error());

while($row = mysql_fetch_array($result)){

    echo $row['COUNT(Pos1)'] ."<br />";

}
Run Code Online (Sandbox Code Playgroud)

php mysql

2
推荐指数
1
解决办法
768
查看次数

Grunt:更新YAML文件中的值?

我正在处理我的buildscript,我需要更新YAML(.yml准确)文件中的值.

为了便于开发,我只是将其定义为我的默认任务:

grunt.registerTask('default', function() {
    var conf = grunt.file.readYAML('config.yml');

    // Shows correct contents of config.yml
    console.log(conf);

    // Changing the value of key 'deploy'
    conf['deploy'] = 'Hello World';

    // Trying to write the updated data back to file
    grunt.file.write('config.yml', conf);

    // Re-reading the new file
    var conf2 = grunt.file.readYAML('config.yml');

    // logs [ 'object Object' ]
    console.log(conf2);
});
Run Code Online (Sandbox Code Playgroud)

我想我的评论非常清楚我想要做什么 - 更新配置设置.

[ 'object Object' ]记录的原因是因为它实际写入该文件.这意味着我不能简单地做grunt.file.write('config.yml', conf);,我需要像JSON.stringifyYAML 一样的东西.这样的事情存在吗?如何在Grunt中更新yml文件中的值?

javascript yaml gruntjs

1
推荐指数
1
解决办法
976
查看次数