原创 題目:在複雜數組中尋找一個值

有這樣一個數組,它的每個數組項都包含children屬性,children也是一個結構一模一樣的數組 let arr = [ { name: 'zzh', key:

原创 如何用純css使div保存等比例縮放

當一個div盒子的寬度爲百分比時,如何使盒子按等比例縮放? 我開始的想法是獲取盒子寬度,然後將盒子寬度按比例計算得到高度,這樣盒子就可以等比例縮放了。 但是遇到一個問題,盒子寬度爲百分比,我們不能直接獲取到盒子寬度,如果用js去

原创 node調試的3種方法方法

node-debug 三法三例之node debugger + node inspector Node 調試工具入門教程

原创 基於原生小程序精仿的貓眼電影(可預覽)

最近基於原生小程序精仿貓眼電影,數據API都是在網上抓取的(如何抓包) 由於沒有獲得貓眼城市ID的API,所有數據接口沒有添加城市ID參數,僅靠IP定位,所以數據可能不準確 2019.12.14更新 今天看自己做的小程序時,發現很

原创 使用webpack4從零配置react項目

前言 以前做react項目的時候都是使用create-react-app腳手架初始化項目的,最近想自己從零配置webpack4來實現一個react項目的初始化。 源碼在這裏 配置實現的功能: 打包css、js、img等資源

原创 好用的vscode插件(長期更新)

1.Chinese (Simplified) Language Pack for Visual Studio Code 作用:中文翻譯vscode 2.Auto Close Tag 作用:自動閉合html標籤 3.Auto Re

原创 react+koa實現登陸、聊天、留言板功能後臺

前言 自己一直想做個包括前後端的項目,瞭解和熟悉一個網站從構建到部署整個流程。正好以前做過一個react的後臺模板(純前端)。另外在慕課網找了一個node項目學習後,開始自己做一個前後臺項目。 所有權限都在後臺做,比如非管理員不能

原创 jwt實現註冊與登陸系統

前言 自己用react+koa實現了一個包含登陸和註冊功能的網址,在這裏記錄一下實現過程 項目地址:github地址 預覽地址:預覽地址 註冊 註冊其實沒什麼好說的,就是要注意不要明文保存密碼,否則數據庫泄露後,密碼會被其他人用

原创 react+koa實現留言板功能

前言 自己用react+koa實現一個留言板的功能,留言的內容可以是文字、圖片、表情、視頻、音頻。在這裏記錄和總結。 項目地址:github地址 預覽地址:預覽地址 截圖 實現 前臺使用了react和antd,富文本編

原创 webSocket實現聊天室功能

前言 我們知道服務器是一種應答模式,也就是說服務器只能被動提供服務,而不會主動推送信息給客戶端。 傳統網站爲了實現類似在線聊天的功能都是不斷的給服務器發送信息詢問是否有新消息也就是所謂的輪詢。 這種方式有很明顯的弊端:大量耗費服務

原创 富文本編輯器braft-editor的使用

在寫react時需要用到富文本編輯器,找了很多後最後選擇了braft-editor富文本編輯器 美觀易用的react富文本編輯器 可結合antd使用 本質是封裝的draft-js 提供多媒體的功能(圖片、音頻、視頻) 這裏我只

原创 react編寫打字組件

前言 以前用class也封裝過一次打字組件(這裏),最近寫react時想用打字效果,又重新封裝成了react組件,當然原理我是參考的typing.js。 效果(動圖在下面) 使用 <Typing> //想要打印的內容

原创 小程序的老祖宗PWA爲什麼沒有火起來?

看上去近乎完美的PWA,出現時間要比小程序早上幾年的PWA,爲何不如小程序火熱甚至在國內鮮爲人知呢? 比小程序更早的“遠古小程序”PWA BAT現都已入局小程序賽道,開始新一輪的較量。但無論是微信,支付寶還是百度的智能小程序,

原创 用js實現可拖動的div

用js實現可拖動的div,其實邏輯很簡單,計算鼠標的移動距離然後設置盒子的位置即可 看看效果 源碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

原创 react-router(v4)路由跳轉頁面不更新的問題

在組件中如何獲取history、match、location路由API? 路由組件可以直接在props上獲取,非路由組件需要用withRouter高級組件包裹後在props上獲取 在store或非組件的js中如何獲取histor