原创 CSS水平垂直居中常用方法

flex <div class="container"> <div class="inner"> <p>hello world</p> </div> </div> .container { d

原创 JS去除數組中重複元素

var arr =["2017-12", "2017-12", "2017-12", "2018-02", "2018-02", "2018-02", "2018-02", "2018-02", "2018-02", "2018-02

原创 JS Date() 和New Date()的區別

var d1=Date(); //返回一個字符串(string),沒有getDate等日期對象方法,內容爲當前時間 var d2=new Date(); //返回一日期對象,可以調用getDate(),內容爲當前時

原创 increment ({ commit }) { commit('increment') }

在vuex教程中,有這樣一段描述: 實踐中,我們會經常用到 ES2015 的 參數解構 來簡化代碼(特別是我們需要調用 commit 很多次的時候): actions: { increment ({ commit }) {

原创 前端開發神器、工具

自動生成wepback.config.js : https://webpack.jakoblind.no/

原创 webpack4 mode 的獲取

在使用webpack4的時候,mode可以設置未product(默認)或者development,但是在其他代碼中,如何獲取mode的值呢? 而官方文檔中已經明確: If you want to change the behavior

原创 sass安裝失敗 npm ERR! Failed at the [email protected] postinstall script. npm ERR!

npm ERR! Failed at the [email protected] postinstall script. npm ERR! This is probably not a problem with npm. There is

原创 使用jsonp時,network發送了請求(200),但是控制檯報超時的錯

node的jsonp地址爲jsonp 使用時有幾點注意: 1.數據返回須爲jsonp格式 2.option中須設置name爲jsonp文件名 //jsonp 請求,注意name的值,須爲jsonp的名字 jsonp(

原创 Vue加載組件的幾種方式

//正常加載 import index from '../pages/index.vue' import view from '../pages/view.vue' //懶加載 const index = resolve => requi

原创 對象屬性的讀取細節

let obj = { param:'參數Parma', 'paramTwo':'參數Parma2' } let aaa = 'param'; let bbb = 'paramTwo' obj.param; //"參數

原创 'gulp'不是內部或者外部命令,也不是可運行的程序或批處理文件,解決辦法

2種原因 原因一:環境變量沒有設置 原因二:沒有安裝全局的gulp,只安裝了本地gulp,命令行無法執行gulp-v,也無法執行gulp其它的相關命令 解決方法一:設置環境變量 1.計算機(右擊)->屬性->高級系統設置 -> 高級->環

原创 React 入門簡介

這裏是以前寫的一些入門的教程,並不是很深入,但對大致瞭解react有一定的幫助。 React的意義 React 把過去不斷重複構建 UI 的過程抽象成了組件,且在給定參數的情況下約 定渲染對應的 UI 界面。React 能充分利用很多函

原创 MongoDB 極簡實踐入門

MongoDB 極簡實踐入門 1. 爲什麼用MongoDB? 傳統的計算機應用大多使用關係型數據庫來存儲數據,比如大家可能熟悉的MySql, Sqlite等等,它的特點是數據以表格(table)的形式儲存起來的。數據庫由一張張排列整齊的表

原创 react-todolist 最簡單的入門和實戰

先貼上自己的GitHub地址:react-todolist 具體步驟等有空再編輯

原创 微信中on('click')事件失效的解決辦法(微信兼容性)

在調試微信環境的網頁時,有個代碼是這樣的(其中#select 非button、a標籤元素) $(doucument).on('click','#select',function(){ //代碼 }) 但是在安卓中卻獲取不到事件。