原创 JavaScript 數據類型轉換(轉爲String/Number/Boolean)

1. 其他類型 -> String - 變量 + “” - String(變量)    (構造函數) - 變量.toString()    (undefined 和 null 沒有 toString 方法) 2. 其

原创 JavaScript 對象和麪向對象概述(自定義對象)

1. JS中的對象(Object) 創建空白對象:var obj = new Object(); 對象裏面的變量叫屬性,對象外面的變量叫變量 對象裏面的函數叫方法,對象外面的函數叫函數 但前提是要給對象綁定屬性和方法 2. 

原创 JavaScript BOM概述(open/close/location/navigator/history/定時器)

BOM brower objects model:瀏覽器對象模型(BOM包含DOM) 1. alert/confirm/變量/函數 Window可以省略。全局變量和全局函數都是window下的屬性和方法。 - win

原创 JavaScript 字符串操作(給索引查字符/給字符查索引/uri 編碼和解碼/字符串拼接/字符串截取/去掉空白/替換/變爲數組/查找字符串中所有匹配項)

JavaScript 字符串操作 ① 給索引查字符 ( charAt / charCodeAt ) charAt,獲取相應位置字符(參數: 字符位置) 註釋:字符串中第一個字符的下標是 0。如果參數 index 不在 0 與 st

原创 JavaScript 函數總體概述(函數聲明/參數傳遞/返回值/加載/變量和作用域/變量聲明提升/匿名函數/回調函數)

1. 函數的概念和定義 函數就是可以重複執行的代碼塊。 ① 函數聲明(自定義聲明) 使用在定義之前或之後均可function 函數名(形參) { } ② 函數表達式(匿名函數法) 注意:使用必須在定義之後 var 變

原创 JavaScript DOM雜知識(value/innerHTML/innerText/textContent對比、nodeType/nodeName/nodeValue區別、獲取任意類型的屬性)

1、value / innerHTML / innerText / textContent value 是帶有value屬性的標籤擁有的值,一般是單閉合標籤的屬性(可賦值,也可獲取) innerHTML 是雙閉合標籤兩個標籤之

原创 JavaScript 原型的概念及使用

1. 原型的概念 (1)爲什麼需要原型? 描述一個構造函數的時候,實際上是在描述對象需要什麼成員 js是解釋型語言,凡是需要解釋的代碼,都會被執行一次,意味着下面代碼會創建多個對象var obj; for(var i=0; i

原创 記一次vue用webpack打包時報UnhandledPromiseRejectionWarning:CssSyntaxError:Unknown word

某次在開發過程中遇到這樣的一個問題: 使用的是vue框架,用webpack進行打包的時候報了這樣一個錯,如下圖:   step1:將svg引用處的單引號改爲雙引號 一開始我直接將錯誤的第一行放到搜索引擎中去搜答案,很多回答都指向一個問題

原创 JavaScript 概述

1. 什麼是 JavaScript? JavaScript 是一門編程語言。 java 是強類型語言,後臺用; JavaScript 是弱類型語言,前臺用,腳本語言 最初的目的:判斷客戶端的輸入(以前的網速慢) 現在的意義:

原创 JavaScript 變量/命名規則/交換兩個數值類型的變量

1. 命名規則 駝峯命名規則:getElementById 遵從規則: - 取值範圍:0-9,a-z,A-Z,_,$ - 不能以數字開頭 - 長度不能超過255字符 - 不能以關鍵字和保留字命名 - 區分大小寫 - 不能

原创 JavaScript DOM概述(獲取節點的方法/節點的訪問關係/節點創建添加刪除複製/屬性獲取設置刪除)

DOM 概述 document object model 文檔對象模型:處理網頁內容的方法和接口 1. 什麼是DOM和節點 - document是文檔對象模型的一部分。 - DOM是一個複合的數據類型。 - DOM樹:由節

原创 JavaScript 數據類型(值類型/引用類型)

1. 簡單數據類型(值類型) String  Number  Boolean  undefined null 數據存儲在棧中 2. 複雜數據類型(引用類型) Object  function  Array  Date  R

原创 JavaScript 冒泡排序

冒泡排序 基本思路:雙重for循環 第一個for控制輪數,輪數爲數據個數-1 第二個for控制次數,次數爲數據個數-1(至少兩兩比較) 法一:(簡單版)原理:相鄰兩元素比較,大的靠後,排列元素個數-1輪,每輪排列元素個數

原创 JavaScript 流程控制結構(順序/選擇/循環while for/跳出循環)

1. 順序結構 2. 選擇結構 if(判斷條件){ } else if(判斷條件){ } else{ } - 要先寫小範圍的條件再寫大範圍的條件 - else if、else 可以不寫switch(判斷變量){

原创 JavaScript 對象和麪向對象 概述

1. JS中的對象(Object) 創建空白對象: var  obj  =  new  Object(); 對象裏面的變量叫屬性,對象外面的變量叫變量 對象裏面的函數叫方法,對象外面的函數叫函數 但前提是要給對象綁定屬性和