原创 Vue + Storybook 實現組件驅動開發

爲什麼要使用Storybook? 在前端業務的開發中,我們可能會封裝很多公共組件。大部分時候因爲忙於業務開發,並不會爲這些公共組件進行文檔編寫、測試。在進行復用的時候,需要在項目中查看源碼去查看該組件的作用、參數和事件。這種組件開發的方式在

原创 vue-cli 3.0中配置postcss支持rem、vw佈局

vue.config.js 相關代碼如下 module.exports = { lintOnSave: true, css: { loaderOptions: { postcss:

原创 LTH-Mixin週刊-第8期(2019/08/20)

視頻 【TED】Sleep is your super power 【李自然說】從古埃及到現代藝術,半小時解鎖藝術欣賞 好文 走向存量殘殺的危險世界 一旦工業斷層,經濟不景氣是多麼可怕,能直接激發社會的黑暗面,而現在,世

原创 LTH-Mixin週刊-第9期(2019/08/27)

視頻 【一刻talks】少兒編程之父米切爾·雷斯尼克:會編程的孩子贏在哪裏? 當人們想到編程的時候,往往認爲這是一種技術或者數學能力。但是其實學習編程更像是在學習怎麼寫東西,編程可以讓孩子更好的表達自己,是用另外一種聲音更世界分享自

原创 LTH-Mixin週刊-第7期(2019/08/13)

這期的週刊中的第一個視頻對我的思考挺大的,一名「觀察者郵報」的記者到Ebbw Vale的小鎮上去探尋爲什麼該鎮是全英國脫歐比例最高的地方,有62%的人投票決定離開歐盟。當她到達該小鎮上的時候,發現該小鎮上很多的公共建築都是由歐盟作爲spon

原创 LTH-Mixin週刊-第6期(2019/08/06)

視頻 6 Things I Wish I Knew at 20 Take responsibility Confidence builds by doing Document more Use Moisturizer Go on mo

原创 LTH-Mixin週刊-第5期(2019/07/30)

對於工作最近很迷茫,看了很多文章,也聽了很多朋友的建議,但至始至終都找不回對於工作的“篤定感”。這種“篤定感”最終是要回到“我是誰?我從哪裏來?我要到哪裏去”這樣既哲學又現實的問題上來了。作爲一個程序員來說,解決bug的第一步是定位bug,

原创 LTH-Mixin週刊-第4期(2019/07/23)

視頻 【優酷·圓桌派】打工:誰要996?誰被996? 對於996,之前我和很多朋友討論過,往淺了說是個人選擇,每個人都可以選擇付出更多的時間和精力去換取對應的收入,也可以選擇放棄一部分的金錢換來個人的時間。但往高了說,凌駕於法律上的

原创 LTH-Mixin週刊-第3期(2019/07/16)

最近在參加爲期兩週的培訓,在班級上認識了很多小夥伴。很感謝公司提供這個機會,讓很多可能一輩子都不會有交集的人遇見在了一起,也讓我明白了身邊的優秀的同齡人是能夠有多優秀。最讓我相信的是,這家公司可能真的會在這羣非凡人的帶領下經營102年。 來

原创 LTH-Mixin週刊-第2期(2019/07/09)

前段時間的關於996的話題基本上目前已經沒有人再討論了,但是它帶給我對於工作和生活的平衡的思考還沒有停止。越來越多人的相信花更多的時間賺取到更多錢,這樣才能更加幸福,但是本期的的《哈佛商業評論》用豐富的數據調研說明,最幸福的人時那些花錢買時

原创 LTH-Mixin週刊-第1期(2019/07/02)

寫這個週刊是受到我個人很喜歡的博主阮一峯的啓發,我個人從他網站上的前端技術教程和分享的科技愛好者週刊上學習到了很多東西。前兩天把他的週刊翻看到了第1期,上面寫了這樣一段話,這也是我寫這個週刊的最大原因: 這裏記錄過去一週,我看到的值得分享

原创 nginx配置指南

1 基本配置 # 運行用戶 user www www; # 啓動進程,通常設置成和cpu的數量相等 worker_processes 2; #設置值和CPU核心數一致 # 全局錯誤日誌 error_log /usr/local/webser

原创 ElementUI多個子組件表單的校驗管理

背景 公司項目中所用到的前端框架是Vue.js + ElementUI,因爲項目的業務場景中有很多的大表單,但是ElementUI的表單寫法對於表單的拆分和校驗其實並不是很友好。最初的項目爲了方便,常常把多個表單寫在一個.vue組件中,這導

原创 使用Jest測試JavaScript (入門篇)

1 什麼是 Jest? Jest是 Facebook 的一套開源的 JavaScript 測試框架, 它自動集成了斷言、JSDom、覆蓋率報告等開發者所需要的所有測試工具,是一款幾乎零配置的測試框架。並且它對同樣是 Facebook 的開源

原创 從ES6重新認識JavaScript設計模式(五): 代理模式和Proxy

1 什麼是代理模式 爲其他對象提供一種代理以控制對這個對象的訪問。在某些情況下,一個對象不適合或者不能直接引用另一個對象,而代理對象可以在客戶端和目標對象之間起到中介的作用。 在生活中,代理模式的場景是十分常見的,例如我們現在如果有租房