原创 css 動畫 animate

案例 加載中 動畫 效果: 代碼: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> <style> div

原创 css3彈性盒子+小程序佈局

CSS3 彈性盒子(Flex Box) 彈性盒子是 CSS3 的一種新的佈局模式。 CSS3 彈性盒( Flexible Box 或 flexbox),是一種當頁面需要適應不同的屏幕大小以及設備類型時確保元素擁有恰當的行爲的佈局方式。 引

原创 前端工具,網址推薦,方便開發,學習。

  在線沙盒環境 codesandbox:https://codesandbox.io(速度還可以接受)   在線接口文檔 showdoc:https://www.showdoc.c (值得嘗試)   在線壓縮圖片 無損壓縮 熊貓 :ht

原创 Openlayers layer 切換底圖

我的openLayers案例地址:http://cyclv.gitee.io/openlayers/ 主要記錄一個地圖切換 layer  let olGd = new TileLayer({ source: new XYZ({ url:

原创 React開發中常見問題和 Warning

React 內存泄露 譯文:索引。警告:無法對未掛載的組件執行React狀態更新。這是一個no-op,但它表明您的應用程序中存在內存泄漏。要修復此問題,請取消componentWillUnmount方法中的所有訂閱和異步任務。 解決方案

原创 React 通過style來設置背景圖片。

React 中,給元素設置樣式主要有兩種, 一,引入CSS文件 這種不用多說,通過 import  import '../views/css/bases.css'; 這種方式適合,樣式比較複雜,多的情況 。 二,設置元素的 style

原创 React router 路由 入門安裝

地址:https://react-router.docschina.org react router (核心路由功能) react-router-dom (編寫將在瀏覽器中運行的應用程序) react-router-native (編寫

原创 React 路由 中 BrowserHistory 刷新報404

安裝 react-router-dom 的安裝  npm install react-router-dom 常用的 history 有三種形式, 但是你也可以使用 React Router 實現自定義的 history。 browser

原创 react 結合 axios 異步請求封裝

安裝 : npm install axios 開始封裝: 新建一個http.js,通過promise進行異步,axios進行請求。 import axios from 'axios'; import { message } from '

原创 OpenLayers geojson 進行展示矢量標籤展示

效果預覽: 在線沙盒地址:https://codesandbox.io/s/olditucontrals-dnvcl GeoJSON: GeoJSON是一種對各種地理數據結構進行編碼的格式,支持下面幾何類型:點、線、面、多點、多線、多面

原创 React 詳解,組件,條件渲染

安裝使用React,(npm,webpack) 命令: npx create-react-app my-app cd my-app npm start 安裝教程,可以參考 菜鳥教程 React安裝 還有介紹目錄 jsx,動態設置,rea

原创 redux react-redux入門篇

接觸react 之後不就, 就練習react-redux,結果是一團糟越看越覺得不同,最後總算攻克了。 網址:https://www.redux.org.cn(中文),https://redux.js.org(英文) 介紹 redux:R

原创 nginx 配置入門 進行跨域

安裝: 下載地址:nginx.org  安裝後文件目錄如下 nginx.exe  啓動文件 conf/nginx.conf  配置文件 logs nginx日誌  配置 nginx.conf  進行跨域 server { liste

原创 threejs 入門中的OrbitControls

threejs 可以通過 npm install three 來安裝 文檔介紹 OrbitControls(軌道控制) 軌道控制使攝像機可以圍繞目標旋轉。 參數 OrbitControls(object:Camera,domElement

原创 vue 中使用axios的總結

1.介紹axios 我就不介紹了,直接上中文文檔鏈接  http://www.axios-js.com/ 框架整合vue-axios   nuxtjs-axios  react-axios 2.在vue中使用的方式有兩種 第一種,(axi