人家都說，前端需要每年定期出來面面試，衡量一下自己當前的技術水平以及價值，本人17年7月份，畢業到現在都沒出來試過，也沒很想換工作，就出來試試，看看自己水平咋樣。 以下為我現場面試時候的一些回答，部分因人而

兩週前，專案裡需要實現一個紅心飄飄的點贊效果。抓耳撓腮了老半天，看了幾篇大佬的文章，終於算是摸了個七七八八。不禁長嘆一聲，還是菜啊。先來看一下效果:( 傳送門進去點一波 ) 一、B

同步的方式讀取樣式表文件，如果樣式表不存在，那麼建立一個style元素，設定樣式表內容，並新增到head的尾部 !function() { let styleStr = fs.readFileSync(

原文： 2018/09/06Hijacking HTML canvas and PNG images to store arbitrary text data 2

click-colorful 專案中有個活動頁載入時有個loading動畫，效果如上圖，連續綻放小球，問題就是太卡，經常出現一堆小球抱團卡住，遂進行優化 注意：（僅在

100*100的 canvas 佔多少記憶體？ 在三年前端，面試思考 中提到了一個題目，非常有新意，這裡分享一下當時面試的思考過程。 解題思路 其實真正的答案是多少我並不清楚，面試過程中面試官

目錄 專案地址 開箱可用, 此專案的作者在程式碼中做了詳細的註釋。 https://github.com/941477276/Tablet/tree/master 上程式碼

將DOM改寫為canvas，然後利用canvas的toDataURL方法實現將DOM輸出為包含圖片展示的data url。 使用HtmlCanvas2實現。 使用rasterizeHT

上一篇文章《從零開始用 electron 手擼一個截圖工具 》釋出之後發現閱讀的朋友還不少，不過工具真正使用的時候就發現了問題，所以為了讓我們的截圖工具更好用，就又做了很多優化，當然了也遇到了很多坑。

之前在慕課網看了幾集Canvas的視訊，一直想著寫點東西練練手。感覺貪吃蛇算是比較簡單的了，當年大學的時候還寫過C語言字元版的，沒想到還是遇到了很多問題。 最終效果如下（圖太大的話 時間太長 錄製gif的軟

公司有個業務需求,要求後臺傳pdf的base64編碼給前端,前端顯示到介面上,後來在網上搜索了很多關於base64轉pdf的文章,都寫的不是非常的詳細,在實現的過程中遇到很多坑,經過一天的研究終於實現了這個功能

之前做專案，總能碰到上傳附件的需求，不管是web端，還是移動端；當然，網上有很多第三方的外掛，比如基於vue的element-ui的上傳附件，但用第三方的外掛修改起來很費事，層層包裹；所以自己封裝了一個上傳附件

相信大家平時在學習canvas 或 專案開發中使用canvas的時候應該都遇到過這樣的需求：實現一個可以書寫的畫板小工具。 嗯，相信這對canvas使用較熟的童鞋來說僅僅只是幾十行程式碼就可以搞掂的事情，以

16年8月，我還是一個實習生，一個不知道 js 基礎的重要性的小白。有段時間，老大沒有什麼任務給我，無聊之際，想到用 canvas 畫一個時鐘。那會我還會經常去逛慕課網，於是將自己寫的程式碼發到慕課網。這個是地址：

說,如果我想在最小和最大值之間生成一個無偏差的隨機數,我會做： var rand = function(min, max) { return Math.floor(Math.rando