原创 微信小程序:使用VantUI組件庫

微信小程序可以支持npm導入第三方庫了(https://developers.weixin.qq…);VantUI是一個不錯的移動UI組件庫,下面我們在微信小程序中引入 第一步: 在小程序工程的根目錄下執行: npm init -

原创 微信小程序:使用Echarts圖標組件

首先,下載echarts微信版 地址:https://github.com/ecomfe/echarts-for-weixin 下載後打開,如圖所示: QQ截圖20181220174042.jpg 將下載好的文件中 ec-canv

原创 微信小程序:頁面與組件傳值的幾種方式

一、小程序通過id屬性傳值 當我們在標籤上添加id屬性進行傳值,可以在當前標籤添加點擊事件來獲取id中的值。 1、添加 id 屬性進行傳值(index.wxml) <!--index.wxml--> <view class="co

原创 微信小程序:WeUI一個專爲微信小程序設計的UI框架

WeUI是什麼 WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫。由微信官方設計團隊爲微信內網頁和微信小程序量身設計,令用戶的使用感知更加統一。它最初是爲了給在微信端頁面提供一致的視覺體驗而開發開源的一個樣式庫,後續隨着小程序、

原创 微信小程序:基礎配置

框架主題文件 app.json : 小程序公共設置,小程序的全局配置文件 app.js: 小程序的邏輯文件,用於註冊小程序全局實例,編譯時會和其他頁面邏輯文件打包成js文件 app.wxss:小程序公共樣式,對全局頁面有效 配置文

原创 React:表單元素處理

表單 在 React 裏,HTML 表單元素的工作方式和其他的 DOM 元素有些不同,這是因爲表單元素通常會保持一些內部的 state。例如這個純 HTML 表單只接受一個名稱: <form> <label> 名字:

原创 React:組件的生命週期

本頁面介紹了 React 組件中 state 和生命週期的概念。 在元素渲染章節中,我們只瞭解了一種更新 UI 界面的方法。通過調用 ReactDOM.render() 來修改我們想要渲染的元素: function tick()

原创 React :條件分支結構

條件渲染 在 React 中,你可以創建不同的組件來封裝各種你需要的行爲。然後,依據應用的不同狀態,你可以只渲染對應狀態下的部分內容。 React 中的條件渲染和 JavaScript 中的一樣,使用 JavaScript 運算符

原创 React :事件的綁定與事件處理函數

事件處理 React 元素的事件處理和 DOM 元素的很相似,但是有一點語法上的不同: React 事件的命名採用小駝峯式(camelCase),而不是純小寫。 使用 JSX 語法時你需要傳入一個函數作爲事件處理函數,而不是一個字

原创 React:react-router用法

安裝 npm install react-router-dom 使用router import React from "react"; import ReactDOM from "react-dom"; import { B

原创 React :父級state調用

state提升 通常,多個組件需要反映相同的變化數據,這時我們建議將共享狀態提升到最近的共同父組件中去。讓我們看看它是如何運作的。 在本節中,我們將創建一個用於計算水在給定溫度下是否會沸騰的溫度計算器。 我們將從一個名爲 Boil

原创 Reac:t 組件的組合

組合 vs 繼承 React 有十分強大的組合模式。我們推薦使用組合而非繼承來實現組件間的代碼重用。 在這篇文檔中,我們將考慮初學 React 的開發人員使用繼承時經常會遇到的一些問題,並展示如何通過組合思想來解決這些問題。 包含

原创 React :中的列表與循環

列表 & Key 首先,讓我們看下在 Javascript 中如何轉化列表。 如下代碼,我們使用 map() 函數讓數組中的每一項變雙倍,然後我們得到了一個新的列表 doubled 並打印出來: const numbers = [

原创 Node.js,Express :一個很讚的MySQL操作包,node-mysql-promise

node-mysql-promise Install $ npm install node-mysql-promise 說明 node mysql操作封裝類,基於promise,借鑑75team開源項目thinkjs中model

原创 React: ref的使用

Refs and the DOM Refs 提供了一種方式,允許我們訪問 DOM 節點或在 render 方法中創建的 React 元素。 在典型的 React 數據流中,props 是父組件與子組件交互的唯一方式。要修改一個子組