原创 CSS3-字體圖標的使用

字體圖標具有輕量、靈活、兼容性強的特點;比圖片有較好的可編輯性,佔用空間小、可複用性強,從而被廣泛使用。 下面詳細介紹一下字體圖標的下載: 首先要到一些字體圖標庫網站去下載需要的字體圖標,一般 阿里巴巴矢量圖標庫 中都能找到自

原创 ES6-class關鍵字

class 關鍵字 es6 新增了 class 關鍵字,這是 es6 的新語法,用來實現 es6 中面向對象編程;可以通過該關鍵字來定義類。 class不存在變量提升,所以需要先定義再使用。 ES5: // 定義一個構造函數 fu

原创 Node.js-Nodejs操作mongodb數據庫

Node.js 操作 mongodb 數據庫首先要通過 npm i mongodb 命令安裝第三方包 mongodb,安裝完成後通過如下示例中的相關步驟即可操作 mongodb 數據庫了。 const mongodb = requ

原创 React-非受控組件

沒有受 React 控制,沒有設置 value 屬性的組件就是非受控組件;如果想要獲取非受控組件中的值需要通過 DOM 操作,通過 ref 屬性來獲取。 步驟: 首先在 constructor 構造中創建一個引用 let ip

原创 Node.js-url模塊

URL 是 Uniform Location Resource 的縮寫,翻譯過來就是 “統一資源定位符” 的意思,是描述資源位置的固定表示方法;URL 描述的資源可以是互聯網上的資源,也可以是本地資源;Node.js 的 url

原创 React-受控組件

所謂的“受控組件”簡單來說就是組件的狀態受 React 控制。 在 HTML 中,表單元素(如<input>、 <textarea> 和 <select>)之類的表單元素通常自己維護 state,並根據用戶輸入進行更新。而在 Re

原创 React-修改狀態

在 React 中不能直接修改組件的狀態,需要通過 setState() 來進行修改 語法: setState(updater[, callback]) updater 更新器 callback 更新後執行的回調函數 修改狀

原创 2018年11月黑馬java

鏈接: https://pan.baidu.com/s/1k9HGIPKUVyqYQGo0AejBIA 提取碼: 9b5s 鏈接如果失效了,可以加我網盤好友:平安小組 (加好友時記得備註資源名稱)

原创 React-虛擬DOM

先舉個例子: import React from 'react' import ReactDOM from 'react-dom' let myRender = () => { let el = ( <div>

原创 React-使用腳手架初始化項目

全局安裝 yarn(Yarn是facebook發佈的一款取代npm的包管理工具) npm install yarn -g 查看版本號: yarn --version 使用腳手架初始化一個項目的步驟 安裝相關的腳手架:cre

原创 HTML5-自定義屬性

HTML5 中規定所有的自定義屬性必須以 data- 開頭;通過 el.getAttribute() 和 el.setAttribute() 方法可以獲取和設置自定義屬性。 在 HTML5 中,所有以 data- 開頭的屬性都會存

原创 React-渲染元素

渲染 react 元素,首先要引入相關的包 // 導入核心包;用於創建 react 對象 import React from 'react' // 用於將 react 對象渲染成 DOM import ReactDOM from

原创 React-註冊事件

文章目錄註冊事件事件處理函數中 this 問題事件傳參獲取事件對象 註冊事件 React 元素的事件處理與 DOM 元素有些不同,React 通過事件綁定屬性的方式註冊事件時要採用駝峯式命名,其對應的屬性值爲一個函數而不是字符串。

原创 HTML5-新增classList屬性

HTML5 爲標籤新增了 classList 屬性,通過該屬性可以獲取指定標籤中 class 屬性對應的值,獲取到的值爲一個僞數組,僞數組中存儲的就是類名。 classList 屬性的 __proto__ 上有許多方法,比如:ad

原创 Ajax-發送請求的五個步驟

概述 Asynchronous Javascript And XML, AJAX 不是一門的新的語言,而是對現有技術的綜合利用。 ajax 是一種技術方案,依賴瀏覽器提供的 XMLHttpRequest 對象發出 HTTP 請求和