原创 React操作DOM —— 添加查看原圖按鈕的圖片點擊事件

時刻提醒自己React的生命週期,鎮樓圖: 需求一: 點擊頁面中的圖片獲取到全部圖片的src以及當前圖片的index。 麻煩點: 頁面是react編寫; 頁面顯示的數據均是由後端以拼接html形式傳過來的,img也在html拼接

原创 針對火狐的CSS樣式設置

在工作中發現,有些效果在chrome瀏覽器中能實現的效果,在火狐下沒有(設置-moz-box也不能實現),比如截幾行,在chrome下通過下述代碼實現: display: -webkit-box; overflow: hidden

原创 canvas網頁版貪喫蛇(完整教程)

版權聲明:本文爲博主原創文章,允許轉載,但轉載必須註明出處並附帶首發鏈接 https://blog.csdn.net/Nana_9457/article/details/86570234 源碼見github: https://gi

原创 前端學習日記 -- 四月

2019-04-09 1、前端國際化:React-intl https://segmentfault.com/a/1190000005824920 2、CSS內陰影 inset;不規則陰影 filter; 3、CSS trans

原创 ElasticSearch與非關係型數據庫

數據庫差異 ElasticSearch是一個基於Lucene的搜索服務器,提供了一個分佈式多用戶能力的全文搜索引擎,基於RESTful web接口。它使用Java開發,並作爲Apache許可條款下的開源發佈,是當前流行的企業級搜

原创 前端學習日記 -- 八月

2019-08-01 1、柯里化與連續箭頭函數(閉包):https://blog.csdn.net/allangold/article/details/86667908 🆕❤️柯里化應用:https://www.jianshu.c

原创 Node.js —— Egg.js實現excel文件上傳下載

關於上傳 🤔️問題:上傳excel報錯400 解決:使用FormData上傳數據,egg使用egg-multipart,egg-multipart有對上傳文件的後綴名限制的白名單(whitelist),項目中可以在multipar

原创 leetcode刷題記錄(更新中)

數字數組 1、給定一個排序數組,原地去掉重複數字(例[1,1,2]) 思路:兩個指針問題 過程:我的解法是利用了indexOf只返回第一個 結果:做這道題時間較長,執行時間較長o(n),沒有注意到“排序數組” 排名靠前的解法: 1

原创 前端學習日記 --七月

20190703 1、react300問: react的合成事件:初步瞭解e.nativeEvent https://segmentfault.com/a/1190000015725214 2、Visual DOM工作原理: 3

原创 ElasticSearch入門

數據庫差異 ElasticSearch是一個基於Lucene的搜索服務器,提供了一個分佈式多用戶能力的全文搜索引擎,基於RESTful web接口。它使用Java開發,並作爲Apache許可條款下的開源發佈,是當前流行的企業級搜

原创 前端學習日記 --六月

20190603 1、Array.prototype.slice.call(arguments, 0)用來將arguments變量轉換爲真正的數組。 2、依賴注入:https://yanhaijing.com/javascript

原创 百度小程序 / 快應用使用nanachi開發注意事項

百度小程序 頁面相關: ⚠️ 不要設置全局的margin/padding樣式,如: *{margin: 0; padding: 0} 會導致視頻的播放按鈕錯位 1、scroll-view中不能使用video 解決辦法:頁面的最外

原创 前端學習日記 -- 五月

2019-05-06 0、match(/app/gi)中的i是忽略大小寫。 2019-05-07 0、git工作中遇到: 1)git add錯文件,撤回add,需要按文件(夾) 輸入git reset HEAD <文件名>; 2)

原创 Vue.js第二篇:官網 基礎

1. “所有DOM操作由Vue.js處理” <div> <p>{{ message }}</p> <button v-on:click="reverseMessage">reverse</button> </div> met

原创 各種網絡攻擊 這誰遭得住啊

一號 XSS(與CSS同名 被迫叫XSS 顯得更兇狠) 1、打一下就跑策略(非持久型XSS) 實例 訪問:https://xxx.com/xxx?default= 網頁中原有代碼爲: location.href.substring(l