原创 網頁地址欄直接輸入請求地址有返回值,前端本地項目訪問請求報跨域的問題

在網頁地址中訪問可以正常看到數據,在postman中也正常。 自己的react項目啓動的服務器,訪問同樣的地址報跨域的問題,在package.json中添加proxy屬性。    

原创 react-native 安卓鍵盤頂起絕對定位元素

之前網頁端的開發經驗認爲我這是個小問題,要麼換成固定定位,實在沒辦法加個聚焦和失焦的操作就可以了,但是實際上rn中並沒有固定定位,造成這種情況的原因其實只需要修改安卓的配置即可,實際要比網頁端容易解決。   vscode的話可以comm

原创 react組件中批量引入圖片

在開發官網等一些偏靜態類的網站時,經常會碰到某個組件中需要用到多張圖片,正常引入方式如: import demoBJ from '../../images/demo1.jpg' 所產生的問題就是如果我用到了十張圖片資源,同類代碼就需要寫

原创 通過Web Audio Api展示音頻整體波形(整體波形,而非實時)

    在做這個功能時並未對音頻過多瞭解,因爲H5的audio標籤已經很強大了,但是因爲這次需要對音頻的波形進行展示,於是開始查看文檔及相關技術貼,發現無論是官網推薦還是大部分的帖子推薦的做法都是使用Audio Api的AnalyserN

原创 $.ajax中設置responseType

     最近在爲公司產品新增一個音頻播放及整體波形預覽的功能,首先需要的就是請求音頻地址,將請求到的二進制原始數據轉換爲arrayBuffer類型,之後在通過Web Audio Api解碼以此來生成波形展示所需數據,於是問題來了。  

原创 超級嚴格的身份證認證規則

var checkProv = function (val) { var pattern = /^[1-9][0-9]/; var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:

原创 No bundle url present.錯誤解決方案

-1 . 常規方式進入項目目錄執行 rm -rf ios/build 之後在執行 react-native run-ios 大部分情況下都是夠嗆.... -2 第二種常規方式進入項目目錄執行 rm -rf node_modules/ &&

原创 react國際化文字圖片樣式配置,最好有redux基礎在看

因爲所做項目需要應用國際化,語言包用的是intl-messageformat的插件,自己根據需求又修改的,這樣文字的問題配置js就可以解決了。 Intl對應的文件內容: import IntlMessageFormat from 'i

原创 react路由跳轉之後回到頁面頂部

開發一個官網時候發現一個問題,頂部導航欄跳轉路由的時候,如果這時候我將頁面滾動到底部,那跳轉過去的路由頁面也會再底部,這樣的效果顯然是不正確的,所以需要重置一個頁面滾動條的位置,如下: document.documentElement.

原创 不需要部署服務器即可測試ajax請求。

在日常開發時,前端請求後臺地址獲取參數進行操作這是毋庸置疑的,但是有時對於新人而言,對ajax並不是特別熟練,自己想額外的練一練手的話,或者嫌棄部署本地服務器麻煩學習新技術例如axios練習異步請求的時候,我們可以用get方式請求一些開發

原创 react模塊文件使用全局class,並且可以修改全局的class屬性而且不影響全局樣式

簡單描述業務場景: 項目是基於create-react-app搭建的,後續添加的css_modules及less等相關配置。 在寫一些通用的組件的時候,我們往往需要單獨提取一個全局的樣式文件,用於存放所有通用的樣式,模塊內部則自己用自己的

原创 關於錯誤處理便於管理的數據規劃

日常開發中無論是通過ajax通信、還是調用一些第三方的API,都會有很多的錯誤編碼,筆者以前的寫法一直都是每一個請求結果之後都去根據code碼做出各種提示之類的操作,例如: if(code === 1){

原创 目標組件不在store注入的組件內,但是還需要使用store中存放的數據

日前碰到個需求,應用antd的彈窗二次封裝了一個彈窗組件,但是該組件是和root同級的,應用react開發的大部分開發者應該都不會改這個根dom的id吧,所以問題也就出現了,我是將store狀態管理注入到根root節點中的,那麼在彈窗的組

原创 js類的單例(懶漢和惡漢模式)

首先問大家一個問題,類的靜態屬性你會寫嗎? 哈哈哈,筆者今天被同事問蒙了,什麼是靜態屬性啊。 // ES5 >>> function Demo(){ } Demo.sayHello = "Hello"; // ES6 >>> cl

原创 react實現粒子動畫

首先安裝依賴   npm i reactparticles.js --save   簡單用法,引入當做標籤用,id必填任意不重複即可,config指向public下存放的.json配置文件,配置文件可以自己改,也可以去官網生成: 地址:h