原创 學一學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