原创 state的理解

針對state要明確三件事: 1.不要直接修改state // 錯的 this.state.name = 'alice'; 應該使用setState() // 正確 this.setState({ name: 'alice'

原创 antd design(4.x)中的Form

1.初始化表單數據 initialValues:表單默認值,只有初始化以及重置時生效。 代碼示例如下: <Form layout="horizontal" form={form} initialValues={{

原创 CSS之清除浮動

什麼是CSS清除浮動? 在非IE瀏覽器下,當容器的高度爲auto,且容器的內容中有浮動(float爲left或right)的元素,在這種情況下,容器的高度不能自動伸長以適應內容的高度,使得內容溢出到容器外面而影響佈局的現象。這個現

原创 CSS中的position屬性

定位 定位指的就是將指定的元素擺放到頁面的任意位置,通過定位可以任意的擺放元素, 通過position屬性來設置元素的定位 屬性值: 固定定位fixed 元素的位置相對於瀏覽器窗口是固定的,不會因爲頁面的滾動而移動。fixed定

原创 div垂直居中的方法

方法一:margin:auto法 定義上下左右爲0,margin:auto,實現脫離文檔流的居中 //css .div1 { position: relative; width: 200px; heigh

原创 react中如何綁定this方法整理

方法一: ES6中可以在構造函數中,直接將當前組件(或者叫類)的實例與函數綁定 示例代碼: 方法二: 在方法編寫結尾的時候綁定this 示例代碼: 方法三: 在方法調用的時候綁定this 示例代碼: 方法四:

原创 react中父子組件通信傳值

父組件向子組件傳值-----props 父組件: import React, { Component } from 'react'; import Child from './Child'; class Parent exten

原创 07------數組深入

認識數組 內置對象是JS語言自帶的對象,提供了一些基本的功能供開發者使用。常用的內置對象有Math、String、Array、Date等。 對象:屬性(變量)和方法(函數)的集合 數組就是對象 可以存儲多個不同類型的數據 創建

原创 cesium查詢arcgis/wms服務並實現自定義信息框,分頁展示查詢要素

想實現自定義信息框,首先要在cesium初始化時,將默認的infoBox設置爲false,因此要自己手動實現查詢功能。 1. 監聽點擊事件,對arcgis/wms服務進行查詢 具體實現代碼如下: const _self =

原创 react中cesium添加billboard廣告牌,billboard點擊事件和鼠標滑過效果

剛做完項目中廣告牌的效果,順便分享一下。更多可以參考官網的例子查看詳情 先上效果圖: 1.添加廣告牌: 2.鼠標滑過效果(放大了一點點): 3.鼠標點擊後,視野定位到具體的位置: 1.添加廣告牌代碼: viewer.enti

原创 04------JS函數高級之作用域(鏈)、閉包

作用域和作用域鏈 1.作用域 理解: 就是一塊地盤,一個代碼所在的區域 它是靜態的(相對於上下文對象),在編寫代碼的時候就已經確定 分類: 全局作用域 局部作用域 塊作用域(ES6) 作用: 隔離變量,不同作用域下同名變

原创 如何在nginx中配置多個前端項目

首先安裝好ngnix,找到目錄下的html文件夾,將自己打包好的前端項目放在html文件夾下,如下圖: 找到conf>nginx.conf文件,以我框選出來的爲例,配置好想設置的端口號,對應的文件夾名稱。 重啓nginx,訪問

原创 08------JS字符串深入

字符串 有兩種形式的字符串:基本類型,對象類型 對象類型的字符串封裝了一些屬性以及方法,而基本類型則沒有 可以直接用基本類型字符串調用字符串對象封裝的屬性及方法,無須手動轉換 var str = 'hello world' c

原创 06------線程機制與事件機制

進程與線程 1.進程 程序的一次執行,它佔有一片獨有的內存空間 可以通過windows任務管理器查看進程 2.線程 是進程內的一個獨立執行單元 是程序運行的一個完整流程 是CPU的最小調度單元 如下圖: 3.相關 應用

原创 01------JS基礎總結

數據類型 1.分類 基本(值)類型 Number: 任意數值 Srting: 任意字符串 Boolean: true/false undefined: undefined null: null 對象(引用)類型 Object