原创 react之使用Context跨組件樹傳遞數據

react推崇的是單向數據流,自上而下進行數據的傳遞,但是由下而上或者不在一條數據流上的組件之間的通信就會變的複雜。解決通信問題的方法很多,如果只是父子級關係,父級可以將一個回調函數當作屬性傳遞給子級,子級可以直接調用函數從而和父級通信

原创 html的各種空格

本文轉自:http://www.oicqzone.com/pc/2015083122336.html HTML提供了5種空格實體(space entity),它們擁有不同的寬度,非斷行空格( )是常規空格的寬度,可運行於所有

原创 js工具處理之數字轉大寫格式

直接上碼: input輸入: <input type="number" placeholder="請輸入標的額" ng-model='targetAmount' onKeyPress="if((event.keyCode<48 || ev

原创 Webpack安裝、配置、按需加載

原文地址:http://www.cnblogs.com/skylor/p/7008756.html點擊打開鏈接 如果你: 是前端熱愛者 :)有JavaScript/nodejs基礎會使用一些常用命令行,mkdir,cd,etc.會使用

原创 js數組工具處理之合併相同字段分組

話不多說直接上碼: 以下是根據time進行分組的 var tempList = [ { userImage: '', userName: '李測試', userWork: '前端', iPhone: '18516776220'

原创 npm install -g create-react-app報錯原因

首先的我的系統是win10,系統輸入命令行是在win+r輸入的;然後就報錯: 在網上找了很多原因,最終找到了: 原因是需用系統管理員的權限打開cmd窗口: 總結:在win8或者win10下,win+R不是以管理員身份來運行的。在開始菜

原创 html 頁面內錨點定位及跳轉方法總結

第一種方法,也是最簡單的方法是錨點用<a>標籤,在href屬性中寫入DIV的id。如下: <!DOCTYPE html> <html> <head> <style> div { height: 800px; width: 400px; b

原创 微信小程序獲取手機號授權登錄

小程序中有很多地方都會用到註冊用戶信息的地方,用戶需要填寫手機號等,有了這個組件可以快速獲取微信綁定手機號碼,無須用戶填寫。 1.getPhoneNumber這個組件通過button來實現(別的標籤無效)。將button中的ope

原创 webpack 入門教程

最近在簡書上看到一篇特別好的webpack的入門教程,因爲好,所以收藏下,順便推廣下下。 首先瀏覽一下webpack的配置文件: // 一個常見的`webpack`配置文件 const webpack = require('webpack

原创 react組件生命週期

記得剛開始學習react的時候看到react的生命週期,總是感覺是幾行文字,總是想一筆帶過,也沒有認真理解它們的意思;知道現在用起來才後悔莫及呀。老是感覺分不清他們之間的意思。現在有必要把他們重新撿起來溫習一遍。有道是溫故而知新呀! 組件

原创 fetch獲取本地json文件問題

寫這個博客主要目的是有必要警醒一下自己,當然如果有其他猿有看到或許也能幫助下您。(也許其它大神在就知道了,恕小弟無知,纔剛剛開竅)。 問題很簡單:上碼( header.jsx) fetchSelData = () => {

原创 ECharts詳解

$(function() { // 路徑配置 require.config({ paths : { // echarts: 'http://echarts.baidu.co

原创 Mac 下安裝Atom插件

工具: git  git clone 命令 node.js nom 命令 atom 安裝 以activate-power-mode插件爲例 cd ~/.atom/packages git clone https://github.com

原创 微信小程序 圖片寬高自適應詳解

微信小程序 圖片寬高自適應 1.以前將小程序圖片寬度設置爲屏幕寬度: imageLoad: function () { this.setData({ imageWidth: wx.getSystemInfoSync().w