原创 用css畫圖標

css3的屬性 transform(轉換) 用途很廣泛,功能也很強大,爲了熟悉它的各種轉換方式(平移 translate,旋轉 rotate,扭曲 skew,放縮 scale),我做了一些平常常用的一些簡單的圖標。 這些圖標很多是

原创 對象淺拷貝深拷貝方法總結

對象複製方法總結 Object.assign Object.creat() jQuery.extend(object) JSON.parse(JSON.stringfy()) 循環遞歸方法 原型鏈繼承方法 深

原创 ECMA2015(ES6)簡單入門-9-對象-對象的擴展-對象的新增方法

對象的創建 使用Object構造函數來創建一個對象 使用對象字面量創建一個對象 工廠模式創建對象 構造函數模式創建對象 原型模式創建對象 本身也有缺陷,就是實例共享了引用類型friends,從下面的代碼執行結果可以看到

原创 new 一個對象具體做了什麼

使用關鍵字new創建新實例對象經過了以下幾步: 1、創建一個新對象,如:var person = {}; (新對象的proto屬性指向構造函數的原型對象。) 2、將構造函數的作用域賦值給新對象。(也所以this對象指向新對象)

原创 ES6面試點-WeakMap與Map的區別,Set與WeakSet的區別

ES6引入了四種新的數據結構: 映射(Map) 弱映射(WeakMap) 集合(Set) 弱集合(WeakSet) 一、Object 對比 Map Object作爲哈希表使用存在以下問題 Object的key必須是String

原创 今日筆記2019-7-21更新

盒子模型有兩種,分別是 ie 盒子模型 標準 w3c 盒子模型。 標準盒子模型: 從上圖可以看到標準 W3C 盒子模型的範圍包括 margin、border、padding、content, 但是 content 部分不包含

原创 一道涉及宏任務和微任務的題,以及同步和異步

微任務、宏任務與Event-Loop setTimeout(function(){ console.log('1') }); new Promise(function(resolve){ console.log('

原创 進度條組件mark

子組件內容: template部分 <template> <div class="slider" ref="slider"> <div class="process" :style="{width}"></

原创 CSS僞類及CSS3新增僞類

1、僞類與僞元素 CSS僞類:用於向某些選擇器添加特殊的效果。 僞類 作用 :hover 將樣式添加到鼠標懸浮的元素 :active 將樣式添加到被激活的元素 :focus 將樣式添加到獲得焦點的元素 :link 將樣式添加到未被

原创 編寫程序使用遞歸,for,while計算數列1!+2!+3!+4!+5!+6!+7!+8!+9!+10!+...前N相的和

js方法: 遞歸: function factorial( n ){ return ( n <= 1 ) ? 1 : n * factorial( n-1 ); } function getSum(n){ sum

原创 百度地圖api 開發使用mark

創建地圖 百度地圖api的基本使用 申請百度ak 地圖示例 Android 地圖SDK

原创 vue項目打包需要修改的路徑問題

vue-cli項目打包需要修改的路徑問題 vue 打包生成配置文件,方便外部修改公共路徑,不用每次都進行打包部署 vue打包後改變路徑的問題 命令行輸入:npm run build 打包出來後項目中就會多了一個文件夾dis

原创 數組淺拷貝深拷貝方法總結

Array複製方法總結 Array.slice(淺拷貝) for() 、while map、 filter Array.cancat Array.reduce() Object.assign() Es6

原创 three開發樣本

開發樣本

原创 虛擬dom實現原理+源碼解析+面試題總結

虛擬Dom原理 vue 虛擬dom實現原理 Vue面試題總結(長期更新) Vue源碼解析 Vue面試題精編 前端最強面經彙總 前端面試題文檔 前端實用文檔 前端面試題目 面試資源彙總 中級前端面試