原创 JS瀏覽器兼容性採坑記錄

太常見的也就不多說了,在這只是簡單記錄下,那些容易在不經意間掉進去的坑。 IE不支持帶 - 格式的日期 const date = '2018-01-30'; const timestamp = new Date(date).get

原创 Mongoose 常用API及常見問題彙總

最近又在用express+Mongoose,爲方便之後查詢及問題彙總,在這裏簡單記錄下 安裝和鏈接 npm install mongoose Mongoose基本概念 Schema: 表定義模板 Model: 類似關係數據庫

原创 PC與移動端高效開發解決方案

疑問 前端開發不可避免會遇到一個問題:PC與移動端開發是共用一套代碼?還是兩套獨立開發? 這個問題到目前都沒有一個明確的結論,或者說它本來就不會有唯一的答案,畢竟所屬需求不同。 對於一些簡單的系統:一套代碼就能搞定,那何須花費兩

原创 js數組常用方法 ES5/ES6+

ES5及以下 join(): 將數組轉化爲字符串 注:不改變原數組,返回一個新的字符串 let array = ['I', 'am', 'shan', 'er']; array.join(); //"I,am,shan,er" 默

原创 前端開發框架、工具彙總清單

日新月異的前端相關框架、工具等彙總清單 真的只是 單純 的想找一個地方記錄一下吶…(之前 收藏的內容太多,以至於都不好找了) 當然,我是絕不會告訴你們之所以非要擠點時間整理下,是因爲之前存的東西,全都找不到了!!!找不到了!!

原创 一路高歌的前端工程化

這是一個最好的時代,也是一個最壞的時代;這是一個智慧的年代,這是一個愚蠢的年代;這是一個信任的時期,這是一個懷疑的時期。 這是一個光明的季節,這是一個黑暗的季節;這是希望之春,這是失望之冬;人們面前應有盡有,人們面前一無所有;

原创 程序員軟實力之一——如何寫好PPT

一說到程序員,最先出現在海馬體裏的就是全帶着黑眼圈埋首在電腦前苦幹的人。 對,就是上邊這張圖,當真是刻進了記憶深處,讓人想忘都忘不掉。 雖然我們偏愛格子衫,但是也可以穿西裝、打領帶呀; 雖然我們埋首電腦前coding的時候更多,

原创 js千分位實現方法彙總

1. 最最便捷的實現方式:toLocaleString() 注:只針對數字格式有效! let num = 1234567890; num.toLocaleString(); //"1,234,567,890" 2. 正則匹配 /

原创 你必須不停地奔跑,才能留在原地

在我們這個地方,你必須不停地奔跑,才能留在原地。——《愛麗斯漫遊仙境》

原创 vue 組件異步加載(按需加載)

有時候打包出來的js文件過大,嚴重影響訪問速度,這個時候我們就不得不考慮相關方法來提速,畢竟這可是會影響瀏覽量的。 如果只是針對這個問題的話,我們可以考慮以下兩方面: nignx開啓gzip、緩存。 文件再次拆分-異步加載 下面就

原创 CSS實現水平垂直居中

不爲別的,就是爲了能信手拈來,所以整理了一份相關內容。 水平居中 如果水平居中元素爲行內元素,設置父元素 text-align:center; 如果水平居中元素爲塊級固定,則需設置margin: 0 auto;(IE6下需在父元素上

原创 vue2+webpack+vue-router項目搭建--提升篇(添加eslint代碼巡檢)

提升篇-添加eslint代碼巡檢 江湖夢,夢江湖 每一塊混跡於碼農界的‘水泥’都是一個俠客,快意恩仇、恣意縱橫、笑傲江湖,能上九天攬月、能下五洋捉鱉… 添加代碼巡檢(即代碼校驗,eslint、jslint、jshint等)有兩種方

原创 Webpack中hash與chunkhash的區別,以及js與css的hash指紋解耦方案

文件的hash指紋通常作爲前端靜態資源實現增量更新的方案之一,Webpack是目前最流行的開源編譯工具之一,其強大的功能也帶來很多坑(當然,大部分麻煩其實都可以在官方文檔中找到答案)。 比如,在Webpack編譯輸出文件的配置過程中,如果

原创 React框架

[http://shan-er.github.io/2015/09/29/react-knowledge/] 終於抽出時間來說說這個react了,Facebook於2013年5月開源的react,時間真的不是很久,當然對於更新換代如此快的

原创 sublime text 3 3083 註冊碼

—– BEGIN LICENSE —– Andrew Weber Single User License EA7E-855605 813A03DD 5E4AD9E6 6C0EEB94 BC99798F 942194A6 02396E98