原创 React入門7-redux
1.背景介紹 react是單向數據流，一級一級組件傳遞這個過程是不能越級的，爲了解決深度嵌套， redux橫空出世 2. redux 安裝：npm/cnpm i redux (1). 分清兩個state Redux中的state和R
2020-06-15 21:58:21
原创 React入門6-組件通信
1.組件之進行通信的幾種情況 父組件向子組件通信 子組件向父組件通信 跨級組件通信 沒有嵌套關係組件之間的通信 2. 父組件向子組件通信 a. props b. ref 如下示例：父組件中對子組件添加標識：ref={this.headRe
2020-06-15 21:58:21
2
原创 d3-散點圖
1.效果展示 2. 代碼 <template lang='pug'> div.histogram-pane(:id='id') svg.histogram-container g.vie
2020-06-15 21:58:11
原创 canvas碰撞檢測-矩形
問題：實現一個鼠標移到矩形內則邊框變紅，鼠標離開矩形邊框變回之前的形態的效果？ 思路： 鼠標移動的事件中，獲取距離context的左邊和上邊的距離，ev.offsetX； ev.offsetY，只要判斷這個範圍在矩形範圍內即可。 代碼實
2020-06-15 21:58:11
原创 vue加載three模型成功，但顯示黑屏？
遇到問題解決方案： 遇到問題：導入到場景內的模型無法查看，而且也沒有報錯 這種會有可能有多種情況造成的，一般情況下都是下面兩種情況造成的： 1.模型太小或者太大，這種情況可以嘗試放大一千倍或者縮小一千倍來查看效果。 2. 模型的位置太偏，
2020-06-15 21:58:11
6
原创 React入門4-聲明週期
React 16.3+ getDerivedStateFromProps: 在調用render()之前調用，並在 每次 渲染時調用。 需要使用派生狀態的情況是很罕見得。值得閱讀 如果你需要派生狀態.（https://reactjs.org
2020-06-15 21:58:11
原创 vue項目中怎麼引入three以及其它模塊？
安裝： npm install three -S npm install import-three-examples -D 引用： import * as THREE from 'three' import { OBJLoader }
2020-06-15 21:58:11
原创 d3-動畫
1.效果圖 小球會從（0，0）位置過渡到最終的位置，顯示動畫效果，點擊更新、增加、減少按鈕能看到具體呈現的動畫效果！ 2. 代碼 <template lang='pug'> div.histogram-pane(:id='id
2020-06-15 21:58:11
原创 cesuim 可視化項目
西安市3d全景視頻組件：包含加載3d titles 模型， 搜索監控點位，監控點位視頻播放，視頻貼地模型播放等功能 1. cesuim 可視化項目：開發示例(部分)： 2. 使用的技術是VUE + Cesuim 部分代碼示例： 3d
2020-05-16 14:24:38
原创 vue項目中加載模型報錯
模型要放到public目錄下，可以新建一個文件夾models放各種模型，引入的時候 loader.load('models/changfang.obj', function (object) {}) 完整示例： <templa
2020-04-05 02:35:54
原创 d3-關係圖
1.做項目中，因需要，用d3寫了個人車關係圖 項目地址：https://github.com/davidpan123/vue-d3 點贊 收藏 分享 文章舉報 空谷足音 -จุ
2020-02-20 18:31:19
原创 d3-折線圖-中日GDP
1. 效果圖 2. code <template lang='pug'> div.histogram-pane(:id='id') svg.histogram-container g.v
2020-02-20 18:31:19
原创 數據結構-BitMap
BitMap是用bit位來記錄數據存在與否的一種算法。在處理大數據時，可以節省大量空間，速度也很快。 問題：已知有n個整數，這些整數的範圍是[0,100],請你設計一種數據結構，使用數組存儲這些數據，並提供兩種方法， 分別是addMemb
2019-09-15 14:17:50
原创 React入門8-複合組件
1. 匿名插槽 ---> 類似於 vue 中的v-slot function Dialog(props) { return <div style={{ border: "1px solid blue" }}>{props.chi
2019-09-06 09:32:11
原创 React入門10-react組件優化
1. 在shouldComponentUpdate聲明週期中， 自己處理邏輯 import React, { Component } from 'react' class Comment extends Component {
2019-09-06 09:32:11