原创 css 之文本兩端對齊
簡單實例 文本兩端對齊，首先想到的就是 text-align: justify，在實際的應用中，一段文本內容： <div style="text-align: justify;text-indent: 2em; /* 首行縮進 */widt
2019-10-30 09:05:30
原创 css 之空格處理
1、空格規則 HTML 代碼的空格通常會被瀏覽器忽略。 <p> hello world </p> 上面是一行 HTML 代碼，文字的前部、內部和後部各有兩個空格。瀏覽器的輸出結果如下: hello world 可以看到，文字的前部和後
2019-10-30 09:05:30
原创 水平垂直居中的方式
方式一 absolute && translate .parent { position: relative; } .son { position: absolute; top: 50%; left: 50
2019-10-29 18:05:24
原创 html5 head 標籤
一、html lang 屬性 以前我們常用的是 <html lang="zh-CN"> 或簡寫的 <html lang="zh">，但實際上 W3 language tags 推薦使用 zh-Hans 簡體中文、zh-Hant 繁體中文，可
2019-10-24 15:25:34
原创 手寫 editor web 富文本編輯器
手寫富文本編輯器，需要使用 react 中自帶的 Fragment 和 createRef，以及 execCommand 方法，這兩個到底有什麼作用呢。那麼，在演示代碼前先了解下 Fragment 、 createRef 及 execCom
2019-10-18 09:55:29
1
原创 BPMN使用小結
內部管理系統需要多種流程設計，方便在 Web PC 手動設計業務流程，保證單個業務可以設計多個流程，並且可以進行流程跟蹤的綜合要求。 起初 後端有一套自己的流程引擎，解析相應的 xml，然後部署業務流程。起初後端是想直接用 activiti
2019-10-17 20:05:22
28
原创 開發 HTML5 小遊戲
Html5小遊戲 在介紹小遊戲之前，先看一個框架 Phaser。Phaser 框架是一個 快速、免費且開源的 HTML5 遊戲開發框架，它提供了 Canvas 和 WebGL 兩種渲染方式，兼容 PC 端與移動端瀏覽器。 一、Phaser
2019-10-17 20:05:22
4
原创 獲取網頁相對邊距
1.getBoundingClientRect() getBoundingClientRect 用於獲取某個元素相對於視窗的位置集合。集合中有 top, right, bottom, left 等屬性。 let client = e.tar
2019-10-16 17:45:26
原创 React setState -- “異步”
setState 的執行是一個 '異步' 的過程，爲什麼會將這兩個字用引號代替，肯定其中有一定的道理，下面對 setState 進行分析 setState 源碼分析(v16.10.0) React 源碼，setState 中傳入兩個參數 p
2019-10-14 09:15:26
1