原创 vue-cli+v-charts實現可視化圖表
v-charts是餓了麼團隊開源的一款基於Vue和Echarts的圖表工具，在使用 echarts 生成圖表時，經常需要做繁瑣的數據類型轉化、修改複雜的配置項，v-charts 的出現正是爲了解決這個痛點。基於 Vue2.0 和
2020-06-13 04:02:18
6
原创 簡單詳細講解js閉包（看完不懂你砍我！！！）
《javascript高級程序設計》中閉包的概念： 閉包，其實是一種語言特性，它是指的是程序設計語言中，允許將函數看作對象，然後能像在對象中的操作般在函數中定義實例（局部）變量，而這些變量能在函數中保存到函數的實例對象銷燬爲止
2020-06-13 04:02:18
原创 javascript簡單實現深淺拷貝
深淺拷貝知識在我們的日常開發中還算是用的比較多，但是之前的狀態一直都是隻曾聽聞，未曾使用（其實用了只是自己沒有意識到），所以今天來跟大家聊一聊js的深淺拷貝； 首先我們來了解一下javascript的數據類型，在ES5版本的js中
2020-06-13 04:02:18
原创 一個web前端開發者的日常嘮叨
時間飛逝，距離上一次更新博客已經過去了三個月，上一篇博客的發佈時間停留在了4月4日。 近來三個月沒有更新博客，深感抱歉和愧疚。停更博客就意味着學習的越來越少，作爲一個普通的前端開發者來說這是萬萬不可取的。近日入職了一家新公司，在上
2020-02-26 06:52:04
原创 JavaScript設計模式——工廠模式
在介紹工廠模式之前，首先我們要理解一下什麼是設計模式？什麼是設計原則？ 設計模式: 通常在我們解決問題的時候，很多時候不是隻有一種方式，我們通常有多種方式來解決；但是肯定會有一種通用且高效的解決方案，這種解決方案在軟件開發
2020-02-26 06:52:04
1
原创 JavaScript設計模式——命令模式
命令模式是JavaScript設計模式中行爲型的一種設計模式； 定義： 向某些對象發送請求，但是並不知道被請求的操作具體是什麼，所以我們希望以一種鬆耦合的方式來設計程序，使得請求發送者和接收者之間能夠消除彼此之間的耦合關係；
2020-02-26 06:52:04
原创 JavaScript設計模式——單例模式
單例模式也稱爲單體模式，規定一個類只有一個實例，並且提供可全局訪問點； 在讀這篇文章之前，也許你對單例模式的概念感到模糊或者不清楚，但是其實在日常的開發中你肯定用到過單例模式； JavaScript中沒有類的定義，單例模式的特
2020-02-26 06:52:04
原创 H5中的history方法Api介紹
最近公司在做一個微信公衆號，看了項目源碼，看到項目中用到了history的Api來進行控制瀏覽器的歷史記錄及前進/後退鍵； 下面來跟大家一起來捋捋history的Api方法和使用： history.pushState(data,t
2020-02-26 06:52:04
原创 HTML5實現首頁動態視頻背景
話不多說，先看效果圖： 炫酷嗎？你想實現這種動態視頻作爲背景的首頁嗎？來，一起來學習，本文將帶你一起實現H5動態視頻背景； 首先網上找一段清晰的視頻下載下來，最好是MP4格式的； 下載好了之後我們新建一個html文件來寫代碼： h
2020-02-26 06:52:04
原创 JavaScript設計模式——原型模式
原型模式： 原型模式是指原型實例指向創建對象的種類，並通過拷貝這些原型創建新的對象，是一種用來創建對象的模式，也就是創建一個對象作爲另一個對象的prototype屬性； prototype警告：學習瞭解原型模式前需
2020-02-26 06:52:04
原创 CSS實現帶箭頭的提示框
我們在很多UI框架中看到帶箭頭的提示框，感覺挺漂亮，但是之前一直不知道其原理，今天網上找了些資料算是弄清楚原理了； 先上效果圖： 原理分析： 上面的箭頭有沒有覺得很像一個三角形，是的，它就是三角形；只不過它這個尖角是通過兩個三角
2020-02-26 06:52:04
原创 vue中的v-if和v-show的區別
v-if和v-show的區別是前端面試中常問的基礎知識點，v-if、v-show顧名思義就是用來判斷視圖層展示效果的。那麼具體是怎麼展示呢？v-if和v-show的區別又是什麼呢？ 首先我們可以來看一下Vue中文社區說明文檔的介紹
2020-02-26 06:52:04
原创 前端項目自動化構建工具——Webpack入門教程
參考資料：https://www.webpackjs.com/（中文文檔） https://www.webpackjs.com/（官方文檔） 首先有必要說明一下，本文側重講解webpack基本配置屬性，不附帶實例，將會以通俗易
2020-02-26 06:52:04
原创 Webpack配置區分開發環境和生產環境
在項目開發的時候，我們通常會將程序分爲開發環境和生產環境（或者叫線上環境），開發環境通常指的是我們正在開發的這個階段所需要的一些環境配置，也就是方便我們開發人員調試開發的一種環境；生產環境通常指的是我們將程序開發完成經過測試之後無明顯
2020-02-26 06:52:04
原创 一文輕鬆搞懂Vuex
概念： Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式（官網地址:https://vuex.vuejs.org/zh/）。它採用集中式存儲管理應用的所有組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。
2020-02-26 06:52:04