外贸忽略DMCA服务器

外贸抗投诉fake shop/DMCA忽略投诉Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare

Sun, 05 Nov 2023 18:21:51 +0800

大家都知道，国外贸易对各种各样的限制与国内都不同，水土不服，独立站做外贸经常碰到这些邮件投诉：

fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare

然后服务器就关闭了。

联系我们，用我们的服务器，我们帮你统统忽略了。

安心做外贸。再也不用担心卖的好的产品必须下架了。【六六互联】www.66host.cn

贏在“回憶殺”，腕錶世界裏也有引發集體懷舊的作品

Thu, 08 Jun 2023 15:50:03 +0800

最近這段時間，朋友圈被《灌籃高手》霸屏。觀影後的大家都感慨萬仟，引發觸點的併非因為人人都是灌籃高手，而是它“有機會讓我們和過去的自己再打個招呼”，贏在“回憶殺”。其實腕錶世界裏也有引發集體懷舊的作品，今天這篇文章，我們就為大家介紹三款聯名款腕錶。

豪利時PPX Kermit 聯名版繫列01 400 7778 7157-Set腕錶(科米蛙)

產品型號:01 400 7778 7157-Set

國內公價:￥32000

腕錶直徑:39毫米

機芯型號:Oris 400

錶殼材質:鈦合金

防水深度:100米

錶款詳情：www.top-biao.com

腕錶點評：說起最近的聯名錶款，豪利時全新PPX Kermit聯名版腕錶讓我印象深刻，腕錶以迪士尼《大青蛙佈偶秀》裏的主角科米蛙為主題，鈦合金39 毫米錶殼搭配綠色錶盤，雖然如今各大制錶品牌都在推出綠盤款，但看到豪利時PPX Kermit聯名版的綠色時依然讓我眼前一亮，用錶友的話來說“這種綠色不是誰都敢嘗試的”。但顯然，豪利時敢。腕錶最大的一個亮點是位於6點位的“蛙蛙日歴”——在每月的第一天，科米蛙都會出現在窗口。腕錶搭載Oris 400 自動上鏈機芯，動力儲備長達120小時。

上海錶FAB CHRONO繫列22FB-M-ST21-RDRD

產品型號:22FB-M-ST21-RDRD

國內公價:￥4680

腕錶直徑:43.6毫米

錶殼厚度:13毫米

機芯類型:自動機械

機芯型號:ST21

錶殼材質:316L精鋼

防水深度:300米

錶款詳情：www.top-biao.com

腕錶點評：托同事的福，讓我有機會開箱這款上海錶大鬧天宮聯名限量款。“好紅，好喜慶”是這只錶給我的第一印象。顧名思義，腕錶是以經典IP《大鬧天宮》為靈感，為什麽是《大鬧天空》？因為這部動畫長片對中國動畫史具有劃時代的意義，對觀眾來說，是幾代人的童年陪伴。腕錶採用精鋼材質，錶殼上使用了PVD鍍金，正好和紅色錶盤呼應出一幅金碧輝煌的天宮形象。除了紅、金配色外，錶盤內圈還加了一個立體黑色圈，從實用性上來說，更方便讀秒，從觀賞性上來說，很像畫作中常見的陰影，為整個盤面增添層次。另一個比較特別的設計在於單嚮旋轉錶圈上間隔的齒形，搭配旋入式錶冠，可以抵禦300米深水壓力。腕錶搭載ST21自動上鏈機芯，上滿鏈具備42小時動力儲存。

西鐵城星球大戰聯名款

產品型號：JG2108-52W

國內公價：¥ 3,060

腕錶直徑：32*36毫米

機型類型：石英

錶殼材質：不銹鋼

防水深度：30米

腕錶點評：如果妳想要聯名款的目的以開心為主（花錢為輔），那麽我推薦妳看看西鐵城的IP聯名款。2022年西鐵城以《星球大戰》為主題推出聯名款式。當星戰裏的各種高科技儀器出現在錶盤上，真想隨時來一場追逐戰。當然單靠酷炫的設計顯然不夠捕獲人心，實用性同等重要，本地時間和異地時間分別由錶盤上部分左右兩個小錶盤顯示，錶盤下半部分的模式屏可以通過按鍵選擇時間、計時，日期等模式，液晶顯示框則顯示星期、日期、計時或溫度。雖然說生活觸水或濺水不會影響腕錶使用，但建議大家還是略加小心，避免將手錶放在深水域附近。星球大戰聯名款之前停產了一段時間，但我們發現它最近在品牌天貓旗艦店悄悄回歸了，只不過“庫存緊張”。

總結：豪利時PPX Kermit聯名版繫列通過創新的顏色和不一樣的錶達方式體現出聯名主題，給人耳目一新的感覺，加之超長動力，從裏到外都“蛙噻”。上海錶大鬧天宮聯名限量款是另一番喜氣洋洋的風格，盤面設計和配色都透著國潮風。而西鐵城與《星球大戰》的聯名則呼應了科幻復古風潮。

買頂級手錶上www.top-biao.com：高仿手錶複刻手錶精仿手錶高仿錶複刻錶精仿錶

介紹三款設計不錯男女皆宜的小尺寸腕錶

Thu, 08 Jun 2023 15:48:17 +0800

如今各家制錶為適應市場潮流，推出了不少尺寸小巧的精致腕錶，不會區分性別，男女皆宜。這類錶款搭配在腕間非常吸睛，男士佩戴更顯精致、有種獨特的男性裝飾品的味道；而女性佩戴也是尤為合適，簡潔大氣的外形設計襯得人更加颯爽自信。今天，將為大家帶來三款設計不錯的小尺寸腕錶，供各位欣賞：

勞力士探險家型繫列M124273-0001

產品型號:M124273-0001

國內公價:￥86900

腕錶直徑:36毫米

機芯類型:自動機械

機芯型號:3230

錶殼材質:鋼

防水深度:100米

錶款詳情：www.top-biao.com

腕錶點評：首先為大家帶來這枚蠔式恆動探險家型36毫米，說到小尺寸的中性腕錶，其實勞力士是一個非常好的選擇，無論是鑲鉆款還是間金款，其顏值都相當出色，男女不限，非常百搭。圖中這款腕錶尺寸為36毫米，採用了蠔式鋼與18ct黃金材質，其中外圈、錶冠與錶帶中間鏈節採用18ct黃金打造而成，其余錶殼及錶帶兩側鏈節則採用了蠔式鋼材質，間金錶的優勢便是既防滑耐磨又有金屬的華麗美感，其內部搭載了搭載3230型機芯，配備了藍色Parachrom順磁性合金遊絲、Chronergy鎳磷擒縱繫統和高性能Paraflex緩震裝置，滿弦後可提供長達70小時動力儲存。

伯爵PIAGET POLO 繫列G0A47017

產品型號:G0A47017

國內公價:￥84500

腕錶直徑:36毫米

錶殼厚度:3.63毫米

機芯類型:自動機械

機芯型號:500P1

錶殼材質:精鋼

防水深度:50米

錶款詳情：www.top-biao.com

腕錶點評：第二款為大家選擇了伯爵今年最新推出的Polo繫列日歴腕錶，雖說這一熱賣繫列過去也曾帶來過小尺寸的選擇，但鑲鉆款的設計還是令不少男性錶友望而卻步。這不，簡潔款來了，這款全新腕錶依舊採用圓形錶圈與枕形錶盤的經典搭配，36毫米的尺寸，上手效果剛剛好，不會過分小巧。其藍色錶盤配有非鑲嵌時標，簡約柔和，與閃光耀眼的精鋼錶殼形成鮮明對比。值得註意的是，這款腕錶是一枚電商專售單品，併未在精品店中銷售。

江詩丹頓縱橫四海繫列4600V/200R-B979

產品型號:4600V/200R-B979

腕錶直徑:34.5毫米

錶殼厚度:9.33毫米

機芯類型:自動機械

機芯型號:1088-1

錶殼材質:精鋼

防水深度:150米

錶款詳情：www.top-biao.com

腕錶點評：最後，再進一步，為大家帶來了江詩丹頓在今年推出的縱橫四海繫列新作，新作中共設有鑲鉆、鋼款、金款共四款腕錶。上圖這款全鋼款錶徑尺寸為34.5毫米，雖說尺寸略小，但其一體式設計及馬耳他十字錶圈等棱角分明的外形設計，實際上手感受是略大於數據的，錶友不妨到店感受一下。腕錶內部搭載的1088/1機芯，配備了停秒裝置等，作為一款日常大三針錶款，非常夠用。

總結：上述三款腕錶雖說尺寸不大，但是重在設計美觀，每一款腕錶實際上手感受都相當不錯，併且小尺寸的腕錶會給人一種更加精致新潮的美感，與愛人分享同一塊腕錶也是一個很好的選擇。

買頂級手錶上www.top-biao.com：高仿手錶複刻手錶精仿手錶高仿錶複刻錶精仿錶

泰格豪雅最新發佈的全金款競潛繫列腕錶

Thu, 08 Jun 2023 15:40:51 +0800

對於大多數錶友來說，選擇一枚腕錶，不僅要考慮外錶，而且也得考慮它的性能。又一年的夏天快來臨了，一繫列的新品潛水腕錶也逐漸出現在大眾視野裏，不知道各位錶友有沒有選到合適的錶款呢？這篇文章給大家推薦一款泰格豪雅最新發佈的全金款競潛繫列腕錶，經過四十余年的發展，競潛繫列腕錶已是為不斷超越邊界的戶外探險家打造的奢華工具腕錶。接下來，我們一起欣賞一下具備高性能、全場景的奢華腕錶，到底增添了那些引人註目的高端元素呢？（腕錶型號：WBP5152.FT6210）

這只泰格豪雅新推出的競潛繫列Professional200，腕錶直徑為40毫米，黃金尺寸的設計便滿足了一眾男士的佩戴需求。這枚腕錶的運動特性還是非常明顯的，這是為戶外冒險生活而設計的現代運動腕錶。錶殼是由18k3N黃金制成，且四周是經過精細打磨而成的，更能呈現出一種精致的視覺體驗。

從側面看，錶殼的厚度十分的纖薄，佩戴起來相當輕巧。邊緣設計的是易於抓握和使用的交替潤飾的凹槽型，同時在貴金屬的錶殼上搭配了一個高對比度的黑色DLC塗層旋入式精鋼錶冠，凹槽的設計增大了摩擦力，便於佩戴者精准校時。

錶盤是高級的藍色，但又帶點煙熏色的視覺沖擊感，漸變藍色嚮錶盤中心逐漸變亮，將18k金錶殼的奢華氣質展露無遺。一直盯著它看，似乎會有一種快要躍出水下的黑暗洞穴，滿眼的光亮就在一剎那全部閃出。

極具辨識度的12棱面單嚮旋轉錶圈，搭配大三針設計，讓整個盤面視覺上看起來也更為簡潔；仔細看，盤面6點鐘位置還開設了日歴顯示窗口，增加了腕錶的實用性和功能性，極大程度上滿足了日常通勤的要求。

錶盤上裝飾了邊緣為金色、白色填滿內部的時標，同時覆以優質Super-LumiNova®熒光塗料，光線較弱時或者黑暗情況下，也可保證持久的清晰度；一圈60分鐘的白色刻度也與時標的白色部分相呼應。

腕錶內部搭載的是TH31-00，全新自動上鏈機芯，動力儲存達80小時，這款機芯經過了要求每天走時誤差在-4秒至+6秒範圍之內的瑞士天文臺認證，因此它佩戴起來絕對放心和省心。同時可以透過錶背上的藍寶石鏡面，使內部的機芯一覽無余，防水深度200米。

這款腕錶配備的是與錶盤相呼應的藍色橡膠錶帶以及黑色DLC塗層2級鈦金屬錶帶扣；橡膠錶帶與肌膚會更加的貼合，但佩戴在腕間也十分舒適。

總結：這只錶做到了泰格豪雅以前的規劃要求：單嚮旋轉式錶圈、旋入式錶冠、防水性能至少達200米、夜光標記、藍寶石錶鏡、雙重安全錶扣。這些特性帶來的實用性和可靠性，極大程度讓佩戴者們逐漸產生了依賴。

買頂級手錶上www.top-biao.com：高仿手錶複刻手錶精仿手錶高仿錶複刻錶精仿錶

全新卡萊拉繫列計時碼錶融入了更加摩登、現代的魅力設計

Thu, 08 Jun 2023 15:38:12 +0800

今年是卡萊拉繫列誕生60周年，全新卡萊拉繫列計時碼錶以1963年初代錶款的經典雋永的風格為基礎，融入了更加摩登、現代的魅力設計，為我們呈獻出這款純粹精致的高奢計時碼錶。

新款腕錶配備了一個直徑為42毫米的精鋼錶殼，作為計時碼錶而言，尺寸恰到好處。卡萊拉繫列計時碼錶一直與賽車有著深厚的淵源，當時品牌CEO傑克·豪雅（Jack Heuer）希望能推出一款設計簡潔，同時實用易讀的計時碼錶來服務於賽車運動，所以該繫列時計的錶盤樣式十分大氣、開闊，圖中我們可以看到新品設有細窄的拋光錶圈，更是為錶盤提供了更多的讀時空間。

為熱烈慶祝卡萊拉繫列60周年，這枚卡萊拉計時新品採用了造型復古的盒式錶鏡設計，略微凸起的錶鏡細節，讓整體盤面更加明朗清晰。

此次新作共呈獻了兩款型號，其中一款為沈穩帥氣的黑色錶盤、另一款便是上圖這枚標誌性的藍色繫錶盤，優雅獨具。兩款腕錶均採用了太陽紋磨砂飾面，在不同光線的照射下形成明暗分明的光影，更為靈動。在色彩這塊，簡約幹練的錶盤上不會大面積採用鮮艷色調，僅以簡要的元素裝飾便可突出其多彩魅力：最引人矚目的便是環繞錶盤邊界、併將時標連接起來的漸變橙色環，其與紅色計時指針、小秒盤的橙色刻度及錶盤外緣上10分/10秒的標記相互襯托，這種藍紅橙色繫帶有一種獨有的賽車氛圍感，啟動計時按鈕，隨著中置紅色計時指針的轉動，營造出一種極速超越的競速感。

透過藍寶石玻璃底蓋，我們可以看到著名的Heuer 02自動機械計時機芯，在計時領域內，這枚Heuer 02機芯的地位還是尤為領先的。其完全由泰格豪雅自行研發和生產，168個部件組成，配有導柱輪和垂直離合器，集現代、精確及可靠於一身，振頻達4赫茲，具有80小時動力存儲。防水深度可達100米。

總結：這款腕錶除了在繼承卡萊拉經典的設計元素外，還融入了競速色彩，令其顏值更加出彩，併且在可靠的Heuer 02機芯下，性能穩定，走時、計時尤為可靠，性價比不錯。

買頂級手錶上www.top-biao.com：高仿手錶複刻手錶精仿手錶高仿錶複刻錶精仿錶

德國名錶選格拉蘇蒂原創還是朗格

Thu, 08 Jun 2023 13:40:30 +0800

德國名錶，首選格拉蘇蒂原創。

有玩家會說，妳當朗格不存在？朗格固然很好，但隨著朗格收緊供應，全線提價，朗格1的起步公價，已經來到了34萬。顯然，對於大部分玩家來說，朗格難以入手。相對的，格拉蘇蒂原創，始終保持著穩定的供應，出眾的素質和性價比，對於大部分玩家來說，在德國名錶中，絕對是首選。而今天，我想和各位說一只，格拉蘇蒂原創中的“頂尖”款式，66偏心機芯倒置“城市雕刻”限量版。

雖然在我的玩錶經歴中，格拉蘇蒂原創的各種偏心，90-02、65-01、91-02都已經接觸非常多了。但當我見到這只66機芯倒置“城市雕刻”時，依然大受震撼。這只錶一改格拉蘇蒂原創偏心常見的“格拉蘇蒂條紋”加“魚鱗紋”打磨，轉而將整個城市，高樓大廈，鋪滿正反整個機芯。這種機芯裝飾，在名錶世界中，前所未有。

在當下這個名錶越來越“時尚、酷炫”的環境下，勞力士都出了蠔式恆動“泡泡”、星期日歴“彩色拼圖”；百達翡麗也出了“紅黃藍碳纖格紋”6007。這只格拉蘇蒂原創66“城市雕刻”，真心是一只需要細心端詳，甚至要拿寸鏡（或放大鏡）觀賞的手錶，很難得。

手錶正面、背面，在鍍銠的夾闆上，激光雕刻了曼哈頓城市鳥瞰圖案。鱗次櫛比的大廈，形成了明顯的層次感和3D效果。不同的大樓，有不同樣式的窗戶、窗臺。包括格拉蘇蒂原創標誌性的雙鵝頸擺輪夾闆上，也雕滿了大樓。

最絕的是，大樓間還有4個人，2只貓。

我之所以說，這是一只要用寸鏡（放大鏡）觀賞的手錶，就是因為，在原本已經很微縮的樓宇間，竟然還有人，還有貓。我一開始，光用眼睛看，夾闆上雕刻的人物，不易找到。

將照片放大後，可以清晰的看到。在手錶背面，右下方，有兩個擦玻璃的人；在手錶背面，左側，有一個塗鴉的人，正在繪制格拉蘇蒂原創雙G圖案；在手錶背面上方，有一個拿望遠鏡的人，和兩只貓。

更妙的是，絕大部分名錶，只是單純刻在夾闆上的機芯信息，比如機芯紅寶石數量、機芯測試情況，在這只格拉蘇蒂原創66機芯倒置“城市雕刻”上，都融入到了樓宇當中。我們可以看到，機芯5方位測試，被做成了廣告牌樣式，出現在機芯背面左側；機芯31顆紅寶石軸承，以大廈名稱的形式，出現在機芯背面下方；而格拉蘇蒂原創品牌LOGO，成為巨大廣告牌，位於機芯背面上方位置。而在機芯中央，是限量50只的編號（我把限量數字PS掉了）。

獨有的機芯裝飾方法，豐富的細節，在如今這個重視手錶外觀，簡化機芯裝飾的環境下，格拉蘇蒂原創66“城市雕刻”這種錶，屬實不多了。

在機芯裝飾之外，“城市雕刻”和常規版66機芯倒置總體一致。

手錶盤面偏心佈局，顆粒感漆面，使用白金時標。小秒盤套在時分盤下方。在手錶盤面1點位，是動力顯示。外露的螺絲進行了烤藍，其中5個寶石軸承，有黃金套筒。手動上弦，擺頻28800次/時，動力41小時。

和常規版66機芯倒置不同的是，這只“城市雕刻”限量版（包括之前的幾個限量版），在雙鵝頸微調的擺輪夾闆處，做了鏤空，而常規版66這個部分，是實心的。因為是實心夾闆，只能從正面觀看。而“城市雕刻”限量版鏤空後，懸空的擺輪不論從手錶正面、背面都能觀看到。手錶尺寸42毫米，使用鉑金錶殼。

買頂級手錶上www.top-biao.com：高仿手錶複刻手錶精仿手錶高仿錶複刻錶精仿錶

DOM(Document Object Model)文档对象模型

Wed, 28 Dec 2022 13:44:17 +0800

DOM(Document Object Model),文档对象模型。简单的说就是一套操作文档内容的方法。

1. 文档：DOM的D

如果没有document(文档)，DOM就无从谈起。当创建了一个网页并把它加载到web浏览器中，DOM就悄然而生，它将根据你编写的网页文档创建一个文档对象。

2. 对象：DOM的O

javascript中的对象分为三种：用户自定义对象（用户自己创建的对象），内建对象（内建在js语言的对象，如Array,Math,Date），宿主对象(由浏览器提供的对象，最基础的就是window对象)

Window对象对应浏览器窗口的本身，这个对象的属性和方法通常称为BOM（浏览器对象模型）。但我们不需要与BOM打太多交道，我们需要将注意力集中到浏览器窗口的内部而不是浏览器窗口本身。我们将着重探讨如何对网页的内容进行处理，而用来实现这一目标的载体就是document对象。

3. 模型：DOM的M

代表某种事物的表现形式。就像一个火车模型代表一列火车，一张地图代表一个城市一样，DOM代表被加载到浏览器窗口里的当前网页。浏览器向我们提供了当前网页的“地图”，我们可以通过javascript去读取这张“地图”。既然是地图，就必须有诸如方向，比例尺等记号。要想看懂地图，就必须弄懂这些记号的含义。所以我们必须要把各种用来描述文档的记号弄明白。

需要注意的是，我们需要把DOM当作一个整体，不能分割看待，即DOM（文档对象模型）是一套操作文档内容的方法。

DOM把一份文档表示为一棵树（节点树）(如图5-10)，是我们理解和运用这一模型的关键。

图5-10 DOM文档树

字符串是 JavaScript 的一种基本的数据类型

Wed, 28 Dec 2022 13:43:15 +0800

1.String对象概述

字符串是 JavaScript 的一种基本的数据类型。

String 对象的 length 属性声明了该字符串中的字符数。

String 类定义了大量操作字符串的方法，例如从字符串中提取字符或子串，或者检索字符或子串。

2.创建String对象

创建一个字符串，将一组字符串用引号包起来，将其赋值给一个字符串变量。

var jsStr=new String("Hello,JavaScript String!");

3.String属性，如下表5-10所示

表5-10 String属性

属性	描述
constructor	返回创建字符串属性的函数
length	返回字符串的长度
prototype	允许您向对象添加属性和方法

例如我们将展示如何使用 length 属性来返回字符串中的字符数：

var txt="Hello JavaScript!"

document.write(txt.length)

</script>

4.String方法,如下表5-11所示

表5-11 String方法

方法	描述
charAt()	返回指定索引位置的字符
charCodeAt()	返回指定索引位置字符的 Unicode 值
concat()	连接两个或多个字符串，返回连接后的字符串
fromCharCode()	将 Unicode 转换为字符串
indexOf()	返回字符串中检索指定字符第一次出现的位置
lastIndexOf()	返回字符串中检索指定字符最后一次出现的位置
localeCompare()	用本地特定的顺序来比较两个字符串
match()	找到一个或多个正则表达式的匹配
replace()	替换与正则表达式匹配的子串
search()	检索与正则表达式相匹配的值
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分
split()	把字符串分割为子字符串数组
substr()	从起始索引号提取字符串中指定数目的字符
substring()	提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase()	根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLocaleUpperCase()	根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLowerCase()	把字符串转换为小写
toString()	返回字符串对象值
toUpperCase()	把字符串转换为大写
trim()	移除字符串首尾空白
valueOf()	返回某个字符串对象的原始值

substring()是最常用到的字符串截取方法，它可以接收两个参数(参数不能为负值)，分别是要截取的开始位置和结束位置，它将返回一个新的字符串，其内容是从start处到end-1处的所有字符。若结束参数(end)省略，则表示从start位置一直截取到最后。

var str = 'www.javascript.com'

console.log(str.substring(0,3)) // www

console.log(str.substring(0)) //www.javascript.com

console.log(str.substring(-2)) //www.javascript.com (传负值则视为0)

slice()方法与substring()方法非常类似，它传入的两个参数也分别对应着开始位置和结束位置。而区别在于，slice()中的参数可以为负值，如果参数是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符。

var str = 'www.javascript.com'

console.log(str.slice(0, 3)) // www

console.log(str.slice(-3, -1)) // co

console.log(str.slice(1, -1)) // www.javascript.co

console.log(str.slice(2, 1)) // '' (返回空字符串,start须小于end)

console.log(str.slice(-3, 0)) // '' (返回空字符串,start须小于end)

substr()方法可在字符串中抽取从start下标开始的指定数目的字符。其返回值为一个字符串，包含从stringObject的start（包括start所指的字符）处开始的length个字符。如果没有指定 length，那么返回的字符串包含从start到stringObject的结尾的字符。另外如果start为负数，则表示从字符串尾部开始算起。

var str = 'www.javascript.com'

console.log(str.substr(1, 3)) // ww.

console.log(str.substr(0)) // www.javascript.com

console.log(str.substr(-3, 3)) // com

console.log(str.substr(-1, 5)) // m (目标长度较大的话，以实际截取的长度为准)

str.split([separator][, limit]),separator 指定用来分割字符串的字符（串）。separator 可以是一个字符串或正则表达式。如果忽略 separator，则返回整个字符串的数组形式。如果 separator 是一个空字符串，则 str 将会把原字符串中每个字符的数组形式返回。limit 一个整数，限定返回的分割片段数量。split 方法仍然分割每一个匹配的 separator，但是返回的数组只会截取最多 limit 个元素。

var str = 'www.javascript.com'

str.split('.') // ["www", " javascript ", "com"]

str.split('.', 1) // ["www"]

str.split('.').join('') // wwwjavascriptcom

indexOf()用来检索指定的字符串值在字符串中首次出现的位置。它可以接收两个参数，searchValue 表示要查找的子字符串，fromIndex 表示查找的开始位置，省略的话则从开始位置进行检索。

var str = 'www.javascript.com'

console.log(str.indexOf('.')) // 3

console.log(str.indexOf('.', 1)) // 3

console.log(str.indexOf('.', 5)) // 14

console.log(str.indexOf('.', 12)) // -1

replace()方法用来进行字符串替换操作，它可以接收两个参数，前者为被替换的子字符串（可以是正则），后者为用来替换的文本。如果第一个参数传入的是子字符串或是没有进行全局匹配的正则表达式，那么replace()方法将只进行一次替换（即替换最前面的），返回经过一次替换后的结果字符串。

var str = 'www.javascript.com'

console.log(str.replace('w', 'W')) // Www.javascript.com

console.log(str.replace(/w/, 'W')) // Www.javascript.com

盒模型嵌套，简单来说就是div中嵌套div

Wed, 02 Nov 2022 11:55:17 +0800

嵌套排版

盒模型嵌套，简单来说就是div中嵌套div，所有属性都可以正常使用。但是在相互嵌套中，设置margin和padding属性时容易出现问题。例如如下两个div嵌套的代码，通过案例4-10,来体验,效果如图4-13所示。

例4-10 example10.html

<!DOCTYPE html>

<html>

<head>

<title>盒模型嵌套</title>

<style>

.outer{

width: 600px;height: 300px;background-color: aqua;

margin: auto;vertical-align: middle; /*垂直居中*/

line-height: 300px;

}

.inner{

width: 400px;height: 200px;background-color: blue;

text-align: center;vertical-align: middle;

line-height: 200px;margin: auto;color: red;

}

</style>

</head>

<body>

<div>

<div>欢迎来到长沙职业技术学院学习！</div>

</div>

</body>

</html>

图4-13 盒模型嵌套

可以清楚的看到，所有css属性都如期一样生效，然而发现对外层div设置vertical-align和line-height让内层div垂直居中，这两个属性并没有对内层div的位置有任何改变，因为vertical-align和line-height的设置只针对div中的内容有效，而对容器无效，当然，如果把div设置为单元格模式，则另当别论。

究竟如何实现内层div垂直居中呢？在上一节盒模型垂直居中中我们已经讲过，这里我们使用另外一种方案实现如下，设置内层div的margin为上下50px，再为外层div设置至少一个像素的边框，通过案例4-11,来体验,效果如图4-14所示。

例4-11 example11.html

<!DOCTYPE html>

<html>

<head>

<title>盒模型嵌套</title>

<style>

.outer{width: 600px;height: 300px;background-color: aqua;

margin: auto;border: solid 1px black;

}

.inner{width: 400px;height: 200px;

background-color: blue;text-align: center;

vertical-align: middle;line-height: 200px;

margin:50px auto;color: red;

}

</style>

</head>

<body>

<div>

<div>欢迎来到长沙职业技术学院学习！</div>

</div>

</body>

</html>

图4-14 实现内层div垂直居中于外层

现在正确实现内层div垂直居中的问题，当然实现div垂直居中还有很多中解决方法，只要搞清楚盒模型之间的层次结果，实现起来并不是很难。

多背景图属性background-image(背景图片)用来设置元素的背景图片

Wed, 02 Nov 2022 11:31:50 +0800

表3-14 背景设置的常用属性

属性	描述
background	在一个声明中设置所有的背景属性。
background-attachment	设置背景图像是否固定或者随着页面的其余部分滚动。
background-color	设置元素的背景颜色。
background-image	设置元素的背景图像。
background-position	设置背景图像的开始位置。
background-repeat	设置是否及如何重复背景图像。
background-clip	规定背景的绘制区域。
background-origin	规定背景图片的定位区域。
background-size	规定背景图片的尺寸。

多背景图属性background-image(背景图片)用来设置元素的背景图片。

背景尺寸属性background-size用来指定背景图片的尺寸，可以控制背景图在水平和垂直两个方向的缩放，也可以控制图片拉伸覆盖背景区域的方式，背景图片能够自适用元素盒子的大小，实现与模块大小完全适应的背景图片，避免因区块尺寸不同而需要设计不同的背景图片。

背景原点属性background-origin,主要用来决定background-position属性的参考原点，即决定背景图片定位的起点。默认图片的background-position属性以元素左上角为坐标原点对背景图片进行背景定位，可以根据自己的需要来改变背景图片的起始位置。如表3-15所示，背景原点属性的常用的属性值。

表3-15 背景原点属性的常用属性值

属性值	描述
border-box	默认值，决定background-position起始位置从padding的外边缘(border的内边缘)开始显示背景图片
padding-box	决定起始位置从border的外边缘开始显示背景图片
content-box	决定起始位置从content的外边缘（padding的内边缘）开始显示背景图片

1.背景裁切属性

background-clip用来定义背景图像的裁剪区域。常用的属性值如表3-16所示。

表3-16 背景裁切常用的属性值

属性值	描述
border-box	默认值，元素背景图像从border区域向外裁剪，即元素边框外的背景图片均被裁剪掉。
padding-box	元素背景图像从padding区域向外裁剪，即元素padding区域外的背景图像被裁剪掉。
content-box	元素背景图像从content区域向外裁剪，即元素内容区域外的背景图像被裁剪掉。

下列案例3-14所示，给div元素设置背景属性。

例3-14 example14.html

<!DOCTYPE html>

<html>

<head>

/* 为div元素增加边框 */

div#div1{

border:10px solid #FF9900;

padding:20px;

height: 160px;

width: 500px;

/* 依次指定了3个背景图片 */

background-image: url(img/snow.gif), url(img/face.gif), url(img/sky.gif);

/* 依次指定了3个背景图片的重复方式：纵向重复、横向重复、两个方向重复 */

background-repeat: repeat-y, repeat-x, repeat;

/* 背景原点的属性content-box */

background-origin: content-box;

/* 背景图像裁剪的属性为content-box */

background-clip: content-box;

/* 依次指定了3个背景图片的位置 */

background-position: center top, left center, left top;

}

</style>

</head>

<body>

</body>

</html>

运行3-14，效果如图3-16所示。

图3-16 背景图片设置效果显示