當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

web开发软件，8个优秀的CSS实践，附面试题

發布時間：2023/11/30 CSS 56 豆豆

生活随笔收集整理的這篇文章主要介紹了 web开发软件，8个优秀的CSS实践，附面试题小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一.為什么要學習前端開發？

你可能是因為興趣，完成一個網站、頁面、功能的成就感。你也可能是因為現在前端崗位火爆，就業率高。不管是因為什么，只要找準了目標，學就是了！

突破困境：

1. 提升學歷

前端找工作，學歷重要嗎？

重要。誰要是告訴你不重要那一定是在騙你。現實情況是大專吃緊，本科夠用，碩士占優，大專以下找到工作靠運氣和真實力。

學歷是硬傷，已經畢業的你，沒辦法回到從前，如果你是大專，可以通過自考本科提升學歷，會有一些幫助。起碼可以讓更多HR看你的簡歷。

還有就是用技術的長處去彌補學歷的短板，你要做到比學歷比你高的人技術更好，讓別人看到并認可你的能力。

2. 提高技術

前端開發的基礎知識必須要扎實且深入去學習，達到精通的地步。掌握HTML +CSS， HTML是網頁的核心，這是前端最基本的知識。學好CSS是網頁外觀的重要一點，CSS可以幫助把網頁外觀做得更加美觀。

學好JavaScript，學習JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發人員的個人技能。多看一些原生JS代碼。

學好SQL語句，要會基本的增刪查改，前端開發中構建動態頁面是必須使用到數據庫的，但是數據庫的產品很多，開發人員遇到這種情況別擔心，因為它們都會遵循標準的SQL原則。

學好主流的Web框架，當你掌握了HTML，CSS和JavaScript后，就應該找一個Web框架加快你的Web開發速度，使用框架可以節約你很多時間。框架類的東西太多，要根據自己的需求來選擇性地學習。

了解瀏覽器的工作原理。要比較清楚各大瀏覽器的兼容性，各自的優缺點等等。這對于前端開發過程很有幫助。

確保你的開發模式跟得上時代，技術的更新換代非常之快，尤其是前端技術更是博大精深，要學的知識很多，所以必須保證方向是對的，要跟上技術潮流。

前端資料分享

1. 前端基礎

HTML

你如何理解HTML結構的語義化

說說 title 和 alt 屬性

Html5 有哪些新特性、移除了哪些元素

Label的作用是什么？是怎么用的？

瀏覽器是怎么對 Html5 的離線儲存資源進行管理和加載的呢

iframe有那些缺點？

HTML W3C的標準

Doctype作用? 嚴格模式與混雜模式如何區分？它們有何意義?

HTML全局屬性(global attribute)有哪些

viewport的content屬性作用

meta 相關

div+css的布局較table布局有什么優點

簡述一下src與href的區別

知道的網頁制作會用到的圖片格式有哪些

如何在 HTML5頁面中嵌入音頻與視頻？
…

CSS

水平居中的方法

垂直居中的方法

link 與 @import 的區別

三列布局（中間固定兩邊自適應寬度）

BFC 有什么用

清除浮動的幾種方式

CSS3有哪些新特性

css3 新增偽類 - 偽元素

為什么要初始化CSS樣式

IE盒子模型、W3C盒子模型

請解釋一下CSS3的Flexbox（彈性盒布局模型）,以及適用場景

display:inline-block 什么時候不會顯示間隙？

行內元素float:left后是否變為塊級元素？

如果需要手動寫動畫，你認為最小時間間隔是多久，為什么？

display:inline-block 什么時候會顯示間隙？

CSS權重，計算規則

Sass、LESS是什么？大家為什么要使用他們？

stylus，sass，less區別

rgba() 和 opacity 的透明效果有什么不同？

px和em的區別

使用css實現一個持續的動畫效果

重排和重繪

什么情況會觸發重排和重繪？

JavaScript

原型鏈
(1) 創建對象有幾種方法？
(2) instanceof的原理？
類
(1)類的聲明？
(2)生成實例？聲明一個類，怎么生成類的實例？
繼承
(1)call、apply的共同點與區別?
(2)用javascript實現對象的繼承/ 繼承的幾種方式，這幾種方式的優缺點?
作用域
(1)說說你對作用域鏈的理解？
(2)this？
JS閉包
(1)閉包的特征？
(2)閉包應用場景？
(3)實際開發中閉包的應用？
JS運行機制，單線程，異步
(1)如何理解js的單線程？
(2)js為什么是單線程的？
(3)同步和異步的區別是什么？分別舉一個同步和異步的例子？
(4)何時需要異步？
(5)什么是任務隊列？
(6)請說出下列的值？
(7)棧和隊列的區別？
(8)棧和堆的區別？
(9)什么是event loop？
(10)event-loop流程？
(11)哪些語句會放入異步任務隊列中？
(12)何時被放入任務隊列？
JS數據類型
(1)js使用typeof能得到的哪些類型？
(2)如何準確判斷一個變量是數組類型？
(3)js變量按照存儲方式區分為哪些類型，并描述其特點？
(4)null和undefined的區別？
(5)undefined的典型用法？
(6)null的典型用法？
(7)chrome60+瀏覽器中,a===b的是哪項？
JS的內置函數，內置對象
(1)js中有哪些內置函數/ 數據封裝類對象？
(2)js中有哪些內置對象？
(3)js變量按照存儲方式區分為哪些類型，并描述其特點？
(4)字符串方法/ String對象方法?
(5)數組方法/ Array對象方法？
(6)數組API？
(7)對象API？
數組去重
(1)數組怎么去重？
(2)對上述數組去重方法速度比較？
(3)一句話數組去重？
(4)保留數組中非重復元素？
(5)保留數組中重復元素？
JS邏輯判斷
內存泄露
(1)哪些操作會造成內存泄漏？
(2)js內存泄漏的解決方式
DOM
(1)dom是哪種基本的數據結構？
(2)dom操作的常用api有哪些？
(3)dom節點的attribute和property有何區別？
(4)dom結構操作/ 怎樣添加、移除、移動、復制、創建和查找節點/ dom操作的
常用api？
(5)dom事件的級別？
(6)dom事件模型？
(7)dom事件流？
(8)描述dom事件捕獲的具體流程？
(9)event對象的常見應用？
(10)自定義事件/ 模擬事件？
(11)通用事件綁定/ 編寫一個通用的事件監聽函數？
(12)dom樹、render樹的關系/ dom樹、render樹的區別（第2、3條）？
BOM
(1)bom常用屬性？
通信
(1)什么是同源策略及限制？
(2)前后端如何通信？
(3)跨域通信的幾種方式？
(4)jsonp實現？
(5)可以跨域的三個標簽？
(6)三個可跨域的標簽的使用場景？
Ajax
(1)ajax請求的原理/ 手寫一個ajax請求？
(2)readyState？
(3)ajax異步與同步的區別？
(4)ajax傳遞中文用什么方法？
錯誤監控
(1)前端錯誤的分類/ 如何檢測js錯誤/ 如何保證你的產品質量？
(2)錯誤的捕獲方式？
(3)上報錯誤的基本原理？
模塊化
(1)amd、cmd區別？
(2)amd、commonJs區別？
虛擬DOM
(1)vdom的如何應用，核心api是什么？
(2)虛擬dom轉換成真實dom？
(3)diff實現過程？
JS基礎
(1)對js的理解？
(2)請說出以下代碼輸出的值？
(3)把以下代碼，改寫成依次輸出0-9
(4)如何區分數組對象，普通對象，函數對象
(5)面向對象、面向過程
(6)面向對象的三大基本特性
(7)XML和JSON的區別？
(8)Web Worker 和webSocket？
(9)Javascript垃圾回收方法？
(10)new操作符具體干了什么呢？
(11)js延遲加載的方式有哪些？
(12)WEB應用從服務器主動推送Data到客戶端有那些方式？

結尾

學習html5、css、javascript這些基礎知識，學習的渠道很多，就不多說了，例如，一些其他的優秀博客。但是本人覺得看書也很必要，可以節省很多時間，常見的javascript的書，例如：javascript的高級程序設計，是每位前端工程師必不可少的一本書，邊看邊用，了解js的一些基本知識，基本上很全面了，如果有時間可以讀一些，js性能相關的書籍，以及設計者模式，在實踐中都會用的到。

資料領取方式：戳這里免費獲取

，例如，一些其他的優秀博客。但是本人覺得看書也很必要，可以節省很多時間，常見的javascript的書，例如：javascript的高級程序設計，是每位前端工程師必不可少的一本書，邊看邊用，了解js的一些基本知識，基本上很全面了，如果有時間可以讀一些，js性能相關的書籍，以及設計者模式，在實踐中都會用的到。