原创 2019/05/02

HTML (the Hypertext Markup Language) and CSS (Cascading Style Sheets) are two of the core technologies for building Web

原创 win10 操作系統JDK 11安裝配置環境變量

JDK 11的安裝說明https://docs.oracle.com/en/java/javase/11/install/installation-jdk-microsoft-windows-platforms.html#GUID-A7E

原创 解析JavaScript數組方法reduce

http://www.jb51.net/article/99785.htm轉載鏈接  作者:unclekeithArray.prototype.reduce()概述reduce()方法是數組的一個實例方法(共有方法),可以被數組的實例對象

原创 Reactjs學習記錄(006)-狀態提升

const scaleNames = { c: 'Celsius', f: 'Fahrenheit' }; function toCelsius(fahrenheit) { return (fahrenheit - 32)

原创 [ ]的四種語義和解析Javascript中大括號“{}”的多義性

Javascript中括號有四種語義語義1,聲明數組 複製代碼 代碼如下:var ary = []; // 聲明一個空數組var ary = [1,3]; // 聲明一個數組,同時賦初值語義2,取數組成員 複製代碼 代碼如下:var ar

原创 Reactjs學習記錄(006)-列表 & Keys

列表 & Keysconst numbers = [1, 2, 3, 4, 5]; const listItems = numbers.map((numbers) => <li>{numbers}</li> //我們使用Javascr

原创 React 理念

React 理念第一步:把 UI 劃分出組件層級例如 單一功能原則,在理想狀況下,一個組件應該只做一件事情。如果這個組件功能不斷豐富,它應該被分成更小的組件。第二步:用 React 創建一個靜態版本最簡單的方式是先創建一個靜態版本:傳入數

原创 &quot;this&quot;和普通函數

以下內容 摘自https://www.w3cschool.cn/ivmkf/ivmkf-v3y2250z.html和https://classroom.udacity.com/nanodegrees/nd001-cn-preview/pa

原创 reduce()方法和map()方法

var kvArrays = [{key: 1, value: 10,me:3}, {key: 2, value: 20,me:2}, {key: 3, value: 30,

原创 Reactjs學習記錄(005)-組件&amp;props

function Welcome(props) { return <h1>Hello, {props.name}</h1>; } const element = <Welcome name="Sara" />; ReactDOM.r

原创 meteor學習(1)

(1)onsubmit 事件定義和用法onsubmit 事件會在表單中的確認按鈕被點擊時發生。語法:onsubmit="SomeJavaScriptCode"參數描述SomeJavaScriptCode必需。規定該事件發生時執行的 Jav

原创 Reactjs學習記錄(004)

function Mailbox(props) { const unreadMessages = props.unreadMessages; //這裏是我容易搞混的地方,props.屬性名 return ( <div>

原创 Reactjs學習記錄(002)

State & 生命週期狀態與屬性十分相似,但是狀態是私有的,完全受控於當前組件。我們之前提到過,定義爲類的組件有一些特性。局部狀態就是如此:一個功能只適用於類。將函數轉換爲類你可以通過5個步驟將函數組件 Clock 轉換爲類創建一個名稱

原创 Reactjs學習記錄(006)-表單

HTML表單元素與React中的其他DOM元素有所不同,因爲表單元素生來就保留一些內部狀態。當用戶提交表單時,HTML的默認行爲會使這個表單跳轉到一個新頁面。在React中亦是如此。但大多數情況下,我們都會構造一個處理提交表單並可訪問用戶

原创 Reactjs學習記錄(003)

var foo = {     x: 3 }   var bar = function(){     console.log(this.x); }  bar(); // undefined  var boundFunc = bar.bin