原创 React-Native 掃碼功能以及從相冊讀取二維碼

我使用的技術棧是:react-native(0.57.8)+ react-navigation + react-redux + ant-design + axios 我在做的ReactNative項目需要實現掃碼功能以及從相冊讀取本

原创 react-native 填坑集合

react-native巨坑,相關插件也巨坑,版本更新慢,維護不及時。 我手頭使用的是RN目前最新版本0.57.8,以下均爲此版本環境下遇到的問題,在解決問題時配合開發調試方法,事半功倍。 我使用的技術棧是:react-native(

原创 react-native 調試大法

react-native調試不友好,不像web端可以直接定位到具體組件,還可以選擇相應的代碼塊。 主要調試工具可以配合使用Android Studio,Chrome,終端,真機提示等,我用的IDE是VS Code,一般使用Develo

原创 vue中實現基礎組件——拖拽組件

前言 pc端開發需要拖拽組件完成列表的順序交換,一般移動端的UI組件會包含,但是我在用的iview並沒有此功能的組件,於是手寫一個,實現起來很簡單。效果圖如下: 可以拖拽完成新排序,點擊某一項可以觸發相關事件. 關於拖拽 drag

原创 iview Form 表單驗證小結

手頭的項目有一個需求是創建自定義表單模板,深入使用了iview的Form控件,踩了不少iview的坑,同時也鍛鍊了validate相關的能力。 基本知識 Form由一些FomeItem組成,可以爲Form設置rule來指定

原创 7月第二週

7.10Webview模式初識mui.fire()自定義事件dev.dcloud.net.cn/mui/event/7.11flexbox 彈性佈局語法篇:www.ruanyifeng.com/blog/2015/07/flex-gra

原创 如何更快地構建與渲染

在上一篇中,我詳細描述了瀏覽器渲染的過程,那麼,如何來提升渲染效率,使頁面更快的加載完成呢。 我將這些方法分爲幾部分分別介紹。 CSS部分 1. 媒體類型和媒體查詢   將CSS分割爲片段,對於不同的瀏覽器,不同的終端,不同的閱讀模式,

原创 完整渲染過程——從URL到頁面

當用戶輸入一串URL(統一資源定位符)到完整的頁面渲染出來,到底經歷了什麼呢~下面我來描述一下整個過程。 先列出他的大致流程: 瀏覽器根據請求的URL交給DNS域名解析,找到真實的IP,向服務器發起請求; 服務器交給後臺處理完後返回數

原创 有關瀏覽器緩存 200vs304

基本概念 Etag:web服務器響應請求時,告訴瀏覽器當前資源在服務器的唯一標識(生成規則由服務器決定)。 If-None-Match:當資源過期時(使用Cache-Control標識的max-age),發現資源具有Etage聲明,則再

原创 8月第三週

8.18 will-change 屬性 The will-change CSS property provides a way for authors to hint browsers about the kind of chang

原创 移動端佈局單位

  移動端設備種類繁多,需要適配多種情況的響應式佈局來保證美觀的頁面實現,先來解釋容易弄混的多個名詞。 PPI 單位英寸像素數 DPR 設備像素比: 設備像素 / CSS像素(某一方向上) DPI Dpi(每平方英寸像素數目)

原创 GOJS + VUE 流程圖實現

前言及展示 在項目中需要根據傳過來的數據畫出流程圖,採用了GOJS插件,功能很全面,可以根據自己的需要調整,不過建議簡單的流程圖還是自己手寫一個組件,更加便於維護和變換。有一點需要注意的是,GOJS是需要收費的,有水印,雖然可以手動去掉,

原创 關於Vue中nextTick()的思考

  我的項目中有一個swiper插件,在vue實例created(生命週期相關)函數中,先用ajax異步加載數據,再初始化swiper輪播插件時,遇到了一個問題,由於動態數據加載導致了swiper初始化後會滑動到最後一個item。我當時的

原创 筆試總結(HTTP(S)/虛擬內存/xhr)

同花順的筆試完虐我這種渣渣,沒有選擇填空,只有問答和編程題,且大部分C++/JAVA,完全懵逼, 陌陌的算法題60分,也懵到題目都搞不清楚 完美世界的比較均衡,選擇很基礎,編程題也不難,只是我的編譯一直不通過很傷 下面總結一下不太清楚的

原创 JS——正則詳解

文章內容摘自阮一峯大大—RegExp對象,總結一下方便自己記憶: 1.正則匹配規則 字面量字符串 /dog/ 匹配 ‘dog’ 元字符: 點字符(.) 匹配 除回車(\r)、換行(\n) 、行分隔符(\u2028)和段分隔符(\u