原创 【ES6新語法】--import()

import()方法是用來代替require,實現動態加載;實例: 要使用import()+angular路由實現動態加載, 構建工具: webpack    1、要使用import() 需要使用babel進行轉換,依賴babel-loa

原创 react-native如何去掉TextInput下劃線

現象        描述在andriod下,TextInput UI組件默認有個下劃線,需要設置underlineColorAndroid='transparent'<TextInput style={styles.input} unde

原创 react-native如何將UI設計稿上的原型的大小轉換爲開發大小,還能實現各種屏幕自適應

原型設計稿:    輸入框    高度:150;    寬帶:900;如何將原型上px單位轉爲react-native的dp單位?    1、原型寬度/設備dp寬度 = px和dp的比例;    2、原型寬度可以通過ps獲取到:1080;

原创 react-native 與 夜神模擬器環境搭建

1、安裝夜神之後需要更新nox_adb.exe文件,使它與sdk的版本保存一直,將sdk的adb.exe複製到夜神安裝處更名爲nox_adb.exe替換原文件        2、連接模擬器    在夜色安裝bin目錄中執行nox_adb

原创 react-native 實現漸變色背景

1、需要藉助插件react-native-linear-gradient插件    安裝:        yarn add react-native-linear-gradient        react-native link rea

原创 蛋疼的react-native與react-devtools

react-native版本:        react-devtools版本:3.2.1谷歌版本:            這幾個版本放在一起就蛋疼了,react-native 始終無法在react-devtools或chrome上進行調

原创 ES6中export與export default的用法

在開發過程中遇到了一個問題,記錄下引起深刻記憶:    代碼如下:    設置一個配置urlexport default { url: 'http:/192.168.1.5:8080'}    引用import { url } from

原创 安裝npm本地庫以及window服務啓動

解決問題: 1、從npmjs上拉取js庫受網絡影響,慢卡有時直接斷網 2、淘寶鏡像拉取文件構建有時IE不支持(npmjs拉取構建正常顯示),或者構建失敗 實施方案: 1、安裝verdaccio(Sinopia不穩定,啓動之後,拉取包時,會

原创 async和await語法糖用法

  await 使用在調用方法時修飾,方法返回值要求是Promise對象,被await修飾的方法是同步執行,該方法執行完畢之後,纔會執行下一步操作 舉例: await function(){return Promise}( ) async

原创 程序命名規範

方法命名規範: 基礎: 1、動詞+名詞 例如:sendMessage 特殊: 1、“轉換操作”的方法命名: to + 做什麼轉換 比如:toUnit 做單位轉換 2、方法返回是布爾值: is + 什麼判斷 比如:isEmpty 是否爲空

原创 Node DataLoader優化數據層

作用: 1、批處理(將相同操作合併一起處理,減少與數據庫的交互) 2、緩存(緩存查詢對象,減少數據庫查詢,不過數據更新變動之後需清除緩存) 區別: 與Redis, Memcache, DataLoader實例是在請求開始時創建的,並且一旦

原创 Sequelize 數據類型

Sequelize.STRING // VARCHAR(255) Sequelize.STRING(1234) // VARCHAR(1234) Sequelize

原创 egg-graphql+egg-oauth2-server 權限校驗

說明: 1、egg-graphql、egg-oauth2-server 安裝網上很多資料不做贅述 2、egg-oauth2-server只進行password模式驗證 1、egg-oauth2-server->password模式驗證需要

原创 egg-sequelize + GraphQL 連接查詢

模型在設計時錶與表之間存在複雜關係,當我們在查詢一個表數據時往往也要獲取其他表的數據稱之連接查詢 實現: 1、建立表與表之間的關係 2、設置查詢時進行表連接 3、聲明查詢內容包含(聲明員工時,設置一個部門的屬性) 結果:

原创 Worker是個什麼東東,可以帶來什麼體驗?

概念: Worker是JavaScript爲了充分使用多核CPU資源而引人的多線程解決方案 限制: 1、不能進行DOM(保持JavaScript單線程本質) 2、不能訪問一些全局變量(window、document、console、ale