原创 JS錯誤處理機制-try、catch、finally和throw
一、JS遇到錯誤 當js引擎執行js程序時，會發生各種錯誤。 1、可能是語法錯誤，通常是程序員造成的編碼錯誤或者錯別字。 2、可能是拼寫錯誤或語言中缺少的功能（可能由於瀏覽器的差異）。 3、可能是由於來自服務器或用戶的錯誤輸出而導致的錯誤
2020-06-27 20:26:33
原创 "npm run dev" 和 "npm run build"的區別
關於"npm run dev"和"npm run build"的區別 ├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server
2020-06-27 20:26:33
25
原创 JS中爲什麼要減少DOM操作？
曾經比較流行的jquery框架主要優點之一：出色的DOM操作的封裝。但是，目前流行的框架中基本上都摒棄了DOM操作的方法。 主要原因大致上都是在說要減少dom層的操作，原因是因爲dom操作慢。 那麼dom操作爲什麼慢？ 這就要提及瀏覽器渲
2020-06-27 20:26:23
原创 CSS學習筆記之佈局
一、什麼是佈局？ 簡單來說就是HTML頁面的整體結構或骨架，類似於傳統報紙或雜誌中的排版。 佈局不是某個技術內容，而是一種設計思想。 二、什麼是居中佈局？ 一個元素在頁面中呈現居中效果，分爲水平居中、垂直居中、水平垂重居中。 水平居中佈局
2020-06-27 20:26:22
原创 JavaScript學習筆記之函數概述
一、函數調用方法 直接調用：foo(); 對象方法：o.method(); 構造器：new Foo(); call/apply/bind：func.call(o); 二、創建函數的方式 函數聲明 function add(a,b){
2020-06-27 20:26:22
原创 Vue中ref和$refs學習筆記
JS中需要通過document.querySelector("#demo")來獲取dom節點，然後再獲取這個節點的值。在vue中，我們不用獲取dom節點，元素綁定ref之後，直接通過this.$refs即可調用，這樣可以減少獲取dom節點
2020-06-27 20:26:22
原创 JavaScript學習筆記之數據類型
一、基本數據類型 number string boolean null undefined 二、複雜數據類型 object 其中object包含了function、date、array等 三、隱式轉換 通常情況下‘+’起到拼接作用，‘-’
2020-06-27 20:26:22
原创 Vue學習筆記之vue-router路由懶加載
現如今，前端項目中SPA已成爲主流。但是單頁應用在vue項目啓動時會出現短暫的空白，也就是vue項目存在首次加載緩慢的問題。 懶加載 懶加載也叫延遲加載，即在需要的時候進行加載，隨時用，隨時加載。 爲什麼會出現懶加載？ 像vue這種單頁應
2020-06-27 20:26:22
原创 JavaScript學習筆記之面向程序設計（OOP）
一、基於原型的繼承 function Person(name,age){ this.name = name; this.age = age; } Person.prototype.hi = fun
2020-06-27 20:26:22
原创 JavaScript學習筆記之reduce()數組方法
一、語法 arr.reduce(function(prev,cur,index,arr){ //.... },init); 含義 arr：表示原數組 prev：表示上一次調用回調時的返回值，或者初始值init。 cur：表示當前正在處理
2020-06-27 20:26:21
原创 JavaScript學習筆記之防抖與節流
防抖與節流： 相同點：在不影響客戶體驗的前提下，將頻繁的回調函數，進行次數縮減，避免大量計算導致頁面卡頓。 不同點：防抖是將多次執行變爲最後一次執行，節流是將多次執行變爲在規定時間內只執行一次。 防抖：在規定時間內回調函數只能執行一次，如
2020-06-27 20:26:21
原创 JavaScript學習筆記之常見設計模式
一、單例模式 單例模式（Singleton）:又被稱爲單體模式，只允許實例化一次的對象類。有時也會用一個對象來規劃一個命名空間，有條理的去管理對象上的屬性和方法。 比如，有一個需求，需要在活動頁面實現新聞列表中的鼠標滑動特效。
2020-06-27 20:26:21
原创 移動端開發兼容問題
移動端h5開發遇到的兼容問題ios兼容問題高版本兼容時間格式兼容ios執行document.execCommand("copy")不生效input框ios將數字當成電話。安卓系統兼容問題禁止安卓識別email。禁止圖片點擊放大。其
2020-06-27 20:26:21
原创 JS中apply、call、bind的區別
使用 apply、call、bind 函數是可以改變 this 的指向的。 使用apply var a = { name : "Cherry", func1: function () { console.log(this.nam
2020-06-27 20:26:21
原创 Vue學習筆記之Vue基礎入門
一、創建一個Vue實例 <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue</title> <script src="./vue.js"></scrip
2020-06-27 20:26:21