`
文章列表
There is an explaination about pairwise testing Here.   Actually, the testcases designed with pairwise can be different.  I do not won't to explain the algorithm behind how to get a pairwise test cases. I just give an example on how to get all the sets of test cases.   Give we have 3 fields ...
TBD
Problems: Two pages have similar elements structure but with different style themes. Or in the same page, we want to apply different style according to the user's preference. Solution: One option would be load different css file according to the theme. But here, we would introduce a simp ...
Problems : For the common style. we would like to let it applied as far as possible instead of add a the style for each child element.   Try it with jsfiddle
<<TDD by example>> notes Why TDD?***** 1. Automated test ---Game in TWI ---stress->高->testing少->errors多->stress高 ---stress->高->自动testing多->errors少->stress低 2. For design, we use test to drive the design instead of design first and then write the test. ---Th ...
Problems: Some elements has an attachment element. This attachment can show and hide. When it is shown, it should be on the top But it won't affect the position of the elements afterwards. For example our fancy select. When it is clicked, the dropdown list will toggle to let you select one optio ...
Problems: We need a navigation on most of the web pages. We can use <ul> and <li> to set the items of the navigation. There are many navigation style. Here, I just give an example to show the navigation items horizontally with a vertical bar between like taobao navigation.   Solu ...
Problems: Floated elements would keep align one after another. There are two situations that we may need to clear floated element. 1. We need to clear the previous floated elements and start from a new line. 2. We need to keep the floated elements in a container.   Solution: .clea ...
Problem: Suppose we need to display a datalist in two columns, each column fills one half of the width, with a fixed pixels of margin between the two columns though. Because it is a datalist, we would not choose table to display them. Solution: 1. We display the datalist with two columns. ...
Problem: We have a container element with % to define the width. In the container, we need to display another element that fullfills this container. The conained element need some border or padding. If we define the contained element's width to 100%, then the border and padding would make the cont ...
  Problem: We usually put a red star after a field to indicate that this field is required. Of course, we can add a '*' and apply css on it. But it is really unconvenient to do so on everywhere. From the html semantical point of view, it is a info about the input, we do not need to write it expli ...
Problem: The vertically neighbouring margins will be merged if they are not seperated by border or padding. The final margin pixels is the biggest one among them. This is a feature of css that we sometimes need to take advantage of. But sometimes, we need to dismiss this function. Solution: ...
Problems: We want to display something like this. The container has an image arrow on the right. The content text length is undetermined.   Solution: We can resort to background to display the image. /*A padding is put on the right to display the image. The background image is put to the ...
The page does not has a fixed width, but fills all the screen of the browser, no matter what the current browser display resolution is. The contents of the page also does not has a fixed width either. We usually use width="XX%" to give it a relative width.   A example of this pattern is ...
The whole page displays with a fixed width of pixels. It does not consider the resolution of the screen and the browser's display resolution. A example of this pattern would be http://www.apple.com/support/     In this case, the user will see the page with the same width of pixels, no matte ...
Global site tag (gtag.js) - Google Analytics