原创 vue高德地圖 根據點跳着，或者平滑的進行軌跡回放
最近做了一個需求是：根據高德地圖，從後臺接口獲取經緯度數據，然後進行軌跡回放，從一個點跳到下一個點上，且底部有播放軌跡回放的按鈕，時間軸跟着軌跡回放一起動，右邊數據也跟着一起變化。 查閱了多方資料，在不懈努力的情況下，終於完成了次需求，再
2020-06-28 21:09:16
2
原创 vue 實現一個滑塊拖動驗證功能
具體的代碼如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style sco
2020-06-28 21:09:16
原创 3D 轉換常用的技術api
1.CSS3 3D 轉換的常用API介紹 首先先上一張css 3D的座標系： 接下來我們來介紹幾個常用的api： 旋轉 rotateX() rotateY() rotateZ() 以上幾個api分別代表繞x，y，z軸旋轉，如
2020-06-28 21:09:16
原创 vue 下拉框中顯示el-tree樹形控件
1 初步想法剛開始選用了el-select中在option裏嵌套一個el-tree樹形控件，發現有問題，當點擊非文字區域或者框的時候，el-select中會出現錯誤信息，如下： 此問題沒解決掉，就換了另一種思路，用el-input框模仿
2020-06-28 21:09:16
原创 js 深拷貝和淺拷貝的理解
區別：簡單點來說，就是假設B複製了A，當修改A時，看B是否會發生變化，如果B也跟着變了，說明這是淺拷貝，如果B沒變，那就是深拷貝。 此篇文章中也會簡單闡述到棧堆，基本數據類型與引用數據類型，因爲這些概念能更好的讓你理解深拷貝與淺拷貝。
2020-02-21 17:10:36
原创 el-menu-item 實現水平導航欄，路由的跳轉
廢話不多說，直接上代碼如下： <el-menu class="el-menu-vertical-demo" id="topNav" router background-color='#ede
2019-08-28 20:32:12
原创 transform-runtime問題解決方案
在使用vue+webpack搭建環境時候，執行npm run dev報出如下錯誤： 解決方案如下： 在大多數情況下則需要安裝babel-plugin-transform-runtime作爲開發版的依賴（設置--save-dev） npm
2019-06-28 20:41:26
原创 require與import的區別
commonjs同步語法 經典的commonjs同步語法如下： var a = require('./a'); a.show(); 此時webpack會將a.js打包進引用它的文件中。這是最普遍的情形，不必贅述。 commonj
2019-06-28 20:41:26
原创 原型鏈詳細講解
面試中若是問到原型鏈，應該從以下四個方面進行考慮： 1 創建對象有幾種方法 2 原型，構造函數，實例，原型鏈 3 instanceof的原理 4 new 運算符 A：首先從創建對象有幾種方法進行講解：通常有這四種方法創建對象 （1）字
2019-06-22 19:48:21
原创 原生js作用域以及變量提升和函數提升的理解
在ES5的時候，只存在兩種作用域：函數作用域和全局作用域；ES6出現後，增加了塊級作用域 首先通過代碼講下ES5中的函數作用域和全局作用域理解： <script type="text/javascript"> var a = 0;
2019-06-21 20:31:42
原创 箭頭函數與普通函數的區別
面試中遇到了這個問題，現有閒暇時間，來整理下箭頭函數和普通函數的區別，有不對的地方，還望各位好友及時指出，謝謝。 箭頭函數： let fun = () => { console.log('lalalala'); } 普通函數： func
2019-06-21 20:31:42
原创 瀏覽器兼容性JS問題
今天整理了一下瀏覽器對JS的兼容問題，希望能給你們帶來幫助，我沒想到的地方請留言給我，我再加上； 常遇到的關於瀏覽器的寬高問題： //以下均可console.log()實驗 var winW=document.body.clien
2019-06-18 20:08:01
原创 HTML5新特性
爲了更好地處理今天的互聯網應用，HTML5添加了很多新元素及功能，比如: 圖形的繪製，多媒體內容，更好的頁面結構，更好的形式 處理，和幾個api拖放元素，定位，包括網頁 應用程序緩存，存儲，網絡工作者，等 (1)語義標籤 語義化標籤使
2019-06-17 20:22:29
原创 reset.CSS 瀏覽器重置樣式
@charset "utf-8"; /*! * @名稱：base.css * @功能：1、重設瀏覽器默認樣式 * 2、設置通用原子類 */ /* 防止用戶自定義背景顏色對網頁的影響，添加讓用戶可以自定義字體 */ h
2018-11-04 09:18:39
原创 ES6常用的基礎知識
ES6 簡介 ECMAScript 6 簡稱 ES6，是 JavaScript 語言的下一代標準，已經在2015年6月正式發佈了。它的目標是使得 JavaScript 語言可以用來編寫複雜的大型應用程序，成爲企業級開發語言。 ECMASc
2018-08-31 05:23:40