原创 記一次微信前端面試

背景 抱着嘗試一下的心態投了微信的前端簡歷，沒想到還收到了面試邀請，僅以此文記錄一下面試過程中遇到的問題 1. 手寫 add(a, b)函數 請你用 javascript 實現兩個字符串數字相加（大數相加）？ 分析：這道題考查兩個超過js最

2019-11-04 14:25:27 1

原创 VUI創建日誌(二)——防抖節流組件的實現

1. 項目實現介紹 vue 項目搭建參考《Webpack4 搭建 Vue 項目》 文檔使用 vuepress, 官方文檔 https://vuepress.vuejs.org 發佈文檔 github pages + gh-page 項目地

2019-10-25 18:15:37

原创 daily-question-03（前端每日一題03）

在這裏記錄着每天自己遇到的一道印象深刻的前端問題，以及一道生活中隨處可見的小問題。 強迫自己形成積累的習慣，鞭撻自己不斷前行，共同學習。 Github 地址 2019/04/29 - 2019/05/05 ES6 class 構造以及繼

2019-10-25 18:15:27

原创 VUI創建日誌(一)——圖片懶加載指令的實現

1. 項目實現介紹 vue 項目搭建參考《Webpack4 搭建 Vue 項目》 文檔使用 vuepress, 官方文檔 https://vuepress.vuejs.org 發佈文檔 github pages + gh-page 項目地

2019-10-15 16:45:24

原创 前端工程師自檢清單73答

開篇 本文參考文章《一名【合格】前端工程師的自檢清單》, 並對其中的部分題目進行了解答，若有遺漏或錯誤之處望大家指出糾正，共同進步。(點擊題目展開答案！) 此文章 Markdown 源文件地址：https://github.com/zxps

2019-09-02 16:55:03

原创 Canvas 進階（三）ts + canvas 重寫”辨色“小遊戲

1. 背景 之前寫過一篇文章 ES6 手寫一個“辨色”小遊戲, 感覺好玩挺不錯。豈料評論區大神頻出，其中有人指出，打開控制檯，輸入以下代碼： setInterval( ()=>document.querySelector('#special

2019-07-08 14:55:08

原创 Canvas 進階（二）寫一個生成帶logo的二維碼npm插件

背景 最近接觸到的需求，前端生成一個帶企業logo的二維碼，並支持點擊下載它。 實現 在前面的文章有講到如何用 canvas 畫二維碼，在此基礎上再畫一個公司logo,並提供下載的方法供調用，再封裝成 npm 插件 模塊名稱： qrcode

2019-07-01 19:07:12 6

原创 underscore 誕生記（二）—— 鏈式調用與混入（mixin）

上篇文章講述了 underscore 的基本結構搭建，本文繼續講鏈式調用與混入。 如果你還沒看過第一篇文章，請點擊 “underscore 誕生記（一）—— 基本結構搭建” 鏈式調用 在 JQuery 中，我們經常使用到鏈式調用，如： $

2019-04-29 15:15:06 3

原创 underscore 誕生記（一）—— 基本結構搭建

1. 簡介 underscore 是一款成熟可靠的第三方開源庫，正如 jQuery 統一了不同瀏覽器之間的 DOM 操作的差異，讓我們可以簡單地對 DOM 進行操作，underscore 則提供了一套完善的函數式編程的接口，讓我們更方便地

2019-04-26 15:15:13

原创 daily-question-02（前端每日一題02）

在這裏記錄着每天自己遇到的一道印象深刻的前端問題，以及一道生活中隨處可見的小問題。 強迫自己形成積累的習慣，鞭撻自己不斷前行，共同學習。 Github 地址 2019/04/15 - 2019/04/21 1. 寫一個亂序函數 ？ 遍歷數組

2019-04-23 11:15:05

原创 寫一個情人節表白頁面

趁此單身汪傷心之日，作爲一名前端程序猿的我也按捺不住了，擼個表白頁面送給廣大想表白的人兒。話不多說，先看效果（網頁地址）： 功能 一個網頁輸入名稱，生成帶參數的網址。 瀏覽器輸入該網址，即可打開帶有該名字的網頁，圖片輪播，還帶有音樂喲 （

2019-02-14 16:34:41

原创 一款輪播組件的誕生

1. 前言 早在幾個月前，就想自己動手寫個輪播圖組件，因此也看了許多文章，斷斷續續過了幾個月，今天終於有時間騰出手來給此插件做個總結，因此有了這篇文章。話不多說，先上 Demo, 效果如下： 2. HTML and CSS 本文不討論ht

2018-12-27 19:52:46 1

原创 開發一個 Parcel-vue 腳手架工具

前言 像我們熟悉的 vue-cli，create-react-app 等腳手架，只需要輸入簡單的命令 vue init webpack project，即可快速幫我們生成一個初始項目。在實際工作中，我們可以定製一個屬於自己的腳手架，來提高自

2018-09-21 18:14:23 1

原创 ES6 手寫一個“辨色”小遊戲

1. 前言 依稀記得幾年前朋友圈流行的辨色小遊戲，找出顏色不同的矩形。前些天突發奇想，打算自己手寫一個類似的遊戲，話不多說，先上 Demo . 本實例基於 ES6 實現，併兼容 ie9及以上。 2. 項目結構 index.html ind

2018-09-18 19:04:47 3