原创 react input 輸入框 onchange事件 輸入中文 拼音和漢字同時在輸入框裏

react input 輸入框 onchange事件 輸入中文 拼音和漢字同時在輸入框裏 原因: 當你正常使用setState(name: e.target.value),這樣中英文都不會有問題,但當你進行數據處理的時候 比如: setSt

原创 js 數組方法reduce奇技淫巧

前言 最近讀《JavaScript高級程序設計》,裏面有一章介紹數組類型,有一個方法是之前沒怎麼見過,也是我沒有系統的掌握,發現這個方法大有可用,還有可能提高你編程的B格,所以就記錄下來 書裏面的內容介紹 可以看到函數的兼容性還是很好的。

原创 面試題(前端-字節跳動)

只是做個記錄 我叫王大錘,是一家出版社的編輯。我負責校對投稿來的英文稿件,這份工作非常煩人,因爲每天都要去修正無數的拼寫錯誤。但是,優秀的人總能在平凡的工作中發現真理。我發現一個發現拼寫錯誤的捷徑: 1. 三個同樣的字母連在一起,一定是拼寫

原创 關於lazyMan鏈式調用的實現,面試題

lazyMan鏈式調用 LazyMan('Tony').eat('lunch').sleep(10).eat('dinner') // Hi i am Tony // 等待了10秒 // I am eating lunc 請實現一個這樣

原创 react 抽獎轉盤 ----小計

前言 很久沒有寫過小組件了,突然想做一個抽獎轉盤,就花半天時間做一個,很簡單 1.支持把一個圓盤分成n瓣。2.實現轉動動畫。3.弄個指針樣式意思意思。4.遇到抽獎的需求改吧改吧就能用了。 圖是這樣的 過分中分析的問題:1.怎樣根據數組長度把

原创 廣度優先和深度優先

深度優先遍歷和廣度優先遍歷 什麼是深度優先和廣度優先 其實簡單來說 深度優先就是自上而下的遍歷搜索 廣度優先則是逐層遍歷, 如下圖所示 1.深度優先2.廣度優先 兩者的區別 對於算法來說 無非就是時間換空間 空間換時間 深度優先不需要記住所

原创 一個簡單的react 動畫組件,入場動畫和出場動畫實現

一:前言 關於react 動畫組件已經有很多,最近想自己做一個,目的就是依賴css3動畫,這樣能保證性能,項目種簡單動畫足夠了;如果要複雜一些的動畫,那就依賴於js了,本篇主要實現一個Animate組件,給組件內部添加元素的入場動畫和出場動

原创 JS中some(),every(),forEach(),map(),filter()區別

JS在1.6中爲Array新增了幾個方法map(),filter(),some(),every(),forEach(),也就是一共有這麼多方法了。 剛開始接觸這些倒也記得不是很清楚,在此紀錄一下以加深影響。我主要從兩個角度來理解和記憶吧,一

原创 new 命令的原理

前言 之前一直沒完全弄清楚js原型鏈和繼承,有時候是自己的理解,有時候靠死記;最近要回頭看看js的基礎,順便記錄一些內容。摘抄於阮一峯大神;如果想好好複習一下js基礎內容,戳這裏https://wangdoc.com/javascrip..

原创 用exfe.js和canvas解決移動端 IOS 拍照上傳圖片翻轉問題

前言 記得16年的時候我初入前端差不多一年,公司做了一個webapp,有上傳頭像功能,當時這個項目不是我在負責,測試的時候發現蘋果用戶拍照上傳頭像會翻轉,當時幾個前端的同學捯飭了一下午也沒解決,結果問題轉到我這裏,還有半個小時下班;當時也是

原创 React-Keeper 前端路由緩存 存儲狀態(大部分轉)

前言 接觸react也有一段時間了,一直在做關於react前端架構相關的研究,由於工作性質,有些乾貨只能自己研究了,今天遇見了一個需求:在做後臺管理項目的時候,產品經理提出:從列表頁填寫查詢條件,然後查詢出結果,點擊某一條結果進入編輯頁面,

原创 通用權限管理系統[基於asp.net(c# 4.0) + MVC 4 + extjs 4.2 + PetaPoco](一、搭架子 - 有源碼)

一、開發環境 vs2010 + NuGet二、開始 新建解決方案 新建解決方案文件夾 Modules用來放模塊項目(Infrastructure爲系統核心模塊,我們的整個權限都放在這裏面)Website爲前端項目分層 Niwar.Fram