整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
前很多行業都有自己的網站，但是很多人沒有意識到網站建成后需要維護，后期維護也很重要，讓我們了解要進行哪些維護吧。
一、硬件維護
網站建設成功后，定期維護服務器硬件，有針對性地設置服務器，優化數據庫交互操作，根據企業業務現狀和發展規劃，推薦合理的服務器架構方案。
二、定期備份
不僅有內部因素對網站有安全隱患，還有外部攻擊，因此，在緊急情況下，應該養成備份的習慣，現在空間中有一鍵備份功能。
三、軟件維護
網站建設后，軟件也要維護，包括系統可能存在的漏洞.網站訪問log記錄、系統進程、資源利用率、帶寬利用率、系統關鍵部位、定期檢查網站容量等環節，做好文檔記錄。
四、代碼維護和SEO優化
代碼維護主要包括一些bug修復和一些SEO優化標簽，網站會因為Bug頁面打不開或者版本不對，影響客戶體驗效果，所以SEO優化還涉及到產品關鍵詞排名和公司品牌，良好的優化可以幫助我們獲得更多的流量。
五、程序維護內容
后臺源代碼，用于網站設計，JS.靜態圖片、CSS維護非動態數據、升級備份，及時更新程序漏洞監控和第三方開發平臺程序.升級是網站建設后期的程序維護內容。
六、檢測網頁鏈接
鏈接檢測主要是為了良好的用戶體驗，一般來說，可以每周測試一次，看看網站鏈接訪問是否正常，打開速度如何，如有問題，應及時檢查解決。
七、數據庫維護內容
后期數據庫維護的內容主要包括數據庫備份、數據庫優化、數據庫異常數據查詢、數據庫容量查詢等。
SS是層疊樣式表（ Cascading Style Sheets ）的縮寫，是一種樣式表語言，用于描述以 HTML 之類的標記語言編寫的文檔的布局。它是用于設計Web頁面的三劍客之一，另外兩位浩客是HTML和Javascript。
CSS 的設計目的是使樣式和內容分離，包括布局、顏色和字體。這種分離可以提高內容的可訪問性，在樣式特征的規范中提供更多的靈活性和控制，通過在一個單獨的. .css 文件中指定相關的 CSS，使多個 web 頁面能夠共享格式，并減少結構內容中的復雜性和重復。
它具有簡單的語法，并使用大量的英文關鍵字來指定各種樣式屬性的名稱。
既然我們已經討論了CSS的基礎知識，讓我們來觀察一下基于CSS的重要面試問題。
CSS（層疊樣式表）是一種樣式語言，對于 HTML 元素來說足夠簡單。它在網頁設計中非常流行，其應用在XHTML中也很常見。
CSS是在1997年開發的，作為一種web開發人員設計他們正在創建的web頁面布局的方法。它的目的是讓開發者將網站代碼的內容和結構從視覺設計中分離出來。
這種結構和設計的分離允許HTML執行比原來更多的功能。
CSS的不同版本：
一個樣式規則由三部分組成：
CSS 可以集成為三種方式
<p style=”colour:skyblue;”>hello world</p>萬維網協會維護 CSS規范。
偽元素是添加到選擇器的關鍵字，它允許一種樣式，即所選元素的特定部分。CSS用于在HTML標記中應用樣式，它允許在不影響實際文檔的情況下對文檔進行額外標記。它可以用來：
語法：
Selector: :pseudo-element
{Property1 :value;
Property2 :value;}CSS的優點是:
漸變是指我們在兩幅圖像之間創建中間幀，以獲得第一幅圖像的外觀，然后發展成第二幅圖像的過程，它主要用于創建動畫。
CSS 特定性是一個分數或等級，它決定了元素必須使用哪種樣式聲明。CSS 中有四類可以授權選擇器的特異性級別：
CSS的缺點有:
RWD（響應式Web設計）技術用于在每種屏幕尺寸以及移動，平板電腦，臺式機和筆記本電腦等設備上完美顯示設計頁面，讓我們無需為每個設備創建不同的頁面。
CSS精靈的好處有：
上下文選擇器，嚴格來講，叫后代組合式選擇器，就是一組以空格分隔的標簽名。用于選擇作為指定祖先元素后代的標簽。只要有標簽在它的層次結構“上游”存在這么一個祖先，那么就會選中該標簽。無論從該標簽到作為祖先的上下文之間隔著多少層次都沒有關系。
漸進增強的概念是指從最基本的可用性出發，在保證站點頁面在低級瀏覽器中 的可用性和可訪問性的基礎上，逐步增加功能及提高用戶體驗。本質上講，我們日常的一些開發習慣，例如首先使用標記語言編寫頁面，然后通過樣式表來控制頁面 樣式等，都屬于漸進增強的概念；其他更為明顯的行為包括使用HTML5、CSS3等新技術，針對高級瀏覽器為頁面提高用戶體驗的豐富程度。
平穩退化的概念是指首先使用最新的技術面向高級瀏覽器構建最強的功能及用戶體驗，然后針對低級瀏覽器的限制，逐步衰減那些無法被支持的功能及體驗；在我們日常的開 發中，一個典型的平穩退化的例子就是首先針對Chrome編寫頁面代碼，然后修復IE中的異常或針對IE去除那些無法被實現的功能特色.
所以， 這兩個概念方法其實早已并存在我們的日常開發工作中了，只是“漸進增強”與“平穩退化”這樣的措辭是近些年才開始被普及。在我們眼下的HTML5與 CSS3實戰用，這兩個概念就尤其重要了，怎樣保證使用不斷變化的新技術來構建在主流瀏覽器下都具有基本可用性的站點，并針對高級瀏覽器進行體驗提升，這 些是我們在開發過程中需要明確的思路。
我們可以使用諸如font-awesome或者阿里的 iconfont 之類的圖標庫將圖標添加到HTML網頁。我們必須將給定圖標類的名稱添加到任何內聯HTML元素中。（<i>或<span>）。圖標庫中的圖標是可縮放的矢量，可以使用CSS進行自定義。
border-width指定邊框的寬度。
物理標簽被稱為表示標記，而邏輯標簽對于外觀是無用的。物理標簽是較新的版本，而邏輯標簽是舊的并且專注于內容。
如題，我們的標簽元素寫上后，瀏覽器就會渲染出結果，但不僅僅是這么簡單
//物理元素
<b>我想用b標簽加粗</b>
//邏輯元素
<strong>我想用strong標簽加粗</strong>
//兩段文字都加粗了，而且視覺效果完全一樣確實，文字加粗了，兩者都達到了我們想要的目的，但是我們忽略了一個問題，既然b標簽可以加粗，那么strong這個標簽同樣是加粗，存在的 意義又是什么呢？既然W3C定義了兩個，它們之間的不同點是什么呢？它們之間的相同點又是什么呢？
物理元素
物理元素，又叫實體標簽，它所做的是一種物理行為，比如上面我把一段文字用b標簽加粗了，它所傳達的給瀏覽器，告訴瀏覽器 我要加粗這段文字，從單詞Bold中也可以看出來，英文中僅僅是加粗的意思，并沒有其他作用。總結來說就是一句話：物理元素就是告訴瀏覽器該怎么顯示出來。
邏輯元素
邏輯元素，從英文字面上Strong就可以看出它是強調的意思，所以我們用這個邏輯元素(如上strong)來向瀏覽器傳達 一個強調某段文字重要性的消息，說明此文字較為重要，也有利于搜索引擎收錄。
Web標準主張XHTML不涉及具體的表現形式，“強調”可以用加粗來強調，也可以用別的方式強調，也可以通過css來改變strong的具體表現 ，還有就是并不是有了strong邏輯標簽，就不用b標簽來表示字體加粗了，b標簽和strong標簽默認情況下強調的效果一致，strong完全可以定義成別的樣式，用來強調 效果，但是最好符合W3C標準，它更提倡內容與樣式分離，所以單純為了達到加粗而使用b標簽不建議這樣做， 從XHTML文檔有意義性及用戶體驗角度來說，strong邏輯標簽更加合適，而SEO方面，則針對優化情況而定。
CSS偽類是用來添加一些選擇器的特殊效果。偽類的語法
selector:pseudo-class{property:value;}CSS 和 SCSS 之間的區別如下：
嵌入式樣式表的優點:
嵌入式樣式表的缺點：
無法控制多個文檔。
不同的介質不區分大小寫，因此它們具有不同的屬性。他們是：
該指令告訴瀏覽器如何在HTML頁面上渲染特定元素。它由一個選擇器和一個遵循規則集的聲明塊組成。選擇器可以附加到其他選擇器，以通過規則集進行標識。
CSS 框架是一個庫，它允許使用CSS語言進行更輕松，更符合標準的Web設計。這些框架中的大多數至少包含一個網格以及更多功能和其他基于Javascript的功能。一些著名的CSS框架有：ACSS，Bulma，YAML，Foundation等。
原文：https://codersera.com/blog/top-css-interview-questions-and-answers/
者 | Loraine Lawson
譯者 | 張衛濱
策劃 | Tina
本文最初發表于The New Stack網站，由 InfoQ 中文站翻譯分享。
在 2024 年，前端領域會有怎樣的發展呢？因為沒有人能夠預見未來，所以 The New Stack 與來自 Angular、Next.js、React 和 Solid 的創建者和維護者討論了他們 2024 年的計劃。以下是前端開發者對未來一年的展望。
來自谷歌的 Angular DevRel 技術主管和經理Minko Gechev說，在過去的一年里，Angular 的兩大成就是引入了基于Signals的細粒度反應性和可延遲視圖。他告訴 The NewStack，新的一年將會在此基礎上進一步關注細粒度的反應性，并使 Zone.js 成為可選的。
在 Angular 中，Zone 是一個執行上下文，它能夠跨異步任務持續存在。在這個GitHub倉庫中詳細介紹了Zone，它有五個職責，包括攔截異步任務調度和包裝回調以便于進行錯誤處理，以及跨異步操作的 zone 跟蹤。Zone.js 可以創建跨異步操作而持久化存在的上下文，也可以為異步操作提供生命周期鉤子。
Gechev 說，“我們正在探索為現有的項目實現可選的 Zone.js，開發人員可以通過重構現有的應用程序來利用這一特性”。“借助可選的 Zone.js，我們期待加載時間能夠得以改善，并實現更快的初始渲染。對細粒度反應式的處理將提升到一個新的層次，使我們能夠僅探測組件模板的部分變更。”
他說，這些特性將會帶來更快的運行時。
在關于性能的另一個方面，Angular 正在考慮是否默認啟用混合渲染。他補充說，選擇避免混合渲染是可能實現的，因為這會增加托管需求和成本。
Gechev 說，“我們看到了 SSG（靜態站點生成，static site generation）和 SSR（服務器端渲染，server-side rendering）的很多價值，而且在 v17 中奠定了堅實的基礎，我們正在進行最后的潤色工作，以便從一開始就實現這種體驗。”
他補充到，另一個優先事項是完成Signals請求的評論(Request for Comment)。
開發人員還可以看到 Angular 文檔的改進。根據對開發人員的調查，他們希望能有一個升級的學習體驗，其中包括讓 Angular.dev 成為該框架新的托管地。他補充說，開發人員還優先考慮了初始加載時間（混合渲染、部分填充和可選的 Zone.js 應該可以部分解決該問題）和組件編寫，Angular 計劃會進一步簡化組件的編寫。
Gechev 說，“我們致力于迭代式地交付特性，并隨著時間的推移逐步增強它們”。“開發人員將能夠從 2024 年的所有改進中受益，并在接下來的幾年里獲得更好的開發體驗和性能。”
Next.js 在 2023 年引入了一個新的應用服務器，旨在支持 React 服務器組件（React Server Component，RSC）和Server Action。Vercel（該框架的監管者）的產品負責人 Lee Robinson 說，該框架會繼續支持舊的服務器，并且其路由系統可以在兩者實現互操作性。這種互操作性意味著可以繼續花時間添加新的特性。
Robinson 說，“有些客戶已經使用 Next.js 進行開發有五六年之久了，他們也會需要花費幾年的時間來采用這些新特性。在這個過程中，我們希望他們的工作能夠盡可能地順暢。”
在新的一年中，Next.js 希望要解決很多問題，其中一個優先事項就是簡化緩存。他說，從開發人員的體驗來看，這可能會使其更加容易。
Robinson 說到，“通常情況下，生態系統中的許多開發人員必須引入一堆額外的包，或者學習如何使用其他的工具來進行數據抓取、緩存和重現校驗”。“現在，Next.js 已經構建了很多這樣的特性，而且非常強大，但是這也意味著需要學習更多的東西，我們得到的初步反饋是，‘這非常棒，也很強大，但是我們希望它能更簡單一些’”。
Next.js 團隊還將繼續關注性能的改進，他將其稱之為“我們的持續投資”。
他補充到，在新的一年里，這很可能會以新編譯器的形式出現，它將加快在開發人員的機器上啟動 Next.js 的速度。該編譯器相關的工作已經進行了大約一年的時間，Vercel 一直在其內部產品和應用中使用它。他說，這個使用 Rust 編寫的編譯器即便在沒有使用的緩存的情況下也比之前啟用緩存的編譯器更快。
Robinson 說，“距離推出這個功能已經近在咫尺了，甚至到了每個人都可以默認啟用它的程度，而且它比現有基于 Webpack 的編譯方案更快”。“開發人員總是希望他們的工具能夠更快。他們對工具運行速度的追求永無止境。因此，很有意思的一件事是，工具的制造商，而不是工具的使用者在開始轉向像 Rust 這樣的底層工具，從而幫他們實現性能方面的最終勝利。”
他們的第三個目標是為未來十年的 Next.js 奠定基礎。
他說，“我們對這個新的路由系統感到非常興奮。我們相信這是未來的基礎。但是，這也需要時間。人們會嘗試使用，從而有特性方面的需求，并且希望能夠看到實際的改變。我們將其視為未來五年至十年的長期投資。”
他補充說，一個“某天”可能會實現的目標是在 Next.js 中找到更好方式來處理內容，不過這應該不會新的一年中實現。
他補充說，“現在，它依然能夠正常運行，你依然可以連接到任何你想要的內容源，但是會有一些潛在的方式能夠簡化開發人員的體驗”。“這更像是一件錦上添花的事情，而不是必須要做的事情，這就是為什么我認為在 2024 年我們不會實現它，但我希望未來會為其做一些相關的工作。”
Meta 的 React 工程主管 Eli White 說，React 團隊希望在新的一年里會有更多的框架采用 React 服務器組件（RSC，React Server Component）。
White 說，“對大多數人來講，他們認為 RSC 是 React 領域的重要變化，從一個單純的 UI 層，變成對如何架構應用程序的方式都能產生更大的影響，以獲得最佳的用戶和開發人員體驗，特別是對于單頁應用程序（SPA，single page application）方式表現不夠好的應用程序。”
雖然他沒有明確說明 2024 年的新動向，但是 White 表示他們將發布和分享 2023 年相關事項的更多進展。比如，在 React Advanced 會議上，團隊向與會者展示了 React Forget，這是 React 的自動記憶編譯器。White 說，有了React Forget之后，將意味著開發者不再需要使用useMemo和useCallback。
White 補充說，“在 React Native EU 會議上，我們分享了從 0.73 版本開始將 web 開發人員熟悉的 Chrome 開發工具引入 React Native。我們還初步展示了對 Static Hermes 的研究成果，這是針對 JavaScript 的原生編譯器，它不僅有可能加快 React Native 應用程序的速度，而且會從根本上改變 JavaScript 的用途。”
Solid 創始人 Ryan Carniato 表示，在 2024 年，Solid 開發人員可以期待即將推出的SolidStart 1.0和 Solid.js 2.0。SolidStart 是一個元框架，這意味著它建立在框架 Solid.js 之上。他說，這類似于Svelte的SvelteKit。
SolidStart的文檔是這樣描述的：
“Web 應用程序通常包含很多組件，比如數據庫、服務器、前端、打包器、數據抓取/變更、緩存和基礎設施。編排這些組件很具挑戰性，并且通常需要跨應用程序技術棧共享大量的狀態和冗余邏輯。這就是 SolidStart 的用武之地，它是一個元框架，提供了一個將所有這些組件組合在一起的平臺。”
由于 SolidStart 仍處于 beta 階段，Carniato 有機會利用生態系統中已有的東西將其變得更好。
Carniato 說，“其中很重要的一點是，我們現在不再需要編寫自己的部署適配器，而是可以使用 Nitro，它也支撐了 Nuxt 框架，這使得我們可以將其部署到所有的不同平臺上。”
另外一個樣例是任何 Solid 路由器都能在 SolidStart 中運行。
他說，“這意味著對路由器的底層部分進行了大量更新，這樣它們才能一起運行，但最終結果令我非常高興，因為我們小團隊的志愿者需要維護的代碼量要少得多，這給了開發人員很大的靈活性。”“他們不必被迫采用單一的解決方案，這對我來說非常重要，因為每個人都有自己的需求。正如我所言，如果你構建了正確的組件并且能夠弄清楚構建基塊（building block），那么人們可以做更多的事情。”
他說，最終的結果是由“可互換”的組件所組成的元框架，而不是具有很強的傾向性。Solid 團隊一直在思考，在由越來越多的元框架決定開發人員能夠使用什么的世界中，正確的基本元素所帶來的影響。
他說，“對我來講，最重要的一直是基本元素形成的構建基塊，這是一個非常工程化的關注點，我認為這也是它與眾不同的原因之一。”“我一直喜歡給別人選擇的權力，并且我認為如果有正確的基本元素，正確的構建基塊，就可以構建出正確的解決方案。”
他表示，Solid 2.0 應該會在 2024 年中后期發布。現在，他們正在實現如何處理異步系統的原型。
Carniato 說，“Solid 2.0 也將是一個非常重要的版本，因為我們正在重新審視反應式系統，并思考如何解決異步信號或異步系統的問題。”
他補充說，Solid 試圖在控制和性能之間取得平衡。
他說，“在我們的社區里，有很多非常熱情的人，非常有技術頭腦的人，他們關注性能，關心控制。”“我們確實吸引了很多人，他們真的想控制自己建造的每一個組成部分。”
原文鏈接：https://www.infoq.cn/article/7ciYZE56w7KENEGOjfQY
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
