原创 學一學bootstrap(2)

22.導航欄 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i

原创 網絡之存儲(cookie webStorage )

cookie 存儲數據的功能已經很難滿足開發所需,逐漸被 WebStorage、IndexedDB 所取代 cookie詳情見cookie ①LocalStorage 保存的數據長期存在(特點:持久),下一次訪問該網站的時候,網頁

原创 前端包管理器

1.包的安裝 安裝(install)即下載包 由於 npm 的官方 registry 服務器位於國外,可能受網速影響導致下載緩慢或失敗。因此,安裝好 npm 之後,需要重新設置 registry 的地址爲國內地址。目前,淘寶 ht

原创 vue實現工作計劃demo

文本框中輸入計劃點擊添加,增加內容到正在進行,正在進行中check後移動至已完成,已完成的工作可以返回正在進行。 <!DOCTYPE html> <html lang="en"> <head> <meta charset

原创 vue實現調查問卷

同步展示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

原创 瞭解HTTP 緩存

---------------------武漢加油,陝西加油,中國加油---------------2020-02-17---------------- 重用已獲取的資源能夠有效的提升網站與應用的性能。Web 緩存能夠減少延遲與網

原创 Webpack系統學習

1-1如何在瀏覽器端實現模塊化 簡介 需要的前置知識:ES6、模塊化、包管理器、git 合適的深度:webpack使用層面很簡單,但原理層面非常複雜 合適的廣度:webpack生態圈極其繁榮,有海量的第三方庫可以融入到webpac

原创 細細品一品VUE

1.更改數據後,頁面會立刻重新渲染嗎? 數據變化,頁面就會重新渲染。VUE更新DOM操作是異步執行的,只要偵聽到數據變化就會開啓一個異步隊列,同步執行棧執行完畢後會執行異步執行棧,隊列中微任務先執行。 2.如何在更改數據後,看到

原创 vue實現簡易計算機demo

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

原创 用vue仿淘寶商品篩選

css略,點擊牛仔褲添加到已選條件,點擊x取消選擇 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp

原创 JS / CSS / 網絡部分知識總結

(1)垂直兩欄左邊固定 右邊自適應 //基本佈局 *{ margin: 0; padding: 0; } .outer{ height: 200px;

原创 用bootstrap做一個導航欄(自適應)

----------------中國加油!陝西加油!武漢加油!!!------------------------------------- 上圖 上代碼 <!DOCTYPE html> <html> <head> <me

原创 window環境下node版本和gulp版本不兼容降低node版本解決方案

報錯:primordials is not defined; 寫 項目卡到版本不兼容問題真的就巨煩人。 gulp3.x.x需要將node降低到11.x.x (另:gulp3和gulp4有很大區別) 使用nvm:就是一個可以讓你在同

原创 標準盒模型和 IE 盒模型

對於標準盒模型和 IE 盒模型你瞭解多少? 盒模型講解 我們今天只會提到 標準盒模型,和 IE 盒模型,兩種盒模型模式講解。首先來看標準盒模型。 只要是盒模型都會有這四個屬性 margin, border, padding, co

原创 canvas實現雨滴動畫

<!doctype html><!--聲明文檔類型:html--> <html lang="en"> <head><!--頭部--> <meta charset="UTF-8"><!--字符編碼:utf