나는 어젯밤에 단순히 굉장한 웹 사이트를 발견했다. 여기에 URL는 다음과 같습니다이 멋진 사이트는 어떻게 구성되어 있습니까?
경고 : 사이트 NSFW 수 있습니다.
그리고이 사이트가 어떻게 구성되는지 즉시 생각하게되었습니다. 페이지 소스에서 살펴보면 훨씬 공개,하지만 난 방화범에 보면이 같은 테이블을 많이 볼 수 없습니다 다음 tilecont
DIV 반복하고 전체 페이지를 따라 바둑판 식으로 배열
<div class="tilecont" style="top: 994px; left: 1320px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>A</td>
<td>L</td>
<td>L</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<tr>
<tr>
<td>Y</td>
<td>O</td>
<td>U</td>
<td>R</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<tr>
<tr>
<td>B</td>
<td>A</td>
<td>S</td>
<td>E</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<tr>
</table>
</div>
을하고, 내부 테이블은 그 DIV의 전체 너비와 높이를 차지합니다. 그런 다음 테이블 안의 각 <tr>
은 한 행으로 16 <td>
이 각 행을 구성하여 각 문자를 구성합니다.
Firebug를 설치했다면 페이지로 드래그하여 직접 볼 수 있습니다.
나는이게 꽤 똑똑하다고 생각했지만 데이터베이스 나 다른 것에 어떻게 저장 될지 고민 할 생각이 없다. JS 파일을 조사해 보았습니다. 솔직히 말해서 거기에 많은 것들이 있습니다. 저장되지 않았거나 저장되지 않은 것과 관련이 없습니다. 데이터베이스에 AJAX 요청을 할 때마다 keyUp
이벤트를 저장하는 것으로 가정합니다. 특정 "세포"에 대한 새로운 데이터?
누구나 어떻게 생각하는지 입력 할 수 있습니까?
OMG, 이것은 내 CPU 시간을 먹습니다! –
하하, 저에게 나쁘지는 않습니다. 사용 된 메모리는 200k에 불과합니다 : P –
그 사이트의 내용은 NSFW라고 경고 했어야합니다. – BoltBait