原创 webpack之安裝與簡單使用（一）
webpack是現在的前端工程師必須會使用的工程化工具，它的中文官網是webpack。 1.安裝 創建一個新項目，進入該項目 # 安裝最新的穩定版本 npm i -D webpack # 安裝指定版本 npm i -D webp
2020-07-07 18:17:19
原创 js事件循環 eventloop
1.什麼是事件循環？ JavaScript有一個基於事件循環的併發模型，事件循環負責執行代碼、收集和處理事件以及執行隊列中的子任務。這個模型與其它語言中的模型截然不同，比如 C 和 Java。這是來自MDN的介紹。 簡單來講就是
2020-06-29 12:09:15
1
原创 Vuex 獲取state對象中的值的所有方法（module中的state）
1.直接從store實例取值 // main.js中，把store註冊在根實例下，可使用this.$stroe.state直接取值 export default { computed: { testNum() {
2020-06-29 12:09:15
原创 解決React在安裝antd之後出現的Can't resolve './locale'或者瀏覽器顯示Cannot find module './locale’問題的兩種方案
React在安裝antd之後出現的Can’t resolve './locale’或者瀏覽器顯示Cannot find module './locale’問題，是因爲moment的版本有問題，而react默認使用了最新的momen
2020-06-29 12:09:15
原创 Vuex 使用actions中的方法（包括module中的actions）
1.直接store中dispatch export default { methods: { clickFn() { this.$store.dispatch("sampleFn") //不帶參
2020-06-29 12:09:15
原创 Vuex 獲取getter對象中的值的所有方法（包括module中的getter）
getter取值與state取值具有相似性 1.直接從根實例獲取 // main.js中，把store註冊在根實例下，可使用this.$stroe.getters直接取值 computed: { testNum1() {
2020-06-29 12:09:15
原创 淺談js中的防抖(debounce)與節流(throttle)
在實際應用場景中，我們經常遇見高頻調用函數，導致瀏覽器的消耗，但我們可以根據實際需求使用防抖和節流函數。 1.防抖 釋義：在限定時間內，只執行一次函數。如果事件再次觸發，則重新計時，計時完畢再執行函數。 //非立即執行版 fun
2020-06-29 12:09:15
1
原创 常見的web網站攻擊
1.XSS跨站腳本攻擊 XSS (Cross-Site Scripting)，跨站腳本攻擊，因爲縮寫和 CSS重疊，所以只能叫 XSS。跨站腳本攻擊是指通過存在安全漏洞的Web網站註冊用戶的瀏覽器內運行非法的非本站點HTML標籤或
2020-06-29 12:09:15
原创 Vuex 獲取getter對象中的值的所有方法
getter取值與state取值具有相似性 1.直接從根實例獲取 // main.js中，把store註冊在根實例下，可使用this.$stroe.getters直接取值 computed: { testNum1() {
2020-05-22 11:20:34
原创 Vuex 獲取state對象中的值的所有方法
1.直接從store實例取值 // main.js中，把store註冊在根實例下，可使用this.$stroe.state直接取值 export default { computed: { testNum() {
2020-05-19 15:02:36
原创 js 瀏覽器截屏的兩種方式，html2canvas和MediaDevices.getDisplayMedia()
下邊提供兩種截屏方式，一種是使用常見的html2canvas插件，另一種方法是利用Web Api的MediaDevices.getDisplayMedia() 方法。 1.html2canvas // html <div id="
2020-05-12 17:29:48
12
原创 js 利用canvas轉換圖片格式並下載圖片
1.利用canvas轉換格式 思路很簡單，就是在canvas上drawImage，然後再把canvas轉換成想要的圖片格式 convertImageToCanvas = (image) => { //image一定是一個圖片對象
2020-05-06 20:39:07
原创 解決React在安裝antd之後出現的Can't resolve './locale'問題,兩種方案
React在安裝antd之後出現的Can’t resolve './locale’或者瀏覽器顯示Cannot find module './locale’問題，是因爲moment的版本有問題，而react默認使用了最新的momen
2020-05-04 09:45:17
原创 關於vue組件化的理解
組件化是Vue的精髓，Vue應用就是由一個個組件構成的。 1.定義 組件是可複用的 Vue 實例，準確講它們是VueComponent的實例，繼承自Vue。 2.優點 可以增加代碼的複用性、可維護性和可測試性。提高開發效率， 方便
2020-05-04 09:45:17
原创 Promise、Promise.all(）、Promise.race(）的簡單使用
簡單介紹一下Promise，就是一個可以進行異步操作的代理對象，在實際工作中有很大的具體實踐。下邊介紹Promise的幾種簡單用法 1.新建一個Promise對象 //新建一個promise對象 let testPro = new
2020-05-04 09:45:17