原创 Visual Studio Code 調試node

Visual Studio Code 調試node  文檔地址:https://code.visualstudio.com/docs/nodejs/nodejs-debugging 流程步驟 步驟一:點擊VS CODE 第四個小昆蟲

原创 javascript 實時搜索節點節流

let timeout export const asyncReadSelect = (fileLabelValue, callback, needLable = false) => { return new Promise((re

原创 ReactNative 佈局篇

三列布局篇 import React, { Component } from 'react' import { Text, View, Image } from 'react-native' const styles = St

原创 iconfont SVG 圖標庫 生成 react-native-svg所需的格式

const fs = require('fs'); const path = require('path'); const filePath = `${path.resolve('fontsvg')}/build` //判斷文件夾是否

原创 webpack 模塊解析

模塊解析(module resolution) 查看原文|編輯此頁 resolver 是一個庫(library),用於幫助找到模塊的絕對路徑。一個模塊可以作爲另一個模塊的依賴模塊,然後被後者引用,如下: import foo from

原创 Homebrew 安裝與使用

Homebrew 官方地址:https://brew.sh/index_zh-cn 安裝brew  依賴xcode 步驟一:前去app store  安裝xcode 步驟二: 終端輸入 /usr/bin/ruby -e "$(curl

原创 create-react-app 一些注意事項以及優化

create-react-app  默認會有eslint語法檢測 去除eslint 語法檢測 找到 webpack.config.dev.js 以下代碼將他註釋就可以去除語法檢測 { test: /\.(js|mjs|j

原创 WEBPACK4.X 版本 BABEL7.X 版本配置react

package.json { "name": "webpack-skeleton", "version": "1.0.0", "description": "", "main": "index.js", "scrip

原创 Element 的方法和屬性

element event 事件源 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca

原创 javascript Promise 一些底層實現

Promise.all  定義:當Promise 結果都爲resolve 返回resolve的數組集,當一個爲reject,將第一個遇到的reject返回。 const p1 = Promise.resolve('ok1') const

原创 Document元素邊框形狀相關屬性

 clientWidth //寬度(content+paddingLeft+paddingRight) clientHeight //長度(content+paddingTop+paddingBottom) offsetWidth //寬

原创 javascript 實現Ajax 資源請求

XMLHttpRequest var xmlhttp = new XMLHttpRequest(); xmlhttp.open("POST", "http://127.0.0.1:6767/api/v1/login",

原创 實現簡單的generators自動執行Co 模塊

let axios = require("axios") var co = require('co'); /** * 實現簡單的Co 模塊 自動執行next */ let step1 = () => { return axios

原创 ECMAScript 6 類的修飾器使用和理解

decorator 類的裝飾器 許多面向對象的語言都有修飾器(Decorator)函數,用來修改類的行爲。 目前瀏覽器或者最近的node 8.x + 均不支持裝飾器;可採用babel轉譯: 相關文檔: https://babeljs.io

原创 WEBPACK 安裝與使用

WEBPACK-4 安裝與使用 安裝: webpack webpack-cli 命令工具  npm install webpack webpack-cli --save-dev 執行: 以下命令查看是否安裝成功 ./node_modu