原创 前端模塊化CommonJS以及ES6模塊化的導入導出

文章目錄CommonJS(瞭解)ES6模塊化實現導出方式一(導入{ }中定義的變量)導出方式二(直接導入export定義的變量)導出方式三(export default)導出方式四(統一全部導入) CommonJS(瞭解) 模塊

原创 Vue解決data數據改變時,v-for無法實現實時更新dom元素的問題(template中代碼的局部刷新)

問題描述 利用Vue做項目過程中,經常使用v-for渲染多個重複組件或dom元素,比如:傳遞json/字典,利用v-for遍歷json中的key和value,並渲染到頁面中,如下所示: <!--element實現摺疊文件夾-->

原创 Vue自定義元素身上的右鍵事件

在製作網頁時,我們經常需要自定義右鍵事件,實現我們想要的功能,這裏我手寫了一個基於Vue的鼠標右鍵自定義事件,與大家共同分享。 template內容: 在自己想要改變鼠標右鍵事件的dom中(這裏以div#demo爲例)加入一個ul

原创 解決echarts設置x軸、y軸刻度起始值、終止值以及步長

echarts的官方示例中,可以通過設置xAxis(x軸)和yAxis(y軸)min、max屬性改變x、y軸刻度起始、終止值。 對於座標軸步長,官方給出兩種方式,第一種是利用splitNumber,第二種是利用interval強

原创 Vue中數組操作的響應式方法

假設data中定義一個數組letters:['a','b','c','d'] 1. push方法 數組末尾添加元素 this.letters.push('aaa') // 添加單個 this.letters.push('aaa',

原创 動態調整echarts尺寸

在網上找了好多動態調整echarts圖表大小的方法,比如通過grid屬性,修改canvas大小,都不太理想。最後反覆調試,圖表在初始化的時候有一個resize屬性,可以修改寬高,具體如下: let myChart = Vue.pr

原创 關於checkbox標籤已有checked=checked屬性但是不顯示勾選問題【親測好用】

本人在做項目過程中,用到switch button(CheckBox改造的)組件,開始時寫如下代碼,標籤上明明有checked= checked屬性,但是,就是不打勾。 add_prop() { console.log(t

原创 自己封裝的Switch Button(Vue組件,checkbox改裝),同時解決父子組件的事件冒泡問題的新思路

用一晚上的時間自己封裝了一個Switch button組件,因爲ElementUI裏面那個是在是太難用了,尤其是其父組件也有點擊事件的時候,解決冒泡問題真是讓人頭禿。。。 本組件用input checkbox改編的,不具有點擊事件

原创 JavaScript高級之面向對象和類的繼承

1. 面向對象編程介紹 1.1 兩大編程思想 面向過程 面向對象 1.2 面向過程編程 POP(Process-oriented programming) 面向過程就是分析出解決問題所需要的步驟,然後用函數把這些步驟步—步實現

原创 Vue中methods、computed和watch屬性聯繫及區別

methods屬性 當我們在Vue中想要調用函數或者方法時,可以在methods中調用方法,如下: <template> <div> <h1>methods屬性</h1> {{ getFulln

原创 django教程(一)—— Django介紹、HTTP請求和響應

《Django Web框架》 目錄 Django框架的介紹 Django的安裝 Django框架開發 創建項目的指令 Django項目的目錄結構 HTTP協議 HTTP協議的請求和響應 請求request 和 響

原创 Python模塊包異常處理

目錄模塊(Module)定義作用導入模塊變量加載過程分類搜索順序包(package)定義作用導入異常處理(Error)異常處理raise語句自定義異常迭代(瞭解)可迭代對象(iterable)迭代器對象(iterator)生成器(

原创 併發編程(三)—— 線程編程、同步互斥(線程鎖)、GIL

目錄線程編程(Thread)線程基本概念threading模塊創建線程線程對象屬性自定義線程類同步互斥線程間通信方法線程同步互斥方法線程Event線程鎖 Lock死鎖及其處理Python線程GIL進程線程的區別聯繫區別聯繫使用場景

原创 併發編程(四)—— 併發網絡通信模型、IO併發、協程

目錄併發網絡通信模型常見模型分類基於fork的多進程網絡併發模型基於threading的多線程網絡併發模型基於multiprocessing的多進程網絡併發模型擴展:集成模塊完成多進程/多線程網併發ftp 文件服務器IO併發IO分

原创 Web前端基礎回顧(JQuery)

目錄介紹使用 介紹 JQuery是JS的工具,對原生JS的方法進行封裝,提供更爲便捷、簡易的方法。 官網:http://jquery.com 中文API:http://jquery123.com 使用 先引入jquery文件