原创 利用d3完成計算機各種掃描畫線算法,直線相交

中點畫圓,bresenham 直線 ,bresenham 多邊形填充,dda算法,直線相交 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

原创 各種多邊形算法

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="/scripts/mathematicsAndPhysics/linearAlgeb

原创 React 和nodejs一些小場景使用

  這個裏面有react+dva+redux+sage+mobx+antd一些常用操作和測試案例 react codesendbox 這裏面node 服務器方面的拾建,搭建服務器渲染的一些小測試 node

原创 開發圖形編輯器

一般開發這種需求,首先要了解幾個概念性的東西,才能更好的熟練使用這些框架。 節點 (就是每個圖形),有矩形、圖形,或者自義定圖形,像jsplumb它是通過svg和dom結合渲染 端點 (圖形上面的錨點)一般情況都固定圖形的上下左

原创 一個面向對象的虛擬dom diff渲染

一個面向對象的虛擬dom渲染,按照原生的node基類派生出textNode,element和component。功能只寫了一部分,主要通過面向對象去看,給人去了解這一塊內容,會更簡單一點。比如還有一些patch步聚我沒有去寫,在渲染過程中

原创 利用tween 實現react 簡單transition 效果的代碼

效果還可以,使用很簡單 在線演示地址:https://codesandbox.io/s/cocky-leakey-9by5p?fontsize=14&hidenavigation=1&theme=dark import React, {

原创 談談 Object.create ,JS的原型繼承

談到Object.create ,那就說說大家常用的原型繼承這一塊。 所謂繼承:我理解的是子類繼承了父類。當父類發生了變化,遺傳了它基因的子類會有影響。相反它的子類發生了變化,不會影響到父類 ecmascript  5.1 開始  Obj

原创 前端JS,設計理念及開發數據模型雙向綁定

類似knockout 、angular.js  大家可能都瞭解。他們的頁面元素可以綁定表達式,可以監聽模型,很牛逼。 下面的代碼是我寫了一個數據模型與頁面元素雙向綁定監聽框架。 比如用backbone 框架的。backbone 只是提供了