原创 【CSS】CSS3 動畫

1. 動畫屬性:transition、animation(CSS3新增)。 2. animation 可以通過 @keyframes (關鍵幀) 構建一些 transition 的動畫效果。 3. CSS3 一共有八個子屬性:animat

原创 【考前必看一】面試前夕知識點梳理之JavaScript(一)

【JavaScript】 一、數據類型 1. JavaScript 中共有兩種數據類型,分別是基本數據類型和引用數據類型(Object類型)。 基本數據類型:number、string、boolean、undefined、null、sy

原创 【應用】兩列布局 - 左邊固定寬度,右邊自適應

一、Flex 佈局 <!DOCTYPE html> <html> <head> <title>兩列布局-左邊固定寬度,右邊自適應</title> <style> html,body{ margin: 0; paddi

原创 【考前必看一】面試前夕知識點梳理之JavaScript(二)

【JavaScript】 一、構造函數 構造函數是一種特殊的方法,主要用來創建對象時初始化對象,總與new運算符一起使用。 二、new運算符 new運算符會創建一個空對象,並且構造函數中的 this 指向這個空對象。 這個新對象會被執行[

原创 【Vue】v-if 和 v-show 的區別及應用場景

相同點:v-if 與 v-show 都可以動態控制 DOM 元素的顯示隱藏。 不同點: 1. 手段:v-if 是動態的向 DOM 樹內添加或者刪除 DOM 元素;v-show 是通過設置 DOM 元素的 display 樣式屬性控制顯示隱

原创 【JS】第8章 BOM(瀏覽器對象模型)

一、window 對象 在瀏覽器中,window 對象有雙重角色,它既是通過 JS 訪問瀏覽器窗口的一個接口,又是 ECMAScript 規定的 Global 對象。這意味着在網頁中定義的任意一個對象、變量和函數,都以 window 作爲

原创 【前端】防抖和節流

一、防抖 防抖函數的作用 防抖函數的作用就是控制函數在一定時間內的執行次數。防抖意味着 N 秒內函數只會被執行一次,如果 N 秒內再次被觸發,則 重新 計算延遲時間。 防抖函數的實現 事件第一次觸發時,timeout 是 null,調用

原创 【JS】AMD和CMD的區別

AMD(Asynchronous Module Definition)即異步模塊化定義,是 RequireJS 在推廣過程中對模塊定義的規範化產出。 CMD(Common Moudle Definition)即通用模塊定義,是 SeaJS

原创 【考前必看四】面試前夕知識點梳理之CSS(一)

【CSS】 一、CSS3新增的特性有哪些?移除的元素有哪些? 新增的特性:選擇器、盒模型、背景和邊框、文字特效、2D/3D轉換、動畫、多列布局、用戶界面 移除的元素:(純表現的元素) basefont,big,center,font,s,

原创 【JS】第23章 離線應用與客戶端緩存

一、離線檢測 navigation.onLine(H5的屬性)、online、offline(H5的事件) 二、應用緩存 1. Appcache 是從瀏覽器的緩存中分出來的一塊緩存區,要想在這個緩存中保存數據,可以使用一個描述文件(man

原创 【考前必看一】面試前夕知識點梳理之JavaScript(三)

【JavaScript】 一、防抖和節流 1.  防抖函數的實現 一個需要頻繁觸發的函數,在規定時間內只讓最後一次生效,前面不生效。就是指觸發事件後在 n 秒內函數只能執行一次,如果在 n 秒內又觸發了事件,則會重新計算函數執行時間。

原创 【應用】三列布局 - 兩邊固定寬度,中間自適應,高度一致

一、Flex 佈局 圖1 <!DOCTYPE html> <html> <head> <title>三列布局-兩邊固定寬度,中間自適應,高度一致</title> <style> html,body{ margin: 0;

原创 【考前必看四】面試前夕知識點梳理之CSS(二)

【CSS】 一、CSS 中可以實現繼承的樣式屬性有哪些? 繼承使得網頁開發者更加輕鬆,否則我們就要對所有的子孫元素指定屬性,CSS文件大小將會大大增加,變得更難創建與維護,同時降低了下載速度。但並非所有的CSS屬性都支持繼承,如果每個CS

原创 【考前必看】查漏補缺(一)

一、JS 1. 跨域原理 (1)JSONP跨域 原理: 通常爲了減輕 web 服務器的負載,我們把 JS、CSS、img 等靜態資源分離到另一臺獨立域名的服務器上,在 html 頁面中再通過相應的標籤從不同域名下加載靜態資源,而被瀏覽器

原创 【JS】JQuery中的document ready方法和window onload方法的區別

原文鏈接:https://www.cnblogs.com/cuixi/p/3351329.html 1. 執行時機 window.onload方法是在網頁中的所有的元素(包括元素的所有關聯文件)