PlayWright? Microsoft?? ??? ? UI ??? ??? ????????.

??? ????? ???? ??? ???, ??? ??, ??? ???? ??? ??? ?????? ???? ?? ??? ???.

?? ???? ??:

• ?? ??, ??? ??? ?? ??? ??? ? ?? ??? ?? ????? ????? ???? ? ?? ??????.
• ???? ???? ????? ?? ????? ????? ???? ???? ? ??? ???? ??? ??? Shadow DOM ??? ?????.
• PlayWright? ? ???? ?? ???? ????? ?????. ???? ????? ??? ??? ???? ???? ????? ??? ?? ?? ?? ?? ??? ??? ?????. ??? ???? ????? ???? ?? ? ????? ??? ????.
• ?? ??, ??? ???, ???? ??
?? ??? ?????.

---

PlayWright ? ??? ? Cypress

?? ?? ??? ??? ? UI ??? ??? ?????? ?????? ?? ?? ???? 10? ? Selenium, ?? ?? ?? Cypress, ??? ??? ???? PlayWright? ?????. ??? ??? ??? ?? ??? ????? ??? ?????

?? ??:

• ?? ??: PlayWright ? Selenium? Java, C# ? Python? ????? JavaScript/TypeScript? ???? ?? ??? ????? ???? ?? ??? ????.
• ??? ??: PlayWright? Selenium? ?? Google? ?? ??? ????? ???? Chromium ?? ????? ?????. Firefox? ?? ????? ?? ??? ????? ??? JavaScript ??? ?????. Selenium? ?? ????? ????? PlayWright? ?? ?? ?????. ?? Cypress? JavaScript? ???? ????? ?????.
• ???? ??: Selenium? Internet Explorer? ????? IE? ????? ???? ???? ?? ?????.
• ?? ???: ? ?? ????? ?? ?? ??? ????. ??? PlayWright? Cypress? Selenium? ?? ??? ?????? ? ??? ??????.

---

????

PlayWright? ?? ??? ????? Node.js? ?? ?????. Python ?? Java ??? ????? ??? ???? PlayWright? ??? ?? Node.js ????? ?????? ?? Node.js ??? ?????. ??? ? ?????? JavaScript/TypeScript? ??? ?????.

?? ? ??

1. Node.js? ???? ??? ?????.
2. npm ?? Yarn? ???? PlayWright ????? ??????.

   # Using npm
   npm init playwright@latest

   # Using yarn
   yarn create playwright

1. ??? ????.
   • TypeScript ?? JavaScript? ?????(???: TypeScript).
   • ??? ???? ??? ?????.
   • PlayWright ?? ???? ?? ??? ?????(???: True).

???? ????? ???? PlayWright?? Chromium, Firefox ? WebKit? ??????? ??? ?? ?? ? ????. ? ????? PlayWright ??? ?????? ?? ? ? ?? ?? ??? ?????.

???? ??

??? ? ???? ???? ?? ???:

playwright.config.ts    # PlayWright configuration file
package.json            # Node.js configuration file
package-lock.json       # Node.js dependency lock file
tests/                  # Your test directory
  example.spec.ts       # Template test case
tests-examples/         # Example tests directory
  demo-todo-app.spec.ts # Example test case

?? ??? ?? ??:

npx playwright test

???? ???? ???? ???? ???? ??? ??? ?? ?????.

Running 6 tests using 6 workers

  6 passed (10s)

To open the last HTML report run:

  npx playwright show-report

---

?? ?? ??

example.spec.ts ??? ??? ??? ????.

import { test, expect } from '@playwright/test';

test('has title', async ({ page }) => {
  await page.goto('https://playwright.dev/');
  await expect(page).toHaveTitle(/Playwright/);
});

test('get started link', async ({ page }) => {
  await page.goto('https://playwright.dev/');
  await page.getByRole('link', { name: 'Get started' }).click();
  await expect(page).toHaveURL(/.*intro/);
});

• ? ?? ???: ??? ??? "???"? ???? ??? ?????.
• ? ?? ???: "????" ??? ???? URL? ?????.

? ??? ???? ??? ?????.

• ??? ??(?: '?? ??').
• ??? ??? ???? ??

?? ??? ??? ????.

• page.goto: URL? ?????.
• Expect(page).toHaveTitle: ??? ??? ?????.
• page.getByRole: ???? ??? ????.
• ??: ??? ??? ??? ??? ?????.

---

????? ??? ??

??? ???? ?????:

• ?? ??? ??:

   # Using npm
   npm init playwright@latest

   # Using yarn
   yarn create playwright

• ?? ??? ?? ??:

playwright.config.ts    # PlayWright configuration file
package.json            # Node.js configuration file
package-lock.json       # Node.js dependency lock file
tests/                  # Your test directory
  example.spec.ts       # Template test case
tests-examples/         # Example tests directory
  demo-todo-app.spec.ts # Example test case

• ??? ?? ???:

npx playwright test

---

?? ??

Codegen ??? ???? ????? ?????.

Running 6 tests using 6 workers

  6 passed (10s)

To open the last HTML report run:

  npx playwright show-report

??? ??? ??? ??? ? ????. ??: ???? ???? ?? ??? ??? ???? ?? ?? ????.

---

?? ??? ???

?? ? ??

? ????? ??? ??? ?????? ?? ? ?? ???? ??? ??? ?????. ?? ??? ???? ??? ???? ??? ?? ??? ???? ??? ?? ????. ??? ???? ???? ???? ?? ???? ???? ???? ???? ??? ???? ??? ???? ????. ?? ?? ??? ?? ?? ??? ?????. ?? ????? ??? ?? ???? ?? ??? ???? ??? ??? ????? Selenium? findElement ???? ????.

??? ??

?? , ?? [contenteditable] ??? ?? ??? ???? ?? ??? ??? ??? ??? ?????.<br> </p> <pre class="brush:php;toolbar:false">import { test, expect } from '@playwright/test'; test('has title', async ({ page }) => { await page.goto('https://playwright.dev/'); await expect(page).toHaveTitle(/Playwright/); }); test('get started link', async ({ page }) => { await page.goto('https://playwright.dev/'); await page.getByRole('link', { name: 'Get started' }).click(); await expect(page).toHaveURL(/.*intro/); }); </pre> <h3> ????? ??? </h3> <p>locator.setChecked() ?? locator.check()? ???? input[type=checkbox], input[type=radio] ?? [role=checkbox] ??? ?? ??? ?? ?????.<br> </p> <pre class="brush:php;toolbar:false"> npx playwright test </pre> <h3> ??? ?? </h3> <p>locator.selectOption()? ???? <select> ??:<br> </p> <pre class="brush:php;toolbar:false"> npx playwright test landing-page.spec.ts </pre> <h3> ??? ?? </h3> <p>?? ??:<br> </p> <pre class="brush:php;toolbar:false"> npx playwright test --debug </pre> <p>?? ??? ?? ??? ?? ?? ?????.<br> </p> <pre class="brush:php;toolbar:false">npx playwright codegen https://leapcell.io/ </pre> <p>?? ????? ???? ?? ???? ??????.<br> </p> <pre class="brush:php;toolbar:false">// Text input await page.getByRole('textbox').fill('Peter'); </pre> <h3> ?? ?? </h3> <p>locator.type() ???? ??? ??? ??????? keydown, keyup ? keypress ???? ??????.<br> </p> <pre class="brush:php;toolbar:false">await page.getByLabel('I agree to the terms above').check(); expect(await page.getByLabel('Subscribe to newsletter').isChecked()).toBeTruthy(); // Uncheck await page.getByLabel('XL').setChecked(false); </pre> <h3> ?? ? </h3> <p>?? ??? locator.press()? ?????.<br> </p> <pre class="brush:php;toolbar:false">// Select by value await page.getByLabel('Choose a color').selectOption('blue'); // Select by label await page.getByLabel('Choose a color').selectOption({ label: 'Blue' }); // Multi-select await page.getByLabel('Choose multiple colors').selectOption(['red', 'green', 'blue']); </pre> <p>???? ??? Backquote, Minus, Equal, ????, ?????, Tab, Delete, Escape, ArrowDown, End, Enter, Home, Insert, PageDown, PageUp, ArrowRight, ArrowUp, F1-F12, Digit0-Digit9 ? KeyA? ?????. -KeyZ.</p> <h3> ?? ??? </h3> <p>???? ??? ????? locator.setInputFiles()? ?????. ?? ??? ?????:<br> </p> <pre class="brush:php;toolbar:false">// Left click await page.getByRole('button').click(); // Double click await page.getByText('Item').dblclick(); // Right click await page.getByText('Item').click({ button: 'right' }); // Shift+click await page.getByText('Item').click({ modifiers: ['Shift'] }); // Hover await page.getByText('Item').hover(); // Click at specific position await page.getByText('Item').click({ position: { x: 0, y: 0 } }); </pre> <h3> ?? ?? </h3> <p>??? ??? ???? locator.focus()? ?????.<br> </p> <pre class="brush:php;toolbar:false"> # Using npm npm init playwright@latest # Using yarn yarn create playwright </pre> <h3> ??? ? ?? </h3> <p>??? ? ?? ?????? ?? ? ??? ?????.</p> <ol> <li>??? ??? ?? ?? ???? ?????.</li> <li>??? ?? ??? ????.</li> <li>???? ??? ??? ?????.</li> <li>??? ?? ??? ????.</li> </ol> <p>locator.dragTo() ???? ??? ? ????:<br> </p> <pre class="brush:php;toolbar:false">playwright.config.ts # PlayWright configuration file package.json # Node.js configuration file package-lock.json # Node.js dependency lock file tests/ # Your test directory example.spec.ts # Template test case tests-examples/ # Example tests directory demo-todo-app.spec.ts # Example test case </pre> <p>?? ????? ???? ?????.<br> </p> <pre class="brush:php;toolbar:false">npx playwright test </pre> <h3> ???? ?? </h3> <p>????? Playwright? ??, ??, ????? ?? ?? ??? ???? ?????. ??? ????? ?? ???? ?? ??? ? ????.<br> </p> <pre class="brush:php;toolbar:false">Running 6 tests using 6 workers 6 passed (10s) To open the last HTML report run: npx playwright show-report </pre> <h3> ? ??? ?? </h3> <p>? ???? ???? ?? ???? ???? ??? ? ????.<br> </p> <pre class="brush:php;toolbar:false">import { test, expect } from '@playwright/test'; test('has title', async ({ page }) => { await page.goto('https://playwright.dev/'); await expect(page).toHaveTitle(/Playwright/); }); test('get started link', async ({ page }) => { await page.goto('https://playwright.dev/'); await page.getByRole('link', { name: 'Get started' }).click(); await expect(page).toHaveURL(/.*intro/); }); </pre> <hr> <h2> ???? ?? ??? ???: Leapcell </h2> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173520703474579.jpg" class="lazy" alt="Playwright: A Comprehensive Overview of Web UI Automation Testing Framework"></p> <p>Leapcell? ?? ????????? ??? ?? ???? ??? ??????. ?? ??? ?? <strong>???</strong> ??? ???? ??? ???? ???? ??? ?????.</p> <h3> ??? ??????? ?? Leapcell? ??? ?? </h3> <ol> <li> <p><strong>?? ???</strong></p> <ul> <li> <strong>???</strong>: ???? ?? ???? ??? ??? ???? ?? ???? ???? ?????.</li> <li> <strong>?? ??</strong>: ?? ??, getdeploying.com? ??? ??? ?? ???? ????? vCPU 1?? RAM 2GB ?? ??? ???? ??? ? 25?? ?????. Leapcell??? 25??? 60ms? ?? ?? ???? 694? ?? ??? ???? ???? ??? ? ?? ?? ?? ? ?? ??? ?????.</li> </ul> </li> <li> <p><strong>??? ??</strong></p> <ul> <li> <strong>?? ???</strong>: ???? ?? ?? ??? ?? ???? ?????.</li> <li> <strong>???</strong>: ??, ???, ??? ??????.</li> <li> <strong>??? ??</strong>: Go, Python, Node.js, Rust ?? ?????.</li> </ul> </li> <li> <p><strong>??? ? ??</strong></p> <ul> <li> <strong>?? ??</strong>: ???? ???? ???? ??? ??? ?????.</li> <li> <strong>??? ???</strong>: ???? ?? ??? ?? ?????.</li> <li> <strong>??? ??</strong>: ??? ??? ??? ?? ?? ??? ?? ???? ?????.</li> </ul> </li> </ol> <p>? ?? ?? ??? ??? ???? ?????.</p> <p>? ??? ???: ? UI ??? ??? ?????? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">? ????? ??</div> <div>? ?? ??? ????? ???? ??? ??????, ???? ?????? ????. ? ???? ?? ???? ?? ??? ?? ????. ???? ??? ???? ???? ??? ?? admin@php.cn?? ?????.</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <!-- <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>?? ??</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/1796821119.html" title="??? : ??? ???? ?? ??/?? ?? ??/??" class="phpgenera_Details_mainR4_bottom_title">??? : ??? ???? ?? ??/?? ?? ??/??</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 ? ? ?</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/1796827210.html" title="??? ? ?? ??? | ?? ?? ?? ?? (Derby Musume)" class="phpgenera_Details_mainR4_bottom_title">??? ? ?? ??? | ?? ?? ?? ?? (Derby Musume)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>2 ? ? ?</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/1796828723.html" title="Agnes Tachyon ?? ??? | ?? ?? ?? ?? (Derby Musume)" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon ?? ??? | ?? ?? ?? ?? (Derby Musume)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 ? ? ?</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/1796821436.html" title="Dune : ?? - ?? ?? ?? ??? ??" class="phpgenera_Details_mainR4_bottom_title">Dune : ?? - ?? ?? ?? ??? ??</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 ? ? ?</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/1796821278.html" title="?? ??? : Dirk and Harper ?? ???" class="phpgenera_Details_mainR4_bottom_title">?? ??? : Dirk and Harper ?? ???</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 ? ? ?</span> <span>By Jack chen</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/ko/article.html">???</a> </div> </div> </div> --> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>? AI ??</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ko/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ko/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>??? ???? ??</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ko/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ko/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>???? ?? ??? ??? ?? AI ?? ?</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ko/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ko/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>???? ?? ???? ??? AI ?????.</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ko/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ko/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI ? ???</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ko/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ko/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/ko/ai">???</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>?? ??</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/1796821119.html" title="??? : ??? ???? ?? ??/?? ?? ??/??" class="phpgenera_Details_mainR4_bottom_title">??? : ??? ???? ?? ??/?? ?? ??/??</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 ? ? ?</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/1796827210.html" title="??? ? ?? ??? | ?? ?? ?? ?? (Derby Musume)" class="phpgenera_Details_mainR4_bottom_title">??? ? ?? ??? | ?? ?? ?? ?? (Derby Musume)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>2 ? ? ?</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/1796828723.html" title="Agnes Tachyon ?? ??? | ?? ?? ?? ?? (Derby Musume)" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon ?? ??? | ?? ?? ?? ?? (Derby Musume)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 ? ? ?</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/1796821436.html" title="Dune : ?? - ?? ?? ?? ??? ??" class="phpgenera_Details_mainR4_bottom_title">Dune : ?? - ?? ?? ?? ??? ??</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 ? ? ?</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/1796821278.html" title="?? ??? : Dirk and Harper ?? ???" class="phpgenera_Details_mainR4_bottom_title">?? ??? : Dirk and Harper ?? ???</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 ? ? ?</span> <span>By Jack chen</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/ko/article.html">???</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>??? ??</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ko/toolset/development-tools/92" title="???++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="???++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ko/toolset/development-tools/92" title="???++7.3.1" class="phpmain_tab2_mids_title"> <h3>???++7.3.1</h3> </a> <p>???? ?? ?? ?? ???</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ko/toolset/development-tools/93" title="SublimeText3 ??? ??" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 ??? ??" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ko/toolset/development-tools/93" title="SublimeText3 ??? ??" class="phpmain_tab2_mids_title"> <h3>SublimeText3 ??? ??</h3> </a> <p>??? ??, ???? ?? ????.</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ko/toolset/development-tools/121" title="???? 13.0.1 ???" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="???? 13.0.1 ???" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ko/toolset/development-tools/121" title="???? 13.0.1 ???" class="phpmain_tab2_mids_title"> <h3>???? 13.0.1 ???</h3> </a> <p>??? PHP ?? ?? ??</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ko/toolset/development-tools/469" title="???? CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="???? CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ko/toolset/development-tools/469" title="???? CS6" class="phpmain_tab2_mids_title"> <h3>???? CS6</h3> </a> <p>??? ? ?? ??</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ko/toolset/development-tools/500" title="SublimeText3 Mac ??" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac ??" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ko/toolset/development-tools/500" title="SublimeText3 Mac ??" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac ??</h3> </a> <p>? ??? ?? ?? ?????(SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/ko/ai">???</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>??? ??</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/gmailyxdlrkzn" title="Gmail ???? ??? ??? ??? ????" class="phpgenera_Details_mainR4_bottom_title">Gmail ???? ??? ??? ??? ????</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>8637</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>17</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/java-tutorial" title="?? ????" class="phpgenera_Details_mainR4_bottom_title">?? ????</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1783</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>16</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/cakephp-tutor" title="Cakephp ????" class="phpgenera_Details_mainR4_bottom_title">Cakephp ????</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1728</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>56</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/laravel-tutori" title="??? ????" class="phpgenera_Details_mainR4_bottom_title">??? ????</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1577</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>28</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ko/faq/php-tutorial" title="PHP ????" class="phpgenera_Details_mainR4_bottom_title">PHP ????</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1442</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>31</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/ko/faq/zt">???</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ko/faq/1796822063.html" title="Java vs. JavaScript : ??? ?????" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035046165294.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Java vs. JavaScript : ??? ?????" /> </a> <a href="http://m.miracleart.cn/ko/faq/1796822063.html" title="Java vs. JavaScript : ??? ?????" class="phphistorical_Version2_mids_title">Java vs. JavaScript : ??? ?????</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:27 AM</span> <p class="Articlelist_txts_p">Java ? JavaScript? ?? ?? ????? ??? ?? ?? ?? ???? ????? ?????. Java? ??? ? ??? ?????? ??? ???? JavaScript? ?? ? ??? ??? ?????.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ko/faq/1796821632.html" title="JavaScript ?? : ?? ??" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175026483186295.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript ?? : ?? ??" /> </a> <a href="http://m.miracleart.cn/ko/faq/1796821632.html" title="JavaScript ?? : ?? ??" class="phphistorical_Version2_mids_title">JavaScript ?? : ?? ??</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 19, 2025 am 12:40 AM</span> <p class="Articlelist_txts_p">JavaScriptCommentsareEnsentialformaining, ?? ? ???? 1) Single-LinecommentsERUSEDFORQUICKEXPLANATIONS.2) Multi-linecommentSexplaincleClexLogicOrprovidedEdeDDocumentation.3) inlineecommentsClarifySpecificPartSofcode.bestPractic</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ko/faq/1796827639.html" title="JS? ??? ???? ???? ???" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175130445135407.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JS? ??? ???? ???? ???" /> </a> <a href="http://m.miracleart.cn/ko/faq/1796827639.html" title="JS? ??? ???? ???? ???" class="phphistorical_Version2_mids_title">JS? ??? ???? ???? ???</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 01, 2025 am 01:27 AM</span> <p class="Articlelist_txts_p">JavaScript?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ko/faq/1796828200.html" title="? ? ??? ??? ?? ???? ??? ??????" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175139053194540.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="? ? ??? ??? ?? ???? ??? ??????" /> </a> <a href="http://m.miracleart.cn/ko/faq/1796828200.html" title="? ? ??? ??? ?? ???? ??? ??????" class="phphistorical_Version2_mids_title">? ? ??? ??? ?? ???? ??? ??????</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 am 01:22 AM</span> <p class="Articlelist_txts_p">TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ko/faq/1796822037.html" title="JavaScript vs. Java : ?????? ??? ? ??" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035006093854.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript vs. Java : ?????? ??? ? ??" /> </a> <a href="http://m.miracleart.cn/ko/faq/1796822037.html" title="JavaScript vs. Java : ?????? ??? ? ??" class="phphistorical_Version2_mids_title">JavaScript vs. Java : ?????? ??? ? ??</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:21 AM</span> <p class="Articlelist_txts_p">JavaScriptIspreferredforwebDevelopment, whithjavaisbetterforlarge-scalebackendsystemsandandandoidapps.1) javascriptexcelsincreatinginteractivewebexperiences withitsdynatureanddommanipulation.2) javaoffersstrongtypingandobject-Orientededededededededededededededededdec</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ko/faq/1796828191.html" title="DOM?? ??? ?? ? ? ??? ??????" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175139034116786.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="DOM?? ??? ?? ? ? ??? ??????" /> </a> <a href="http://m.miracleart.cn/ko/faq/1796828191.html" title="DOM?? ??? ?? ? ? ??? ??????" class="phphistorical_Version2_mids_title">DOM?? ??? ?? ? ? ??? ??????</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 am 01:19 AM</span> <p class="Articlelist_txts_p">??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ko/faq/1796822137.html" title="JavaScript : ???? ????? ??? ?? ??" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035157160537.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript : ???? ????? ??? ?? ??" /> </a> <a href="http://m.miracleart.cn/ko/faq/1796822137.html" title="JavaScript : ???? ????? ??? ?? ??" class="phphistorical_Version2_mids_title">JavaScript : ???? ????? ??? ?? ??</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:46 AM</span> <p class="Articlelist_txts_p">javascriptassevenfundamentalDatatatypes : ??, ???, ??, unull, ??, ? symbol.1) ?? seAdouble-precisionformat, ??? forwidevaluerangesbutbecautiouswithfatingfointarithmetic.2) stringsareimmutable, useefficientconcatenationmethendsf</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ko/faq/1796820615.html" title="Java? JavaScript? ???? ??????" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175012302052703.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Java? JavaScript? ???? ??????" /> </a> <a href="http://m.miracleart.cn/ko/faq/1796820615.html" title="Java? JavaScript? ???? ??????" class="phphistorical_Version2_mids_title">Java? JavaScript? ???? ??????</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 17, 2025 am 09:17 AM</span> <p class="Articlelist_txts_p">Java? JavaScript? ?? ????? ?????. 1. Java? ???? ???? ??? ? ??? ?????? ?????? ? ?? ???? ?????. 2. JavaScript? ?? ? ?? ?? ? ??? ?? ??? ???? ??? ? ?? ? ?? ?????.</p> </div> </div> <a href="http://m.miracleart.cn/ko/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>???? ??? PHP ??，PHP ???? ?? ??? ?????！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://m.miracleart.cn/ko/about/us.html">?? ??</a> <a href="http://m.miracleart.cn/ko/about/disclaimer.html">?? ??</a> <a href="http://m.miracleart.cn/ko/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="hd4of" class="pl_css_ganrao" style="display: none;"><samp id="hd4of"></samp><dfn id="hd4of"><small id="hd4of"><style id="hd4of"><object id="hd4of"></object></style></small></dfn><input id="hd4of"><object id="hd4of"><acronym id="hd4of"></acronym></object></input><th id="hd4of"></th><sub id="hd4of"><center id="hd4of"></center></sub><big id="hd4of"><xmp id="hd4of"></xmp></big><span id="hd4of"></span><mark id="hd4of"><font id="hd4of"><tr id="hd4of"><output id="hd4of"></output></tr></font></mark><center id="hd4of"></center><sup id="hd4of"><center id="hd4of"></center></sup><dl id="hd4of"><cite id="hd4of"><strike id="hd4of"></strike></cite></dl><th id="hd4of"><div id="hd4of"><source id="hd4of"></source></div></th><abbr id="hd4of"><table id="hd4of"><tbody id="hd4of"></tbody></table></abbr><nav id="hd4of"><menu id="hd4of"><code id="hd4of"></code></menu></nav><dl id="hd4of"><tbody id="hd4of"><sub id="hd4of"><menuitem id="hd4of"></menuitem></sub></tbody></dl><option id="hd4of"></option><pre id="hd4of"></pre><var id="hd4of"><strong id="hd4of"></strong></var><address id="hd4of"></address><li id="hd4of"><em id="hd4of"><noframes id="hd4of"><menu id="hd4of"></menu></noframes></em></li><acronym id="hd4of"></acronym><dfn id="hd4of"></dfn><form id="hd4of"><track id="hd4of"><th id="hd4of"></th></track></form><object id="hd4of"><ol id="hd4of"><tfoot id="hd4of"></tfoot></ol></object><p id="hd4of"><td id="hd4of"><center id="hd4of"><address id="hd4of"></address></center></td></p><small id="hd4of"><noframes id="hd4of"><abbr id="hd4of"><listing id="hd4of"></listing></abbr></noframes></small><acronym id="hd4of"><tfoot id="hd4of"></tfoot></acronym><track id="hd4of"><th id="hd4of"><tbody id="hd4of"><small id="hd4of"></small></tbody></th></track><code id="hd4of"></code><source id="hd4of"></source><ol id="hd4of"></ol><th id="hd4of"></th><strong id="hd4of"><menu id="hd4of"><input id="hd4of"><dl id="hd4of"></dl></input></menu></strong><nav id="hd4of"></nav><label id="hd4of"><fieldset id="hd4of"><dl id="hd4of"><source id="hd4of"></source></dl></fieldset></label><source id="hd4of"><wbr id="hd4of"><strike id="hd4of"></strike></wbr></source><tbody id="hd4of"></tbody><optgroup id="hd4of"></optgroup><strong id="hd4of"></strong><nav id="hd4of"></nav><output id="hd4of"></output><listing id="hd4of"></listing><dfn id="hd4of"><cite id="hd4of"><tfoot id="hd4of"></tfoot></cite></dfn><strike id="hd4of"></strike><video id="hd4of"></video><span id="hd4of"><tr id="hd4of"><dfn id="hd4of"><blockquote id="hd4of"></blockquote></dfn></tr></span><s id="hd4of"></s><tbody id="hd4of"></tbody><span id="hd4of"><pre id="hd4of"></pre></span><dfn id="hd4of"><abbr id="hd4of"></abbr></dfn><dfn id="hd4of"><code id="hd4of"><strong id="hd4of"><p id="hd4of"></p></strong></code></dfn><label id="hd4of"><pre id="hd4of"></pre></label><dl id="hd4of"><strike id="hd4of"><big id="hd4of"><center id="hd4of"></center></big></strike></dl><dl id="hd4of"><strike id="hd4of"><tfoot id="hd4of"><progress id="hd4of"></progress></tfoot></strike></dl><progress id="hd4of"></progress><nobr id="hd4of"></nobr><tr id="hd4of"></tr><acronym id="hd4of"><pre id="hd4of"><track id="hd4of"><th id="hd4of"></th></track></pre></acronym><u id="hd4of"><table id="hd4of"><optgroup id="hd4of"></optgroup></table></u><listing id="hd4of"><strong id="hd4of"><cite id="hd4of"><input id="hd4of"></input></cite></strong></listing><em id="hd4of"><button id="hd4of"><option id="hd4of"><track id="hd4of"></track></option></button></em><font id="hd4of"><ins id="hd4of"><button id="hd4of"></button></ins></font><legend id="hd4of"></legend><th id="hd4of"></th><samp id="hd4of"><delect id="hd4of"><tt id="hd4of"><b id="hd4of"></b></tt></delect></samp><em id="hd4of"><del id="hd4of"><dfn id="hd4of"><u id="hd4of"></u></dfn></del></em><track id="hd4of"></track><pre id="hd4of"><object id="hd4of"></object></pre><tbody id="hd4of"><tr id="hd4of"><menuitem id="hd4of"><ul id="hd4of"></ul></menuitem></tr></tbody><small id="hd4of"><strong id="hd4of"><li id="hd4of"></li></strong></small><tbody id="hd4of"></tbody><small id="hd4of"><form id="hd4of"><nobr id="hd4of"><label id="hd4of"></label></nobr></form></small><rt id="hd4of"></rt><button id="hd4of"></button><code id="hd4of"><table id="hd4of"><dfn id="hd4of"><s id="hd4of"></s></dfn></table></code><abbr id="hd4of"></abbr><sup id="hd4of"></sup><nobr id="hd4of"></nobr><kbd id="hd4of"></kbd><rp id="hd4of"></rp><kbd id="hd4of"><tr id="hd4of"></tr></kbd><noframes id="hd4of"><rp id="hd4of"></rp></noframes><rp id="hd4of"><abbr id="hd4of"><li id="hd4of"><label id="hd4of"></label></li></abbr></rp><legend id="hd4of"><p id="hd4of"><ol id="hd4of"><dl id="hd4of"></dl></ol></p></legend><dd id="hd4of"><xmp id="hd4of"><dfn id="hd4of"><pre id="hd4of"></pre></dfn></xmp></dd><legend id="hd4of"></legend><div id="hd4of"><big id="hd4of"><xmp id="hd4of"><dfn id="hd4of"></dfn></xmp></big></div><pre id="hd4of"><sup id="hd4of"><samp id="hd4of"></samp></sup></pre><pre id="hd4of"></pre><div id="hd4of"><span id="hd4of"><tfoot id="hd4of"><progress id="hd4of"></progress></tfoot></span></div><sup id="hd4of"></sup><pre id="hd4of"></pre><li id="hd4of"></li><strong id="hd4of"><i id="hd4of"><th id="hd4of"></th></i></strong><listing id="hd4of"><strong id="hd4of"><label id="hd4of"></label></strong></listing><tbody id="hd4of"></tbody><menu id="hd4of"><input id="hd4of"></input></menu><style id="hd4of"></style><abbr id="hd4of"></abbr><nav id="hd4of"></nav></div> </html>