原创 vue遞歸組件實戰之簡單樹形控件
1、遞歸組件-簡單樹形控件預覽及問題 在編寫樹形組件時遇到的問題： 組件如何才能遞歸調用？ 遞歸組件點擊事件如何傳遞？ 2、樹形控件基本結構及樣式 <template> <ul class="vue-tree"> <li
2019-08-27 15:35:07
5
原创 Vue $mount實戰之實現消息彈窗組件
這篇文章主要介紹了Vue $mount實現消息彈窗組件的相關知識，非常不錯，具有一定的參考借鑑價值,需要的朋友可以參考下 之前的項目一直在使用Element-UI框架，element中的Notification、M
2019-04-23 12:43:03
16
原创 Vue render函數實戰之實現tabs選項卡組件
這篇文章主要介紹了Vue render函數實戰之實現tabs選項卡組件的相關知識，非常不錯，具有一定的參考借鑑價值,需要的朋友可以參考下 用過Element ui庫的童鞋肯定知道<el-tabs>組件，簡單、好用、
2019-04-23 12:43:01
2
原创 Vue render函數實戰--實現tabs選項卡組件
用過Element ui庫的童鞋肯定知道<el-tabs>組件，簡單、好用、可以自定義標籤頁，不知道廣大童鞋們在剛開始使用<el-tabs>組件的時候有沒有想過它是如何實現的？我咋剛開始使用<el-tabs>組件的時候就有去想過，也想去實
2019-04-22 16:07:07
14
原创 Vue $mount實戰--實現消息彈窗組件
之前的項目一直在使用Element-UI框架，element中的Notification、Message組件使用時不需要在html寫標籤，而是使用js調用。那時就很疑惑，爲什麼element ui使用this.$notify、this.$m
2019-04-19 18:15:02
1
原创 記錄一波video.js的使用及問題
最近的項目中需要播放視頻，鑑於html5元素<video>的一些坑及不想自己造輪子，於是就找到了web端播放視頻使用量最多的插件video.js，video.js是國外開發者開發的，英語本身就不好的我看英文文檔簡直是折磨，國內又沒有中文文檔
2019-04-18 19:35:03
219
原创 詳解javascript replace高級用法
這篇文章主要介紹了詳解javascript replace高級用法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨着小編來一起學習學習吧 在前端與後臺交互的時候我們通
2019-02-19 06:54:45
原创 javascript replace高級用法
在前端與後臺交互的時候我們通常都需要將後臺傳遞的數據綁定到html中，這個綁定數據的方式我們通常是使用jQuery或者使用原生的innerHTML進行綁定，當然也可以使用artTemplate模板來綁定數據，那麼artTemplate模板它
2019-02-16 12:02:43
3
原创 css的content屬性
content屬性一般用於::before、::after僞元素中，用於呈現僞元素的內容。平時content屬性值我們用的最多的就是給個純字符，其實它還有很多值可供選擇。 1、插入純字符 <style> *{margin: 0;p
2019-02-13 19:34:36
原创 JavaScript事件循環(Event Loop)
1、爲什麼要有事件循環？ 因爲js是單線程的，事件循環是js的執行機制，也是js實現異步的一種方法。 既然js是單線程，那就像只有一個窗口的銀行，客戶需要排隊一個一個辦理業務，同理js任務也要一個一個順序執行。如果一個任務耗時過長，那麼後一
2019-01-21 18:15:03
原创 CSS BFC特性(塊級格式化上下文)
1、元素的BFC特性 BFC全稱爲”Block Formartting Context”，中文爲”塊級格式化上下文”。它是頁面中的一塊獨立的渲染環境，並且有一套渲染規則，它決定了其子元素將如何定位，以及它和其他兄弟元素的關係和相互作用。 B
2019-01-21 17:34:43
2
原创 css實現邊框動畫
1、css實現邊框動畫 效果如圖： <style> body,div{ margin: 0; padding: 0; box-sizing: border-box; }
2019-01-08 10:04:49
1
原创 css權重
1、什麼是css權重？css6大基礎選擇器 css權重指的是css6大基礎選擇符的優先級，優先級高的css樣式會覆蓋優先級底的css樣式，優先級越高說明權重越高，反之亦然。 css6大基礎選擇器： a）、id選擇器(#box{}) b）、類
2019-01-08 05:22:47
原创 css多種方式實現等高佈局
本文講的等高佈局是在不手動設置元素高度的情況下，使用純css實現各個元素高度都相當的效果。如圖： 1、使用table-cell實現(兼容IE8) <style> body,div,ul,li{margin: 0;padding: 0
2019-01-05 15:44:56
2
原创 css多種方式實現等寬佈局
本文講的等寬佈局是在不手動設置元素寬度的情況下，使用純css實現各個元素寬度都相當的效果。 1、使用table-cell實現(兼容ie8) <style> body,div{ margin: 0; p
2019-01-04 19:44:53