原创 筆試題集
筆試場上，刀刀致命 1 //1. 給定一個模板和一個對象，利用對象中的數據渲染模板，並返回最終結果。 let template = '你好，我們公司是{{ company }}，我們屬於{{group.name}}業務線，我們在招聘各種方向
2020-02-20 14:17:18
原创 飛馳2019
題圖拍攝於2019-2-4，回家過年期間。太陽快落山了，天氣很冷，在老家學校邊上的土坡上，還有三個孩子在玩耍。看着他們就想起了小時候的自己。 到今年，寫年終總結已經第四年了。於是這件事似乎成了像春晚一樣的年底必備節目，成了一年一度必須做的
2019-12-30 13:41:01
原创 qs庫使用指南
qs是一個流行的查詢參數序列化和解析庫。可以將一個普通的object序列化成一個查詢字符串，或者反過來將一個查詢字符串解析成一個object，而且支持複雜的嵌套。它上手很容易： Qs.parse('x[]=1') // {x: ['1']}
2019-12-11 13:39:56
原创 2019年12月的第一個bug
現在是2019年12月1日0點27分，我的心情依舊難以平靜。這個月是2019年的最後一個月，是21世紀10年代的最後一個月，也是第一批90後30歲以前的最後一個月。就是在這個月的第一天的0點0分，我寫的代碼出了一個bug，簡直讓我欲哭無淚。
2019-12-01 13:39:29
原创 如何打造難用，bug多的產品
本文純屬吐槽，如有雷同，絕非巧合。 沒有產品規劃 需求方提出需求後，直接開發，無需經過產品規劃，用開發的思維搞出來！於是我們得到了一堆功能的集合。這個集合可以讓剛上手的新用戶一臉懵逼，讓老用戶還容易犯錯。什麼，功能不好用？讓我們來給你們培
2019-11-05 13:39:29
原创 history路由模式下的nginx配置
路由模式 衆所周知，瀏覽器下的單頁面應用的路由模式有下面兩種： hash 模式和 history 模式。hash 模式通用性好，而且不依賴服務器的配置，省心省力，但是缺點是不夠優雅。相比於 hash 模式來說，history 模式則更加美觀
2019-10-20 13:35:58
1
原创 高階函數在小程序登錄中的應用
什麼是高階函數 高階函數就是接受一個函數作爲參數，或者將一個函數作爲返回值的函數。其實高階函數並不是什麼高大上的概念，常用的Array.prototype.forEach，Array.prototype.map，Array.prototyp
2019-09-27 13:37:59
原创 一文搞懂transform: skew
如何理解斜切skew，先看一個demo。在下面的demo中，有4個正方形，分別是 紅色：不做skew變換， 綠色：x方向變換， 藍色：y方向變換， 黑色：兩個方向都變換， 拖動下面的滑塊可以查看改變skew角度後的效果。切換selector
2019-09-01 13:37:47
原创 如何實現css漸變圓角邊框
最近設計師的風格發生突變，一句話概括就是，能用漸變的地方絕對不用純色。這不，就整出了一個漸變圓角邊框。這漸變好做，圓角好做，漸變圓角也沒問題，可是在加個邊框還是有點坑的。沒辦法，看看怎麼實現吧 border-image 缺陷不支持圓角 首先
2019-08-14 13:40:39
原创 使用騰訊雲的圖片縮略圖服務
在業務開發過程中，我們有時候會遇到這樣的業務場景--展示一個圖集/相冊。當大量圖片加載時，我們一方面希望圖片懶加載；另一方面，希望在列表中展示的是縮略圖，然後點開時再展示大圖。感謝現在雲服務的發展，這些煩人的需求都被大佬們做成了第三方的服務
2019-07-15 13:39:36
原创 談談實現瀑布流佈局的幾種思路
最近遇到這麼一個需求，需要在手機上做一個兩列的瀑布流佈局，後來就把這個問題研究了一下，做個記錄。 一般來講，這種佈局可以分爲兩種情況： 圖片的數量是一定的，不需要頁面滾動到底部時，再動態加載圖片，只需要將圖片排成若干列 圖片的數量的不定的
2019-06-27 13:40:53
2
原创 寫一個狼吃羊的小遊戲
其實在2016年，我就準備寫這個小遊戲了。但是奈何當時沒文化😌，也還沒有轉行成前端。既沒有面向對象的思想，也不懂什麼尋徑算法，更不瞭解模塊化，只是掌握了canvas的基本知識。所以以當時的水平，就搞了一段時間後，把羊，狼，磚塊畫了出來，具體
2019-06-17 13:47:17
原创 那些前端二進制操作API
一直以來，前端的工作主要涉及的是字符串操作，而對二進制的數據接觸較少。但是這種需求卻一直存在着，尤其是HTML5之後，隨着web應用越來越複雜，File，Blob，TypedArray這些API的出現使得前端對二進制的操作更加方便。 at
2019-05-31 13:34:57
原创 vue cli 3 那些事兒
配置 eslint 可在 package.json 中的 eslintConfig 中配置，比如允許在代碼中使用 console，package.json 中配置如下 ... "eslintConfig": { "root":
2019-05-22 13:38:05
原创 解決小程序視頻定點卡頓的問題
有一種bug可以用如梗在喉四個字來形容，你想忽略它，不想深究它，心裏想着隨他去吧。但是它總是時不時地冒出頭來，抗議你忽略它，不關心它，向你宣示着它的存在。比如我接下來要講的這個bug。 這個bug是這樣的，我們的一些用戶隔三差五（也許頻率沒
2019-05-09 13:38:38