<?xml version="1.0" encoding="utf-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>六六互联服务</title><link>https://www.zhuimoon.com/</link><description>外贸</description><item><title>外贸仿牌投诉fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare忽略</title><link>https://www.zhuimoon.com/post/160.html</link><description>&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;大家都知道，国外贸易对各种各样的限制与国内都不同，水土不服，独立站做外贸经常碰到这些邮件投诉：&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;text-wrap: nowrap; font-size: 20px;&quot;&gt;fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;然后服务器就关闭了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;联系我们，用我们的服务器，我们帮你统统忽略了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;安心做外贸。再也不用担心卖的好的产品必须下架了。&lt;span style=&quot;text-wrap: nowrap; font-size: 20px; color: #FF0000;&quot;&gt;【六六互联】-忽略外贸网站投诉&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/11/202311051699188009848938.png&quot; style=&quot;&quot; title=&quot;333.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/11/202311051699188009286629.jpg&quot; style=&quot;&quot; title=&quot;111.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/11/202311051699188009538046.png&quot; style=&quot;&quot; title=&quot;222.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/11/202311051699188009719115.png&quot; style=&quot;&quot; title=&quot;444.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/11/202311051699188009776852.png&quot; style=&quot;&quot; title=&quot;555.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Sun, 05 Nov 2023 20:39:02 +0800</pubDate></item><item><title>“綠錶”盛行的時代，欣賞各家制錶品牌帶來的綠色腕錶</title><link>https://www.zhuimoon.com/post/159.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 在如今“綠錶”盛行的時代，各家制錶品牌帶來的綠色腕錶可以說樣式繁多，讓人挑花了眼，如果說綠色腕錶講究得是騷氣靚眼，那麽在這其中，綠錶搭配金質錶殼的顏值則更勝一籌。其實這種色調選材的搭配併不少見，我們在一些珠寶首飾當中，譬如翡翠玉石等均十分常見，這種綠色黃金的質感襯得人有種獨特的雍容華貴之美。&lt;/p&gt;&lt;p&gt;今天，腕錶之家將為大家帶來三款設計獨到的綠色金殼設計，體驗一下絕妙搭配：&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686231074288988.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;伯爵PIAGET POLO 繫列G0A47010&lt;/p&gt;&lt;p&gt;產品型號:G0A47010&lt;/p&gt;&lt;p&gt;國內公價:￥231000&lt;/p&gt;&lt;p&gt;腕錶直徑:42毫米&lt;/p&gt;&lt;p&gt;錶殼厚度:9.4毫米&lt;/p&gt;&lt;p&gt;機芯類型:自動機械&lt;/p&gt;&lt;p&gt;機芯型號:1110P&lt;/p&gt;&lt;p&gt;錶殼材質:18k玫瑰金&lt;/p&gt;&lt;p&gt;防水深度:100米&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶點評：伯爵因珠寶方面的造詣，對於綠色一直有著別樣的詮釋。自20世紀60年代初伊始，品牌便開始運用如同寶石一般的鮮艷綠色來點綴腕間時計，配色運用得格外大膽、創新。此次伯爵從誕生地仙子坡的蔥郁山嶺中汲取關於綠色的靈感，採用孔雀石、綠鬆石、翡翠等綠色寶石作為錶盤材質呈現了這款Polo繫列日歴腕錶，腕錶採用18K玫瑰金材質，圓形錶圈搭配枕形錶盤，橫嚮格紋錶盤在不同光線下，會同一時間摺射出不同的綠色調，呈現出一種天然孔雀石的質感。腕錶直徑42毫米，厚度9.4毫米，具備100米防水能力。內部搭載伯爵自制Caliber 1110P自動上鏈機芯。在僅有4毫米厚的空間裏，機芯由180個零件組裝而成，含25顆寶石，振頻28,800次/小時（4赫茲），擁有50小時動力儲存。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686231064352153.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;寶珀經典繫列6651-1453-55A&lt;/p&gt;&lt;p&gt;產品型號:6651-1453-55A&lt;/p&gt;&lt;p&gt;國內公價:￥132000&lt;/p&gt;&lt;p&gt;腕錶直徑:40毫米&lt;/p&gt;&lt;p&gt;錶殼厚度:8.7毫米&lt;/p&gt;&lt;p&gt;機芯類型:自動機械&lt;/p&gt;&lt;p&gt;機芯型號:Cal.1151&lt;/p&gt;&lt;p&gt;錶殼材質:18k黃金&lt;/p&gt;&lt;p&gt;防水深度:30米&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶點評：作為最值得購買的正裝錶之一、寶珀經典繫列腕錶，一直是儒雅風範的代名詞。而今天為大家帶來的這款腕錶不僅延續了其簡潔大氣的幹練風格，還在其中融入了綠色錶盤及貴金屬錶殼，看似樣式出挑的搭配風格，卻呈現出獨特的復古典雅之美，這便是寶珀的神秘魅力。直徑為40毫米的18K黃金錶殼搭配色調濃郁的綠色錶盤，錶盤上裝飾有太陽放射紋路，在不同光線的照射下摺射出美妙光景，其18K黃金時標、指針與殼身相呼應。腕錶內部搭載了寶珀自產的1151機芯，可為腕錶提供長達100小時的動力儲存。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686231053305819.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;歐米茄超霸繫列310.63.42.50.10.001&lt;/p&gt;&lt;p&gt;產品型號:310.63.42.50.10.001&lt;/p&gt;&lt;p&gt;國內公價:￥216700&lt;/p&gt;&lt;p&gt;腕錶直徑:42毫米&lt;/p&gt;&lt;p&gt;機芯型號:3861&lt;/p&gt;&lt;p&gt;錶殼材質:Moonshine 18K金&lt;/p&gt;&lt;p&gt;防水深度:50米&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶點評：最後為大家帶來這款歐米茄“綠金霸”，這枚腕錶較上述兩款而言，其在風格上更具力量霸氣之感，這款腕錶採用Moonshine 18K金打造，這一材質是品牌為紀念人類首次登月50周年推出的全新18K金。腕錶的錶殼直徑為42毫米搭配經綠色PVD處理的“階梯式”錶盤，呈現出太陽射線的打磨效果，指針延續月球錶指針的風格。三個副盤均衡排列在錶盤上，這款月球錶搭載歐米茄3861至臻天文臺機芯，機芯打磨尤為精致，手動上弦的機芯，把玩性及觀賞性都非常到位。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 總結：上述三款腕錶雖然都為綠盤金殼設計，但每一款腕錶都各有其風採，風格也是不盡相同，每一款腕錶都可以說是腕間瑰寶的存在，尤其是最後的歐米茄“綠金霸”更是貨少難得，有實力的玩家不妨多多關註，期待各位入手曬錶！&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Thu, 08 Jun 2023 21:27:07 +0800</pubDate></item><item><title> 品鑒羅傑杜彼全新王者繫列霓虹Spin-Stone™腕錶的裝飾藝術</title><link>https://www.zhuimoon.com/post/158.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 現如今腕錶領域流行設計方嚮，錶友們基本上認可，保留經典韻味的傳統制錶，跟以酷炫為主打的新銳制錶，分為兩派的區分方式。而如果要挑選新銳制錶風格，或者說現代制錶風格的代錶性品牌，可能會有不少錶友都會聯想到羅傑杜彼Roger Dubuis，這個擁有酷炫外觀，卻保留傳統制錶技藝內裏的腕錶品牌。RD在前不久推出了一款王者繫列霓虹Spin-Stone™腕錶，光看官圖效果都挺讓人覺得驚艷的，下面就來通過實拍圖，來給錶友們做個詳細介紹。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686230713273024.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 隨著這幾年一些科幻、賽博朋克風格大作推出，其實也是讓很多元素設計都變得越發流行，像是霓虹就是其一，如果妳在網絡上，搜索霓虹元素設計，妳會發現這麽一段介紹，霓虹設計元素，被視為適中充滿現代感以及未來感的藝術風格，大膽且富活力的色彩應用，極具視覺沖擊力。而羅傑杜彼王者繫列腕錶，就擁有一個霓虹Blacklight子繫列，錶款通過微型合成藍寶石結構以及對發光材質的不斷研究，展現超卓的腕錶藝術創意。今天要給大家介紹的這枚新款Spin-Stone™，也正屬於 Excalibur Blacklight 。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶採用EON GOLD永恆金打造了42毫米錶殼，殼體修飾上主要採用橫嚮拉絲組合棱角邊緣拋光處理。EON GOLD，RD近年推出的嶄新貴金屬材質，是一種特殊的750/1000的5N金質合金，它得益於一項可使金屬不褪光澤的技術，讓玫瑰金可長期保持更穩定的色調。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 錶殼整體線條銳利流暢，整體錶殼造型，也是與RD合作夥伴蘭博基尼的跑車，有些異曲同工之妙。腕錶另一側錶冠，頂部鐫刻RD標識，周身設有護肩，組合錶冠的造型設計，一直讓我覺得靈感源自王冠元素，以及劍柄與劍格造型。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 霓虹Spin-Stone™的亮點設計，一共有兩處，那我們先看寶石鑲嵌。在珠寶材質上選用的是半寶石尖晶石來打造。尖晶石有個特性，根據含有不同的元素，不同的尖晶石，可以有不同的顏色，我們可以看到錶圈內外兩層尖晶石，就呈現由紅色漸變至藍色的虹彩色調。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 不過這錶其實，在看到官圖的時候，給我第一眼反應，註意力都被這種奇特形狀的鑲嵌所吸引，我們常看腕錶上鑲嵌，無論是把鉆石寶石做階梯或是圓型切割，都還挺常見的，值得一提的是RD對於珠寶款腕錶的制作，也有很深的造詣。但這種帶弧度曲線的條形切割，完美貼合RD標誌性的三角坑紋錶圈，一格正正好好塞進一塊尖晶石，確實是頭次見到，RD也說在為此項鑲嵌工藝申請專利。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686230725204354.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 而另一項亮點，就是錶款的發光效果。RD此前給錶所制作的發光效果大概分為三種。&lt;/p&gt;&lt;p&gt;第一種是通過微結構創新技術，把藍寶石微管型晶柱體穿梭延展於機芯內，藍寶石需要在UV燈照射下綻放光芒。&lt;/p&gt;&lt;p&gt;第二種是通過熒光彩漆，RD制錶師從gully的噴漆作品中汲取靈感，將熒光彩漆填充盤面字母框架，以明亮的現代色調去適配塗鴉風格，但跟第一種一樣，需要通過UV燈照射它才能亮。&lt;/p&gt;&lt;p&gt;第三種就是RD前兩年推出限量8枚的，全球首創的夜光鉆石技術王者單陀腕錶，品牌在用於固定位置的鉆石凹槽中填入Super-Luminova夜光塗料，無需改變鉆石就擁有發光效果，不過從另一中角度來看這項工藝，它也代錶著羅傑杜彼在錶圈上所使用的鉆石得純凈至極。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 而王者繫列霓虹Spin-Stone™，就與夜光鉆石技術類似，每一顆尖晶石都塗覆了Super LumiNova™夜光塗料，讓腕錶無論處於光線昏暗環境下，還是在紫光燈照射下，都能閃耀繽紛色彩。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 而為了整錶實現色調上的均勻性，還有最主要的寶石塗覆Super LumiNova™的最終發光效果，每顆尖晶石是需要經過合成生長的，那為什麽用合成尖晶石？其實很簡單，天然的首先沒法保證這些彩色尖晶石色度一樣，再一個找這麽大這麽亮的天然寶石很費勁，而我們最終也以實物說話，腕錶所使用的尖晶石，色彩與光線的融合，堪稱完美，寶石也能達到了最無暇的效果。這夜光效果，我相信絕大部分錶友們，看了應該都會覺得夠炫吧。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶盤面也由 3D 尖晶石，在RD標誌性五芒星金屬橋闆，疊構了一層彩色寶石五芒星，且五芒星的中心整齊地點綴著一顆天然熒光鉆石。這種材質搭配跟制作模式，與此前的夜光鉆石單陀如出一轍，RD為腕錶的華美絢麗效果，關註到了每一處細節。在腕錶3點鐘位置，也可清晰的看到腕錶的日內瓦印記。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 機芯每一枚零件皆經過手工精修打磨，我們通過實拍圖可以看到，拉絲、拋光、噴砂、倒角各種精湛修飾工藝，在這款腕錶上是樣樣不差。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 從這張放大圖上，我們可以看到被尖晶石遮擋一半的，做拉絲處理的“腎型”遊絲外樁，就是專門為符合日內瓦印記標准所使用的。而上方的微型擺陀，RD也在去年為星際鏤空繫列腕錶作了優化升級，通過750/100玫瑰金組合鎢金屬的擺陀，以最大限度地減少振動，增強上鏈效率。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶所搭載的RD720SQ機芯，在去年經過升級後，機芯的運行效率和能量傳輸等硬件新能都得到了優化改善，併且我們需要註意的是，RD為擒縱繫統，使用了覆有金剛石塗層的矽質制作而成的擒縱輪，以及可調節矽質叉瓦，這技術也讓我聯想到了雅典的鉆石矽晶體技術，將矽質零件的硬度和光滑度做到提升，不過RD官方併未對其做過多詳細介紹。腕錶機芯動力儲存也提高至72小時.&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686230739593480.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 而且最主要的這塊錶，不光正面會亮，錶背也會亮，兩根3D尖晶石橫跨整枚機芯。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 隨錶配有一條白色壓花小牛皮錶帶，併裝配快拆繫統，一鍵快拆輕鬆更換錶帶。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 總結：羅傑杜彼全新霓虹Spin-Stone™腕錶，從外觀設計到內部機芯就都給大家介紹完了，那我聊聊這錶給我的最直觀感受，首先是覺得這錶在外觀設計上，絕對夠炫，發光的寶石，絕對讓妳能成為派對上最亮的星，而喜歡它的人，可能也就是沖這個勁頭來買單。不過腕錶實物一入眼，還真讓我聯想到霓虹炫彩，這幾年在設計領域的成功，比如就拿與腕錶領域密切相關的汽車設計來說，奔馳S級別的內飾氛圍燈，這也會讓我覺得，果然設計美學都是存在共通性的。併且這款霓虹Spin-Stone™腕錶，我認為它的真正意義，是顛覆常規的羅傑杜彼，用一種全新方式，將鉆石、寶石這些傳統裝飾工藝，開發了更多的可能性，如果RD以後的珠寶款，要是個個都能亮，是不是就直接與其他品牌形成了區別。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Thu, 08 Jun 2023 21:06:48 +0800</pubDate></item><item><title>日內瓦鐘錶與奇跡高級鐘錶展各大品牌推出的新錶分析今年的趨勢</title><link>https://www.zhuimoon.com/post/157.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 大家好，2023日內瓦鐘錶與奇跡高級鐘錶展已經圓滿落下了帷幕。今年共有48個鐘錶品牌參展，其中有26個小眾獨立品牌。從各大品牌推出的新錶上看，我認為今年的趨勢主要是三個：&lt;/p&gt;&lt;p&gt;1.正裝錶正式開啟休閑化模式，而且我認為至少未來十年都會是這個趨勢。&lt;/p&gt;&lt;p&gt;2.帶有緩震效能的零件開始普及。&lt;/p&gt;&lt;p&gt;3.各大品牌更加註重功能的呈現方式和實際觸感。&lt;/p&gt;&lt;p&gt;從以上這三個趨勢我們可以看出，手錶作為一件工藝相對復雜的時尚單品，好看和體感才是最重要的。&lt;/p&gt;&lt;p&gt;下面我將按照字母順序分別為大家解析各主流品牌推出的重點錶款。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686226669652662.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 當我們每年看到朗格展臺的巨大手錶模型時都比看到手錶本身更興奮，因為將朗格重磅新錶放大50倍欣賞實在是太爽了，今年朗格的重磅新錶就是奧德修斯繫列從誕生以來的第一只計時錶。剛開始我還以為這款擁有兩根修長指針的錶是款追針，後來才知道，那根和紅色計時秒針一樣長的銀色指針其實是60分鐘計時分針，即使它只是款計時錶，但由於是朗格出品，且還是來自奧德修斯繫列，就註定它要與眾不同。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 首先朗格為其特別研發了一款名為L156.1全新的計時機芯，但是按照朗格一錶一機芯的調性和100只的數量，那麼也就意味著這枚全新的機芯也就只有100個。要知道這個產量對於機芯而言，成本簡直是高到無法想象；其次就是它擁有全新的歸零裝置，當計時分針以傳統方式歸零時，紅色計時秒針可在幾分之一秒內跨越計時分針此前紀錄的時間，以旋轉圈數的方式體現出測量過的分鐘數，如果計時分針紀錄的時間未達30分鐘，兩根指針則以逆時針方嚮歸零，如果超過30分鐘，兩根指針則將順時針歸零。體現到視覺上，就是歸零時會非常爽的看到紅色秒針會像螺旋槳一樣飛速旋轉。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 最後就是它巧妙的操作，錶冠不拉出時，兩個錐形按鍵可正常操作計時，拉出第一檔時，兩個按鍵就瞬間變成了星期和大日歴的調節鈕，再拉出一檔就是時間調校。總之，這只錶除了貴沒毛病，目前這款錶的價格是人民幣100萬左右，但據說需要配貨600萬，所以屏幕前和我一樣家裏沒礦的朋友，咱們看看就行了！可即便看看，我也要說，它錶盤上的那行automatic瞬間就拉低了這款錶的檔次，同意的朋友可以在評論區扣一。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686226682870453.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 雖然非圓形的旋轉錶圈我之前也看到過，但當名士全新利維拉潛水錶在我眼前出現的時候，還是著實有些驚喜，它的出現可以說完全打破了我們對利維拉的固有印象，12邊型的旋轉錶圈搭配間隔出現，且與錶盤、錶帶、錶圈刻度同色的防滑齒，讓我們體會到原來利維拉也能如此的俏皮，而且經陽極氧化處理後的防滑齒摸上去手感順滑，轉動時也得心應手。作為一直潛水錶，防水深度自然達到了令人安心的300米，另外除了顏值和性能，擁有5天動儲，配備矽質擒縱部件的Baumatic機芯也是如約而至！總之，這款錶絕對是一只配置拉滿且物超所值的潛水錶。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 卡地亞一直以來都是每年推出新錶數量最多的品牌，面對如此多的新錶，我覺得最有看頭的還得數卡地亞的Privé私人繫列，私人繫列是卡地亞繼CPCP和HH繫列之後推出的又一個收藏級別的繫列，它們的共同點都是限量且都是金錶，不同則在於，HH繫列更加註重手錶功能的超復雜，而私人繫列則是要完美傳承卡地亞的家學淵源和專屬美學，所以其每年都會推出一個錶款主題去嚮經典致敬，今年是私人繫列推出的第七個年頭，主題是Tank Normale，以致敬卡地亞於1917設計，併於1919年發售的其歴史上首款坦克手錶。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686226693949426.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 該主題共有7款手錶，其中令我印象最深刻的就是鉑金鏈帶款，這款錶我第一眼看上去仿佛就是一只剛從博物館拿出來的古董錶，因為它完美保留了原版的整體比例和斜切錶鏡。其次，由於錶面全部採用了極細膩的緞面拉絲處理，所以既看著有些舊但它又很新，甚至還像一只不銹鋼錶，而當我戴上後感受到它沈甸甸的份量時，我發現真正的低調奢華，不僅是一只鉑金錶要看上去像一只鋼錶，更要一只新錶要看上去像一只有年代感的古董錶。這種貴賤交織、新舊交融的感覺實在是太奇妙了！不信的話，大家可以去店裏試，尤其是鉑金特有的冷艷白搭配上紅寶石的深邃紅，這組CP配色的味道實在是絕了。這款錶限量100只，有條件的小夥伴絕對值得入。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Thu, 08 Jun 2023 20:17:24 +0800</pubDate></item><item><title>勞力士把第一次運動款透底，直接放在了鉑金迪通拿上</title><link>https://www.zhuimoon.com/post/156.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 今年剛剛落幕的2023年“鐘錶與奇跡”日內瓦高級鐘錶展，關註度最高的兩個腕錶新品繫列，必然是勞力士迪通拿，以及IWC萬國錶工程師。今年勞力士正逢迪通拿誕生60周年，所以既對該繫列腕錶作品，進行了全線更新換代，併出乎意料的給鉑金殼迪通拿，也就是錶友們喜愛的冰藍迪，做了背透設計。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686221362290662.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 雖然勞力士併不是第一次給旗下腕錶做透底，原來曾在切利尼王子型上做過嘗試，但這回給鉑金冰藍迪做透底，確實是運動款，也就是勞力士官方稱作的專業款上，第一次透底。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 在錶展期間，我們已經就勞力士新款鉑金迪通拿的實拍照片，給大家做了不少介紹，那今天就再通過視頻內容看一看，新一代迪通拿的變化，併且重點聊一聊，此次冰藍迪的透底設計。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 首先，我們把最重要的放在前面聊，在新品的討論聲音中就包括有不少爭議，很多錶友一看到新冰藍迪，就覺得它不該做背透，看法不同很正常，有不同觀點交流，也是錶友們玩錶的一大樂趣所在。那麽勞力士能不能透底？我個人的觀點是，勞力士做透底，沒有任何問題，不少錶友也呼籲了很多年，想見到勞力士做背透設計的款式，而我們從同級別腕錶品牌中看，歐米茄、萬國、卡地亞、沛納海、百年靈、真力時等，普遍大量款式，都是做透底的，它們能透，那勞力士必然也能透。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 而在勞力士鉑金迪通拿發佈後，有的錶友們，就覺得透底了，勞力士4131自動機芯機芯，也一覽無余了，但它的機芯裝飾，還是不夠精美。客觀的說，如果用百達翡麗的機芯裝飾標准，去衡量評判勞力士，那麽勞力士機芯，肯定和百達翡麗存在差距。但如果將勞力士機芯，放在剛才列舉的同級別腕錶品牌中，那麽勞力士機芯，絕對是一點兒毛病沒有，甚至很“良心”。良心在哪？在於可見之處，不可見之處，勞力士沒拉下一點打磨。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686221377346290.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 從鉑金冰藍迪的背透中，我們觀察新一代4131自動計時機芯，使用一個大尺寸全金鏤空自動擺陀。而機芯上層夾闆，鋪日內瓦條紋裝飾，外露紅寶石軸承，孔位細節上還鍍了個小金圈，效果很像黃金套筒，拉升美觀度。而外露的螺絲頭，都做拋光。下方夾闆，包括擺輪夾闆，大量拉絲。機芯最底層夾闆，魚鱗紋裝飾。夾闆邊緣處理倒角。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 勞力士機芯打磨水平，最關鍵的一點是，它沒有放棄在妳看不見，被層層遮擋的地方，去做修飾處理，特別是幾乎看不見的底層主夾闆，勞力士也會鋪滿魚鱗紋處理。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 而勞力士同級別腕錶，各位玩家也都能心領神會，很多品牌，一直在機芯打磨水平上，去不斷縮水。從“只蓋不磨”，到現在徹底縮水成為“毛坯狀態”，恨不得機床下來，妳這機芯零件就是啥樣，正常打磨水平都達不到，其實不少鐘錶粉絲群體，看到妳能省則省的處理，看不下去都是輕的，對此失望又是另一回事了。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 這次冰藍迪透底，大家感到有異議的原因在於，勞力士把第一次運動款透底，直接放在了鉑金迪通拿上，鉑金冰藍迪是什麽，是很多錶友的夢中情錶，勞力士的畢業款之一，市場實際價格遠超公價，如果不提及市場價格，只看公價60萬，那我們看與它同級別的計時碼錶，就是百達翡麗5172G手動計時，對比其所搭載的頂級手動計時機芯CH29，那勞力士鉑金迪通拿透底，機芯修飾，就顯得有差距了。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686221390752200.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 錶友們普遍對新冰藍迪，期望值很高，如果這次勞力士全線投放背透設計，包括鋼迪，那麽我覺得，錶友們質疑的聲音就會少很多，就像全新的1908繫列正裝錶，因為其價位定位，就沒怎麽看到有錶友，去質疑它的打磨裝飾水平。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Thu, 08 Jun 2023 18:48:50 +0800</pubDate></item><item><title>“熊貓盤”出現在計時碼錶的領域，黑白樣式的配色酷似我們的國寶大熊貓</title><link>https://www.zhuimoon.com/post/155.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 20世紀中期“熊貓盤”出現在計時碼錶的領域，黑白樣式的配色酷似我們的國寶大熊貓，所以被錶友們親切地稱為“熊貓盤”。隨著熊貓盤的火熱，不少品牌還相繼推出了藍色、黑色等多種顏色的熊貓盤面，不過看了這麽多熊貓盤，個人認為還得是黑白配色最為經典耐看，今天腕錶之家就給大家找了三款價格在6萬元左右的熊貓盤計時腕錶，一起來看看吧。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686219813739818.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;泰格豪雅卡萊拉繫列CBK221H.FC8317&lt;/p&gt;&lt;p&gt;產品型號:CBK221H.FC8317&lt;/p&gt;&lt;p&gt;國內公價:￥54700&lt;/p&gt;&lt;p&gt;腕錶直徑:39毫米&lt;/p&gt;&lt;p&gt;機芯類型:自動機械&lt;/p&gt;&lt;p&gt;機芯型號:Calibre Heuer 02&lt;/p&gt;&lt;p&gt;錶殼材質:精鋼，拋光&lt;/p&gt;&lt;p&gt;防水深度:100米&lt;/p&gt;&lt;p&gt;腕錶點評：泰格豪雅卡萊拉繫列腕錶直至2023年已經又60年的歴史，為了紀念這一特殊時刻，品牌推出了這款60周年紀念計時碼錶，限量發售600枚。這款腕錶的設計靈感來自卡萊拉古董腕錶2447 SN錶款，採用了與它相同的銀色錶盤搭配黑色小錶盤，是一款不摺不扣的“熊貓盤”腕錶。腕錶的中央指針和時標鑲飾黑色條紋，12點鐘位置的採用雙重時標，整個錶款充滿鮮明對比。39毫米拋光精鋼錶殼環繞錶盤，搭配凸起的“玻璃盒（glass box）”狀藍寶石錶鏡以及古董風格的按鈕，錶盤外緣為米色熒光的纖細張力環，令腕錶外觀頗具復古感。腕錶內部搭載的是泰格豪雅品牌自制的Heuer 02自動機械計時機芯，這款機芯的動力儲存達80小時，防水深度100米。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686219823783885.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;真力時旗艦繫列03.A384.400/21.M384&lt;/p&gt;&lt;p&gt;產品型號:03.A384.400/21.M384&lt;/p&gt;&lt;p&gt;國內公價:￥68500&lt;/p&gt;&lt;p&gt;腕錶直徑:37毫米&lt;/p&gt;&lt;p&gt;機芯類型:自動機械&lt;/p&gt;&lt;p&gt;機芯型號:El Primero 400&lt;/p&gt;&lt;p&gt;錶殼材質:精鋼&lt;/p&gt;&lt;p&gt;防水深度:50米&lt;/p&gt;&lt;p&gt;腕錶點評：既然提到了復刻版腕錶，那就再和大家說一款，就是這枚真力時CHRONOMASTER旗艦繫列EL PRIMERO A384復刻版腕錶，這款腕錶復刻的是1969年編號A384原型腕錶的外觀。腕錶採用精鋼材質打造錶殼，直徑僅有37毫米，光看這個錶徑，復古感就有了。黑白熊貓盤的設計讓腕錶極為簡潔復古，雖然三個小錶盤，但併不繁雜。腕錶內部搭載了El Primero 400型自動上鏈機芯，高振頻，機芯振頻可達36,000次每小時上滿鏈時動力儲存達50小時，防水性能為50米。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2023/06/202306081686219834654554.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;百年靈璞雅繫列AB0118221G1P1（摺疊扣）&lt;/p&gt;&lt;p&gt;產品型號:AB0118221G1P1（摺疊扣）&lt;/p&gt;&lt;p&gt;國內公價:￥62200&lt;/p&gt;&lt;p&gt;腕錶直徑:42毫米&lt;/p&gt;&lt;p&gt;錶殼厚度:13.65毫米&lt;/p&gt;&lt;p&gt;機芯類型:自動機械&lt;/p&gt;&lt;p&gt;機芯型號:Cal.01&lt;/p&gt;&lt;p&gt;錶殼材質:精鋼&lt;/p&gt;&lt;p&gt;防水深度:100米&lt;/p&gt;&lt;p&gt;腕錶點評：百年靈璞雅繫列是百年靈首個以風格著稱的優雅腕錶繫列，所以在該繫列腕錶中我們總可以感受到非常強烈的儒雅氣質，這款璞雅繫列熊貓盤腕錶同樣如此。這款腕錶的直徑為42毫米，厚度為13.65毫米。錶盤設計簡潔大氣，3點鐘位置的黑色分鐘纍積計時器以及9點鐘位置的黑色小秒盤與錶盤顏色形成鮮明對比，構成了“熊貓盤”。這款腕錶採用凸起的圓拱型藍寶石玻璃，可延伸至錶圈上方2毫米。這種凸起的圓頂外觀旨在模仿過去的樹脂玻璃造型，復古感十足。這款腕錶搭載百年靈自制01機芯，經瑞士官方天文臺認證的計時機芯，擁有70小時以上的動力儲存。&lt;/p&gt;&lt;p&gt;總結：黑白配，形似熊貓臉的設計也十分討喜，顏值不用多說，還便於清晰讀時。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Thu, 08 Jun 2023 18:19:23 +0800</pubDate></item><item><title>在网页编写JavaScript时，可以通过嵌入式、外链式和行内式</title><link>https://www.zhuimoon.com/post/154.html</link><description>&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2022/12/202212281672202381733676.png&quot; title=&quot;QQ图片20220509195740.png&quot; alt=&quot;QQ图片20220509195740.png&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;在网页编写JavaScript时，可以通过嵌入式、外链式和行内式这3种方式来引入JavaScript代码，下面针对这3种方式分别进行讲解。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;1&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;．嵌入式&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;嵌入式就是使用&amp;lt;script&amp;gt;标签包裹JavaScript代码，直接编写到HTML文件中，具体实例如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;177&quot; valign=&quot;top&quot; style=&quot;border-color: windowtext; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;&amp;lt;script&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; JavaScript&lt;/span&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;语句&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;br/&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;253&quot; valign=&quot;top&quot; style=&quot;border-color: windowtext; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;&amp;lt;script &amp;nbsp;type=&amp;quot;text/javascript&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;JavaScript&lt;/span&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;语句&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;br/&gt;上述示例演示了两种书写方式，其中&amp;lt;script&amp;gt;标签的type属性用于告知浏览器脚本的类型，由于HTML5中该属性默认值为&amp;quot;text/javascript&amp;quot;，因此在编写时可以省略。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;2&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;．外链式&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;外链式是指将JavaScript代码保存到一个单独的文件中，通常使用“js”作为文件的扩展名，然后使用&amp;lt;script&amp;gt;标签的src属性引入文件，具体示例如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 144px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;236&quot; valign=&quot;top&quot; height=&quot;81&quot; style=&quot;border-color: windowtext; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; HTML&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;文件&lt;/span&gt;&lt;br/&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;……&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;&amp;lt;script &amp;nbsp;src=&amp;quot;js/demo.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;……&lt;/span&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;br/&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 113px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;187&quot; valign=&quot;top&quot; height=&quot;113&quot; style=&quot;border-color: windowtext; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;js/demo.js&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;文件&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;……&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;alert(&amp;quot;Hello World&amp;quot;);&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;line-height: 18px; font-family: 宋体;&quot;&gt;……&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 27px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;br/&gt;通过示例可以看出，src属性是一个文件路径或URL地址，可以指定为如下形式。&lt;/span&gt;&lt;/p&gt;&lt;ul class=&quot; list-paddingleft-2&quot; style=&quot;padding: 0px 0px 0px 20px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;相对路径：“js/demo.js”引入当前目录下的js子目录中的demo.js文件；“../js/demo.js”引入上级目录下的js子目录中的demo.js文件。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;绝对路径：“/js/demo.js”引入网站根目录下的js子目录中的demo.js文件；如果网页在本地，可以通过“file://c:/js/demo.js”引入本地文件&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;URL&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;地址：如“http://js.test/demo.js”；若自动使用当前页面协议，可写为“//js.test/demo.js”。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;在实际开发中，当需编写大量、逻辑复杂、特有功能的JavaScript代码时，推荐大家使用外链式。相比嵌入式，外链式的优势可以总结为以下3点。&lt;/span&gt;&lt;/p&gt;&lt;ul class=&quot; list-paddingleft-2&quot; style=&quot;padding: 0px 0px 0px 20px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;嵌入式会导致HTML与JavaScript代码混合在一起，不利于修改和维护。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;嵌入式会增加HTML文件的体积，影响网页本事的加载速度，而外链式可以利用浏览器缓存提高速度。例如，在多个页面中引入了相同的js文件是，打开第一个页面后，浏览器就会将js文件缓存下来，下次打开其他页面时，就不用重新下载js文件了。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;外链式有利于分布式部署。网页中链接的js、css、图片等静态文件可以部署到CDN服务器上，利用CDN的优势加快下载速度。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;为了降低JavaScript阻塞问题对页面造成的影响，可以使用HTML5为&amp;lt;script&amp;gt;标签新增的两个可选属性：async和defer，下面分别介绍其作用。&lt;/span&gt;&lt;/p&gt;&lt;ol class=&quot;custom_num1 list-paddingleft-1&quot; style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;li class=&quot;list-num-2-1 list-num1-paddingleft-1&quot; style=&quot;&quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; line-height: 27px;&quot;&gt;&lt;span style=&quot;line-height: 27px; font-family: 宋体;&quot;&gt;1)&lt;span style=&quot;font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;line-height: 27px; font-family: 宋体;&quot;&gt;async&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 27px;&quot;&gt;&lt;span style=&quot;line-height: 27px; font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; async&lt;/span&gt;&lt;span style=&quot;line-height: 27px; font-family: 宋体;&quot;&gt;用于异步加载，即先下载文件，不阻塞其他代码执行，下载完成后再执行。&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;568&quot; valign=&quot;top&quot; style=&quot;border-color: windowtext; line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;font-size: 13px; line-height: 19.5px; font-family: 宋体;&quot;&gt;&amp;lt;script src=&amp;quot;//js.test/demo.js&amp;quot; async&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;ol class=&quot;custom_num1 list-paddingleft-1&quot; style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;li class=&quot;list-num-2-1 list-num1-paddingleft-1&quot; style=&quot;&quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; line-height: 27px;&quot;&gt;&lt;span style=&quot;line-height: 27px; font-family: 宋体;&quot;&gt;2)&lt;span style=&quot;font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;line-height: 27px; font-family: 宋体;&quot;&gt;defer&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 27px;&quot;&gt;&lt;span style=&quot;line-height: 27px; font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; defer&lt;/span&gt;&lt;span style=&quot;line-height: 27px; font-family: 宋体;&quot;&gt;用于延后执行，即先下载文件，知道网页加载完成后再执行。&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;568&quot; valign=&quot;top&quot; style=&quot;border-color: windowtext; line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;font-size: 13px; line-height: 19.5px; font-family: 宋体;&quot;&gt;&amp;lt;script src=&amp;quot;//js.test/demo.js&amp;quot; defer&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;添加async或defer属性后，即使文件下载失败，也不会阻塞后面的JavaScript代码执行。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;3&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;．行内式&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;行内式是将JavaScript代码作为HTML标签的属性值使用。例如，单击“test”按钮时，弹出一个警告框提示“Hello World”,具体示例如下。&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;568&quot; valign=&quot;top&quot; style=&quot;border-color: windowtext; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;font-size: 13px; line-height: 19.5px; font-family: 宋体;&quot;&gt;&amp;lt;a href=&amp;quot;javascript:alert(&amp;#39;Hello &amp;nbsp;World&amp;#39;);&amp;quot;&amp;gt;test&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;JavaScript&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;还可以写在HTML标签的实际属性中，事件是JavaScript中的一种机制。例如，单击网页中的一个按钮时，就会触发按钮的单击事件，具体示例如下。&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;568&quot; valign=&quot;top&quot; style=&quot;border-color: windowtext; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; line-height: 18px;&quot;&gt;&lt;span style=&quot;font-size: 13px; line-height: 19.5px; font-family: 宋体;&quot;&gt;&amp;lt;input type=&amp;quot;button&amp;quot; &amp;nbsp;onclick=&amp;quot;alert(&amp;#39;Hello World&amp;#39;);&amp;quot; value=&amp;quot;test&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;上述代码实现了单击“test”按钮时，弹出一个警告框提示“Hello World”。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;由于现代网页开发提倡结构、样式、行为的分离，即分离HTML、CSS、JavaScript三部分的代码，避免直接写在HTML标签的属性中，从而更有利于维护。因此在实际开发中不推荐使用行内式。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 28 Dec 2022 12:38:58 +0800</pubDate></item><item><title>JavaScript是一种脚本语言，它由LiveScript改名而来</title><link>https://www.zhuimoon.com/post/153.html</link><description>&lt;p&gt;JavaScript是一种脚本语言，它由LiveScript改名而来，可能是为了更好地推广这个脚本语言（利用Java语言的知名度），因此Netscape公司在最后一刻决定将它改名为JavaScript，但其实与Java没有什么关系。JavaScript是一种基于客户端浏览器的，基于对象、事件驱动式的脚本语言。JavaScript也具有跨平台的特点。如同所有的脚本语言，JavaScript是动态解释执行的。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;在没有JavaScript之前，互联网都是静态内容，就像一张张写满内容的纸，Netscape公司为了丰富互联网页的功能，所以在Navigator浏览器中扩展了JavaScript支持，这样就大大扩展了互联网页的功能，使得互联网页可以拥有丰富多彩的动画和用户交互。直到现在，运行JavaScript的主要环境依然是各种浏览器，因此同城会将JavaScript嵌入互联网页中，由浏览器负责解释执行。JavaScript的主要功能为：动态修改HTML也没内容，包括创建、删除HTML也没元素，修改HTML也没元素的内容、外观、位置、大小等。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; HTML5的出现更是突出了JavaScript的重要性，例如HTML5绘图支持，页面上的绘图完成是由JavaScript完成的。不仅如此，HTML5新增的本地存储、离线应用、客户端通信等功能，更是大量使用了JavaScript编程。另外，JavaScript的用途已经不仅局限于浏览器了，Node.js的出现使得开发人员能够在服务器编写JavaScript代码，使得JavaScript的应用更加广泛，二本书主要针对浏览器端的JavaScript语言基础进行讲解，因此读者需要好好地掌握JavaScript编程相关知识&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; JavaScript并不是Java，它们直接甚至没有什么关系。但由于经常有人把Java和JavaScript搞混，JavaScript与Java的区别如下。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;1．Java 和JavaScript完全是两个不同的产品，Java是Sun公司推出的面向对象的程序设计语言；而JavaScript是Netscape公司的产品，其目的是为了扩展Netscape浏览器功能。JavaScript是一张可以嵌入Web也没中的解释性语言。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;2．Java是面向对象的程序设计语言，即使开发简单的程序，也必须从类定义开始；JavaScript是基于对象的，本事提供了丰富的内部对象供设计人员使用。Java语言的最小程序单位是类定义；而JavaScript中充斥着大量函数。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;3．两种语言的执行方式完全不一样。Java语言必须先经过编译，生成字节码，然后由Java虚拟机运行这些字节码；而JavaScript是一种脚本语言，其源代码无须经过编译，由浏览器解释执行。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;4．两种语言的变量声明也不一样。Java是强类型变量语言，所有的变量必须先经过声明，才可以使用所有的变量都有其固定的数据类型；而JavaScript是弱类型变量语言，其变量在使用前无须声明，由解释器在运行时检查其数据类型。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;5．代码格式不一样。Java采用一种与HTML无关的格式，必须像HTML中引用外媒体那样进行装载，其代码以字节代码的形式保存在独立的文档中；而JavaScript的代码采用一种文本字符格式，可以直接嵌入HTML文档中，并且可动态状态，编写HTML文档就像编辑文本文件一样方便。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 在实际的使用中，还由另一种脚本语言：JScript语言。JScript与JavaScript的渊源比较深。事实上，两种语言的核心功能、作用基本一致，都是为了扩展浏览器的功能而开发的脚本语言，只是JavaScript是由Netscape公司开发的，而JScript语言是由Microsoft公司开发的。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 早期的JScript和JavaScript差异相当大，Web程序员不得不痛苦地为两种浏览器分别编写脚本。于是诞生了ECMAScript，这是一个国际标准化的JavaScript版本，现在的主流浏览器都支持这个版本。现在平时所说的JavaScript,严格意义上讲，其实应该是ECMAScript。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2022/12/202212281672202290268193.png&quot; title=&quot;QQ图片20220509195710.png&quot; alt=&quot;QQ图片20220509195710.png&quot;/&gt;&lt;/p&gt;</description><pubDate>Wed, 28 Dec 2022 12:37:19 +0800</pubDate></item><item><title>HTML中有一种特殊的标记——注释标记</title><link>https://www.zhuimoon.com/post/152.html</link><description>&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2022/11/202211021667356915102486.png&quot; title=&quot;QQ图片20221102103136.png&quot; alt=&quot;QQ图片20221102103136.png&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;在HTML中还有一种特殊的标记——注释标记。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标记。其基本语法格式如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp; &amp;lt;!--&amp;nbsp;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;注释语句 &amp;nbsp;--&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;例如，下面为&amp;lt;p&amp;gt;标记添加一段注释，示例代码如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(221, 217, 195); word-break: break-all;&quot;&gt;&amp;nbsp; &amp;lt;p&amp;gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;一段普通的段落。&amp;lt;/p&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;!--这是一段注释,不会在浏览器中显示。--&amp;gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;需要说明的是，注释内容不会显示在浏览器窗口中，但是作为HTML文档内容的一部分，可以被下载到用户的计算机上，查看源代码时就可以看到。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;1.3.4&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;　标记的属性&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;使用HTML制作网页时，如果想让HTML标记提供更多的信息，例如希望标题文本的字体为“微软雅黑”且居中显示，此时仅仅依靠HTML标记的默认显示样式已经不能满足需求了，需要使用HTML标记的属性加以设置。其基本语法格式如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp; &amp;lt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;标记名 属性1=&amp;quot;属性值1&amp;quot; &amp;nbsp;属性2=&amp;quot;属性值2&amp;quot; …&amp;gt; 内容 &amp;lt;/标记名&amp;gt;&lt;/span&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;在上面的语法中，标记可以拥有多个属性，必须写在开始标记中，位于标记名后面。属性之间不分先后顺序，标记名与属性、属性与属性之间均以空格分开，任何标记的属性都有默认值，省略该属性则取默认值。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;标记的属性—举例说明&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;h1 &amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;标题文本&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;其中align为属性名，center为属性值，表示标题文本居中对齐，对于标题标记还可以设置文本左对齐或右对齐，对应的属性值分别为left和right。如果省略align属性，标题文本则按默认值左对齐显示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;书写HTML页面时，经常会在一对标记之间再定义其他的标记，如下所示代码，在&amp;lt;p&amp;gt;标记中包含了&amp;lt;strong&amp;gt;标记。在HTML中，把这种标记间的包含关系称为标记的嵌套。嵌套结构如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp; &amp;lt;p &amp;gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;静&amp;lt;strong&amp;gt;夜&amp;lt;/strong&amp;gt;思&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;需要注意的是，在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由内及外的顺序依次关闭标记。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 02 Nov 2022 10:41:07 +0800</pubDate></item><item><title>网页制作过程中常用的开发工具</title><link>https://www.zhuimoon.com/post/151.html</link><description>&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;网页制作过程中，为了开发方便，通常我们会选择一些较便捷的工具，如Editplus、notepad++、sublime、Dreamweaver、HBuilder、WebStorm等。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;img src=&quot;https://www.zhuimoon.com/zb_users/upload/2022/11/202211021667356826675444.png&quot; title=&quot;QQ图片20221102103145.png&quot; alt=&quot;QQ图片20221102103145.png&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;WebStorm&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;是Jetbrains公司旗下的一款JavaScript开发工具，因其界面简洁，操作方便，被广大国内JS开发者誉为“Web前端开发神器”。WebStorm具有智能代码补全、代码格式化、html提示、联想查询、代码调试等多种优势功能，其对业界最新技术提供支持，支持流行的版本控制系统，为前端开发人员提供了极大的方便。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; font-size: 14px;&quot;&gt;本书中的案例将全部使用WebStorm2017&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; font-size: 14px;&quot;&gt;。接下来对WebStorm的下载，破解，配置和项目运行进行说明。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;1.2.1&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;下载并安装&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 14px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; font-size: 14px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;1．&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; font-size: 14px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;到官网下载安装包，最新版WebStorm下载地址：&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.jetbrains.com/webstorm/download/#section=windows&quot; style=&quot;text-decoration-line: none; color: rgb(102, 102, 102); outline: none;&quot;&gt;&lt;span style=&quot;text-decoration-line: underline;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; font-size: 14px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;https://www.jetbrains.com/webstorm/download/#section=windows&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; font-size: 14px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;2．激活方式：可在淘宝上购买激活码，查阅相关资料也可找到破解方法。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 14px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; font-size: 14px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;3．Webstorm的安装和使用参照以下网址：https://www.jianshu.com/p/ce6f8a947f9b，安装时按照提示，选择符合需求的安装项，完成WebStorm的安装。WebStorm可以免费使用三十天，之后需要购买。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;1.2.2&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;新建项目与字体配置&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 14px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.5;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;软件安装完成后，双击桌面启动图标可启动软件窗口，如图1-2所示，点击create New Project选项即可打开编辑窗口，如图1-3所示，在编辑窗口中单击选择菜单栏中的【文件】→【new】→【HTML File】选项，会出现“New HTML File”对话框。这时，在文档类型下拉选项中选择HTML5，点击【创建】按钮，即可创建一个空白的HTML5文档，操作步骤如下。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;1.&lt;span style=&quot;font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;打开WebStorm，双击桌面上的WebStorm快捷启动图标&lt;/span&gt;&lt;span style=&quot;font-size: 16px; font-family: 宋体;&quot;&gt;&amp;nbsp;&lt;img src=&quot;https://mooc1.xueyinonline.com/ananas/ueditor/themes/default/images/spacer.gif&quot; word_img=&quot;file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png&quot; width=&quot;17px&quot; height=&quot;14px&quot; style=&quot;border: 1px solid rgb(221, 221, 221); padding: 0px; max-width: 100%; background: url(&amp;quot;/ananas/ueditor/themes/default/images/word.gif&amp;quot;) center center no-repeat;&quot;/&gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;打开如图1-2所示的新建项目窗口。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/29936540d55b0983dda6380ab245b633.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图1-2&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;create New Project&lt;/span&gt;&lt;span style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;新建项目&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;．点击create New Project选项，出现如图1-3所示new project弹出框、输入项目名称，即可打开项目视图窗口，如图1-4所示，到此已经成功创建了一个HTML5项目。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/2f67e1fc54374d4fdfbf46c9e3f156ac.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;span style=&quot;text-indent: 35px;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: 35px;&quot;&gt;图1-3输入&lt;/span&gt;&lt;span style=&quot;text-indent: 35px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;项目名称&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/10fd6aea61b38390beb0fa186196850f.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;span style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;图1-4项目视图窗口&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;．选择项目名称图标，右击执行&lt;span style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;【new】→【HTML File】，可新建一个HTML5网页，如图1-5、图1-6、图1-7所示。&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/e6ca764943576db992a33b7166f3c304.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span style=&quot;color: #111111; font-family: 宋体; text-align: center; text-indent: 35px;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color: #111111; font-family: 宋体; text-align: center; text-indent: 35px;&quot;&gt;图1-5新建一个网页&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/4132bf95bc57013cb38b4f376655fbff.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图1-6输入网页文件名&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/710476a9dc7c385e3a5ef521bcb8c4b2.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span style=&quot;color: #111111; font-family: 宋体; text-indent: 42px;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color: #111111; font-family: 宋体; text-indent: 42px;&quot;&gt;图1-7网页编辑窗口&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/f130445c0ea98750e95806fb1d945a5b.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 42px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图1-8&lt;span style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;Settings&lt;/span&gt;&lt;span style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;对话框&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 14px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;同理，选择项目名称图标，右击执行&lt;span style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;【new】→【Directory】，【new】→【Stylesheet】，【new】→【JavaScriptFile】，可新建目录、CSS样式文件、js文件等。&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 14px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;4&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;．编辑窗口代码字体调整，选择【File】→【Settings】,即可打开Settings对话框，如图1-8所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 14px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;．编辑窗口代码字体调整，选择【Edit】→【Font】,在右侧Size选项输入框中设置字体大小，如图1-9所示，点击ok按钮确定。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/97e2218873551a5bb4229613d4ad3736.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图1-9设置字体&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;6&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;．在编辑窗口title标记与body标记里输入如图1-10所示文字。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/0ca869acf338acbb55d5bfab0486b258.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图1-10添加标题与内容&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;7&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;．在编辑窗口title标记与body标记里输入如图1-10所示文字。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;8&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;．点击&lt;span style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;【Run】→【Run】,如图1-11所示，即先择要浏览的网页文件如图1-12所示或者设置默认游览器如图1-13所示。也可以直接点击代码编辑窗口右上角相应的浏览器图标来预览当前网页，最终效果如图1-14所示。&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/ea2517fc6da92de4b328000a1123d9a8.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图1-11添加标题与内容文字&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1045&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/35be68c001e766d195a2714c9452972b.png&quot; title=&quot;1-12.png&quot; width=&quot;640&quot; height=&quot;408&quot; id=&quot;ext-gen1046&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;text-indent: 35px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span style=&quot;text-indent: 35px;&quot;&gt;图1-12网页运行&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1047&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/b9499f0a511bde716c2d369e07d9eef5.png&quot; title=&quot;1-13.png&quot; width=&quot;430&quot; height=&quot;715&quot; id=&quot;ext-gen1048&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图1-13设置默认浏览器&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1049&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/ff047a49b1c9ec1570494486ce29b39e.png&quot; title=&quot;1-14.png&quot; width=&quot;640&quot; height=&quot;274&quot; id=&quot;ext-gen1050&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图1-14谷歌浏览器预览&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 02 Nov 2022 10:39:11 +0800</pubDate></item></channel></rss><!--23.64 ms , 6 query , 1252kb memory , 0 error-->