摘要：
1、繼承 應注意區分繼承和實例化，實例化是生成一個對象，這個對象具有構造函數的屬性和方法；繼承指的應該是利用父類生成一個新的子類構造函數，通過這個子類構造函數實例化的對象，具有子類的屬性和方法，同時也具有父類的屬性和方法。 2、原型鏈繼承 2.1、實現方法 實現原型鏈繼承的方法是通過重寫子類的原型對
閱讀全文
posted @ 2019-07-24 11:43
wenxuehai
閱讀(612)
推薦(0)
摘要：
1、構造函數 Date 對象可以通過構造函數來生成，Date 的構造函數可以放入四種不同的參數 1.1、new Date() ，返回此時的本地日期時間的date對象 1.2、new Date(毫秒數) ，返回一個通過毫秒數轉變的date對象 參數里面的毫秒數是整數，表示的是從 '1970/01/01
閱讀全文
posted @ 2019-07-24 11:04
wenxuehai
閱讀(1693)
推薦(0)
摘要：
1、識別條形碼 識別條形碼可以使用 quaggaJS 模塊來識別，而使用 quaggaJS 接口來識別條形碼，有兩種方法，一種是識別靜態圖像文件，另一種是直接在攝像頭上實時識別（即不用拍照，攝像頭對著條碼即可識別）。但是第二種方法必須用到瀏覽器的 navigator.getUserMedia 接口，
閱讀全文
posted @ 2019-04-20 10:31
wenxuehai
閱讀(9375)
推薦(0)
摘要：
1、條形碼的基本概念 目前世界上常用的碼制有EAN條形碼、UPC條形碼、二五條形碼、交叉二五條形碼、庫德巴條形碼、三九條形碼和128條形碼等，而商品上最常使用的就是EAN商品條形碼。 EAN商品條形碼亦稱通用商品條形碼，由國際物品編碼協會制定，通用于世界各地，是目前國際上使用最廣泛的一種商品條形碼。
閱讀全文
posted @ 2019-04-19 22:51
wenxuehai
閱讀(3580)
推薦(0)
摘要：
1、如何卸載谷歌瀏覽器 谷歌瀏覽器有安裝版和免安裝版，安裝版的話直接用 360軟件管理 卸載或者用控制面板卸載即可。免安裝版的話，右鍵 Chrome 快捷程序，找到文件所在位置，直接全選刪除即可。 可參考：http://www.xitongcheng.com/jiaocheng/dnrj_artic
閱讀全文
posted @ 2019-04-18 23:15
wenxuehai
閱讀(469)
推薦(0)
摘要：
1、手機如何訪問到本地主機頁面（真機訪問） webpack 的配置文件中設置本地服務器的域名為 0.0.0.0，可參考下面配置： 此時，本地主機可以使用多種方式訪問頁面，比如：localhost:9095、ip地址:9095 手機也可以通過訪問主機 ip地址+端口號 來訪問頁面，主機ip地址通過命令
閱讀全文
posted @ 2019-04-18 23:05
wenxuehai
閱讀(2931)
推薦(0)
posted @ 2019-04-10 21:05
wenxuehai
閱讀(21)
推薦(0)
摘要：
在nodejs中從數據庫得到數據后是通過回調函數來操作數據的，如果嵌套多層將非常可怕，代碼邏輯和可讀性將變得非常差。有時用promise也并不能很好得解決問題，因為如果用了promise后，代碼將會有非常多的then，如果需要回調的太多，代碼可讀性也將非常差，有時候還會遇到需要循環讀取數據庫的情況，
閱讀全文
posted @ 2019-04-09 21:13
wenxuehai
閱讀(2023)
推薦(0)
摘要：
1、Request header field Content-Type is not allowed by Access-Control-Allow-Headers 在跨域請求時，可能出現以上問題，該問題是因為跨域請求包含自定義的header字段，而且會發現當前臺有自定義字段時，總是會在發起請求前先
閱讀全文
posted @ 2019-04-07 16:38
wenxuehai
閱讀(529)
推薦(0)
摘要：
1、setTimeout、setInterval、promise、宏任務、微任務 先執行宏任務整體 script 同步代碼，然后遇到 setTimeout 或者 setInterval 即放到宏任務隊列中，遇到微任務放到微任務隊列中。整體 script 同步代碼執行完后再執行微任務隊列，執行完后再執
閱讀全文
posted @ 2019-03-31 21:18
wenxuehai
閱讀(312)
推薦(0)
摘要：
1、float屬性 CSS 的 Float（浮動），會使元素向左或向右移動，由于浮動的元素會脫離文檔流，所以它后面的元素會重新排列。 浮動元素之后的那些元素將會圍繞它，而浮動元素之前的元素將不會受到影響。比如如果一個圖像向右浮動，下面的文本流將環繞在它左邊。 <div> <p>哈哈哈哈哈哈哈哈哈哈哈
閱讀全文
posted @ 2019-03-31 14:48
wenxuehai
閱讀(554)
推薦(0)
摘要：
1、為什么瀏覽器解析 css 選擇器是從右到左的 參考：https://github.com/zwwill/blog/issues/2 2、偽元素和偽類的單冒號和雙冒號 2.1、偽類（:） 偽類是用于定義元素特殊狀態的。 示例： //未訪問的連接 a:link{ color:black; }; //
閱讀全文
posted @ 2019-03-31 11:55
wenxuehai
閱讀(318)
推薦(0)
摘要：
1、屬性百分比的基準點 1.1、基于包含塊 以下的關于包含塊（含塊）的概念，不能簡單地理解成是父元素。 如果是靜態定位和相對定位，包含塊一般就是其父元素。但是對于絕對定位的元素，包含塊應該是離它最近的 position 不是static的父元素，比如為absolute，relative，或者 fix
閱讀全文
posted @ 2019-03-26 18:10
wenxuehai
閱讀(918)
推薦(0)
摘要：
1、px 絕對單位，頁面按精確像素展示 2、em em 是相對長度單位，是相對于字體大小這個屬性來計算的。參考的是父節點字體的大小，1 em 也就是父節點字體大小是多少，則1 em就是多少。如果自身定義了字體大小 font-size 則參考自身的字體大小，如果父節點和本身都沒有定義字體大小，則參考瀏
閱讀全文
posted @ 2019-03-25 13:19
wenxuehai
閱讀(292)
推薦(0)
摘要：
1、水平居中 1.1、行內元素直接水平居中（text-align） 只要父元素設置該屬性值，所有的行內子元素都會水平居中。且該屬性有繼承性 2、確定寬度的塊級元素實現水平居中 2.1、自動邊距實現水平居中（margin） 具有寬度的塊級元素設置上面屬性后就會在父元素中左右居中 2.2、絕對定位和負邊
閱讀全文
posted @ 2019-03-11 21:32
wenxuehai
閱讀(278)
推薦(0)
摘要：
1、事件總線（Bus）實現非父子組件通信 Vue2.0提供了Vuex進行非父子組件之間的通信，但在簡單的場景下，可以使用一個空的Vue實例作為中央事件總線。 實現代碼示例： <div id="app"> <c1></c1> <c2></c2> </div> var Bus = new Vue();
閱讀全文
posted @ 2019-03-11 12:22
wenxuehai
閱讀(2187)
推薦(0)
摘要：
1、動態組件 代碼示例： component 直接綁定全局組件的組件名： <body> <div id="dynamic-component-demo" class="demo"> <button v-for="tab in tabs" v-bind:key="tab" v-bind:class="
閱讀全文
posted @ 2019-03-08 20:32
wenxuehai
閱讀(834)
推薦(0)
摘要：
1、position 屬性 position屬性指定一個元素（靜態的，相對的，絕對或固定）的定位方法，共有4個屬性值，分別是 static、fixed、relative、absolute、sticky。 1.1、static 屬性值（默認定位，占據空間） static定位是 HTML 元素的默認值，
閱讀全文
posted @ 2019-03-07 12:47
wenxuehai
閱讀(470)
推薦(0)
摘要：
1、flex 布局的概念 Flex是Flexible Box的縮寫，意為"彈性布局"，用來為盒狀模型提供最大的靈活性。任何一個容器都可以指定為 Flex 布局，行內元素也可以通過 inline-flex 使屬性值用 Flex 布局。 inline-flex 和 inline-block 一樣，對設置
閱讀全文
posted @ 2019-03-06 19:02
wenxuehai
閱讀(25201)
推薦(1)
摘要：
1、盒模型的概念 CSS 盒子模型又稱框模型，包含元素內容（content）、內邊距（padding）、邊框（border）、外邊距（margin）幾個要素 1.1、標準盒模型和 IE 盒模型 盒模型是有兩種標準的，標準盒模型和 IE 盒模型 標準盒模型（box-sizing: content-bo
閱讀全文
posted @ 2019-03-06 17:27
wenxuehai
閱讀(364)
推薦(0)
摘要：
1、setTimeout() 方法 setTimeout() 方法用于在指定的毫秒數后調用函數或執行表達式。返回一個 ID（數字），可以將這個ID傳遞給 clearTimeout() 來取消執行。 1.1、使用 clearTimeout() 方法阻止函數的執行 在setTimeout() 里面的函數
閱讀全文
posted @ 2019-03-05 00:51
wenxuehai
閱讀(34450)
推薦(1)
摘要：
1、localStorage 概念 HTML5 web 存儲：HTML5 提供了兩種在客戶端存儲數據的新方式：localStorage 和 sessionStorage ，兩者都是僅在客戶端（即瀏覽器）中保存，不參與和服務器的通信。 早些時候，本地存儲使用的是 cookie，。但是 cookie 不
閱讀全文
posted @ 2019-03-04 22:50
wenxuehai
閱讀(2950)
推薦(1)
摘要：
1、cookie基本介紹（客戶端會話技術） cookie 是存儲在客戶端的，即瀏覽器，所以稱之為客戶端會話技術。而 session 是存儲在服務器端的，所以稱之為服務器端會話技術。 cookie是純文本，沒有可執行代碼，是指某些網站為了辨別用戶身份、進行 session 跟蹤而儲存在用戶本地終端（瀏
閱讀全文
posted @ 2019-03-04 14:57
wenxuehai
閱讀(7679)
推薦(2)
摘要：
參考：http://www.rzrgm.cn/MarcoHan/p/5295398.html、站長之家：http://www.chinaz.com/tags/Webqianduanxingnengyouhua.shtml 1、性能優化的重要性 研究表明：用戶最滿意的打開網頁時間是2-5秒，如
閱讀全文
posted @ 2019-03-04 14:00
wenxuehai
閱讀(2302)
推薦(0)
摘要：
1、MVC開發模式 MVC將應用劃分為3個部分：數據（模型）、展現層（視圖）和用戶交互（控制器）。換句話說，一個事件的發生是這樣的過程：（1）用戶和應用產生交互。（2）控制器的事件處理器被觸發。（3）控制器從模型中請求數據，并將其交給視圖。（4）視圖將數據呈現給用戶。 V層是視圖層，控制界面顯示，將
閱讀全文
posted @ 2019-03-04 11:12
wenxuehai
閱讀(1393)
推薦(0)
摘要：
參考：https://segmentfault.com/a/1190000006672214?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly#articleHeader14 1、XSS攻擊（跨站腳本攻擊） XSS（跨站腳本攻擊
閱讀全文
posted @ 2019-03-02 23:09
wenxuehai
閱讀(2724)
推薦(0)
posted @ 2019-03-01 22:59
wenxuehai
閱讀(278)
推薦(0)
摘要：
1、回調地獄 在使用JavaScript時，為了實現某些邏輯經常會寫出層層嵌套的回調函數，如果嵌套過多，會極大影響代碼可讀性和邏輯，這種情況也被成為回調地獄。比如說你要把一個函數 A 作為回調函數，但是該函數又接受一個函數 B 作為參數，甚至 B 還接受 C 作為參數使用，就這樣層層嵌套，人稱之為回
閱讀全文
posted @ 2019-03-01 12:19
wenxuehai
閱讀(13674)
推薦(2)
摘要：
1、URI 統一資源標識符（URI）是一個用于標識某一互聯網資源名稱的字符串。，該種標識允許用戶對任何（包括本地和互聯網）的資源通過特定的協議進行交互操作。Web上可用的每種資源 -HTML文檔、圖像、視頻片段、程序等都可由一個通用資源標識符（Uniform Resource Identifier,
閱讀全文
posted @ 2019-03-01 00:00
wenxuehai
閱讀(1430)
推薦(0)
摘要：
1、獲取節點 1.1、用 getElement 方法獲取 獲取元素節點時，必須等到DOM樹加載完成后才能獲取。兩種處理方式：（1）將JS寫在文檔最后；（2）將代碼寫入window.onload函數中； 這一系列方法，也可以先選中一個DOM節點，在從選中的DOM節點的子節點里，選擇需要的節點： 1.2
閱讀全文
posted @ 2019-02-28 21:02
wenxuehai
閱讀(743)
推薦(0)
摘要：
TODO： 原型鏈 宏任務、微任務 1、關于解構賦值 ES6 內部使用嚴格相等運算符（ ），判斷一個位置是否有值。所以，只有當等號右邊的數組成員嚴格等于undefined，默認值才會生效。 let [x, y = 'b'] = ['a', undefined]; // x='a', y='b' 2、
閱讀全文
posted @ 2019-02-28 14:53
wenxuehai
閱讀(322)
推薦(0)
摘要：
1、Vue 中 class 和 style 的綁定 在 Vue 中，可以通過數據綁定來操作元素的 class 列表和內聯樣式，操作 class 和 style 是用 v-bind 來綁定的。在將 v-bind 用于 class 和 style 時，Vue.js 做了專門的增強，表達式結果的類型除了字
閱讀全文
posted @ 2019-02-27 17:00
wenxuehai
閱讀(302)
推薦(0)
摘要：
1、DOM事件流概念 DOM模型是一個樹形結構，在DOM模型中，HTML元素是有層次的。當一個HTML元素上產生一個事件時，該事件會在DOM樹中元素節點與根節點之間按特定的順序傳播，路徑所經過的節點都會收到該事件，這個傳播過程就是DOM事件流。 DOM事件標準定義了兩種事件流，分別是捕獲事件流和冒泡
閱讀全文
posted @ 2019-02-27 15:05
wenxuehai
閱讀(504)
推薦(0)
摘要：
1、新建Vue實例 每個 Vue 應用都是通過用 Vue 函數創建一個新的 Vue 實例開始的。 通過 Vue 函數新建一個 vue 應用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv
閱讀全文
posted @ 2019-02-26 22:54
wenxuehai
閱讀(693)
推薦(0)
摘要：
1、添加代碼片段 參考：https://blog.csdn.net/qq_36370731/article/details/83014439 2、在vscode上運行Git 先打開vscode內置的Git：F1，輸入Show built-in Extensions, 左側列表中找Git，然后啟用 配
閱讀全文
posted @ 2019-02-22 11:16
wenxuehai
閱讀(328)
推薦(0)
摘要：
1、版本問題 webpack的安裝并不是越新越好。當使用最新版本時不使用配置文件，直接編譯不生成文件甚至報錯；使用3.12版本時編譯文件可以成功但是不生成新文件；使用 3.5.3 版本時成功且生成新文件。所以建議使用 3.5.3 版本 而且使用最新版本時，webpack 和 webpack-cli
閱讀全文
posted @ 2019-02-22 10:33
wenxuehai
閱讀(1285)
推薦(0)
摘要：
可參考：https://segmentfault.com/a/1190000006178770#articleHeader2 1、webpack的概念 本質上，webpack 是一個用于現代 JavaScript 應用程序的靜態模塊打包工具。當 webpack 處理應用程序時，webpack 從命令
閱讀全文
posted @ 2019-02-21 10:00
wenxuehai
閱讀(522)
推薦(0)
摘要：
具體請參考：https://git-scm.com/book/zh/v1/Git-%E5%88%86%E6%94%AF-%E4%BD%95%E8%B0%93%E5%88%86%E6%94%AF Git命令請參考：https://www.yiibai.com/git/git_config.html 1
閱讀全文
posted @ 2019-02-20 21:56
wenxuehai
閱讀(669)
推薦(0)
摘要：
1、注冊登錄 在 GitHub 上注冊登錄 暫時忽略不講 2、創建新的遠程倉庫 在GitHub網站上創建新的倉庫。不管你是先在本地創建倉庫還是先在遠程創建倉庫，要想把代碼提交到遠程倉庫都是要先手動創建一個遠程倉庫，然后再讓兩個倉庫關聯起來。 3、克隆遠程倉庫的兩種方式及此時的關聯 3.1、克隆的兩種
閱讀全文
posted @ 2019-02-20 13:22
wenxuehai
閱讀(752)
推薦(0)
摘要：
1、查看提交的歷史版本（git log） 我們可以使用 git log 命令來查看提交的歷史版本。 默認不用任何參數的話，git log 會按提交時間列出所有的更新，最近的更新排在最上面。每個版本都有一個 SHA-1 校驗和、作者的名字和電子郵件地址、提交時間，最后縮進一個段落顯示提交說明。 1.1
閱讀全文
posted @ 2019-02-19 15:30
wenxuehai
閱讀(495)
推薦(1)
浙公網安備 33010602011771號