原创 如何實現arcgis中MapServer服務要素的高亮

通過添加graphic來實現,代碼如下: //data爲需要高亮的要素信息 highLight = data => { const { view } = this.props.mapView; loadMo

原创 03------JS函數高級之執行上下文與執行上下文棧

執行上下文與執行上下文棧 1.變量提升與函數提升 變量聲明提升 通過var定義(聲明)的變量,在定義語句之前就可以訪問到 值:undefined 函數聲明提升 通過function聲明的函數,在之前就可以直接調用 值:函數定

原创 javascript的異步加載

什麼是異步加載javascript 使js文件脫離html解析的瀑布流加載,可以實現並行下載。 爲什麼要使用異步加載 默認方式是同步加載,一般將js寫在head裏,這就會導致在進行js加載的過程中,無法在其加載完成前對後續的內容進

原创 contenteditable=“true”編輯狀態時不允許換行效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"

原创 react深入之高階組件

什麼是高階組件 如果一個函數,接受一個或多個組件作爲參數並且返回一個組件,就可以稱之爲高階組件。 React中的高階組件 React中的高階組件主要有兩種形式:屬性代理(Props Proxy)和反向繼承(Inheritance

原创 通過按鈕控制div文本的編輯

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-

原创 div可編輯文本的選中文本效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device

原创 網址驗證的兩種正則表達式

1.驗證網址的正則表達式: var reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/;

原创 useState()的回調實現

通過一個例子說明一下: 功能:按鈕點擊使input組件顯示,顯示後實現input的光標聚焦。 分析:input組件顯示後才能調用input的focus()。 1.定義class的實現方式: import React from 'r

原创 webpack配置時對圖片文件的處理

1.安裝url-loader npm install --save-dev url-loader 2.配置 module.exports = { module: { rules: [ {

原创 更改前端路由且不刷新頁面的兩種方式

1.url的hash location.hash="名稱" 執行: 路由變成: 2.HTML5的history history.pushState() 三個參數:data,title, url 執行: 路由變成:

原创 箭頭函數中this的指向理解

測試代碼: <script> setTimeout(() => { console.log(this) // window對象 }, 1000) const obj = {

原创 webpack配置less-loader時報錯:loaderContext.getResolve is not a function

webpack配置less-loader時遇到錯誤: 原因:less-loader的版本過高 因爲我使用的webpack版本號是3.6.0,less和less-loader的版本過高,導致報錯。 降低一下less和less-

原创 字符串編碼,解碼

用的時候總想起不來,記個筆記。 encodeURIComponent() 函數可把字符串作爲 URI 組件進行編碼。 encodeURIComponent(URIstring) encodeURIComponent('http:

原创 antd design(4.x)中Upload應用------編輯縮略圖

import React, { useState, useEffect } from 'react'; import style from './index.less'; import { EditOutlined, Settin