原创 使用Webpack/React去打包構建Electron應用
前言 Electron是一個跨平臺創建桌面應用程序的框架，允許我們使用HTML/CSS/JS去創建跨平臺桌面應用程序。隨着大前端的發展，當我們去開發Web UI時，會習慣性的使用Webpack等構建工具以及React等錢的MVVM
2020-07-05 04:27:19
18
原创 JSONP從原理到實現
相信AJAX大家都熟悉，以前使用AJAX做前後端交互經常會碰到請求跨域，關於什麼是跨域可以自行百度(不是很難)，所以引入本文的主角JSONP，一個有效的跨域解決方案。本文儘量以最簡單的方式解釋什麼是JSONP，以及JS代碼的實
2020-06-04 02:08:28
1
原创 在NodeJS下實現簡單的ORM框架
前言 ORM即Object Relational Mapping，中文翻譯過來就是對象關係映射，是一種爲了解決面向對象與關係數據庫存在的互不匹配的現象的技術。簡單的說，ORM是通過使用描述對象和數據庫之間映射的元數據，將程序中
2020-06-04 02:08:28
21
原创 原生JS拖拽從原理到實現
拖拽在js中挺常用的，不過目前有很多做拖拽的插件，H5也以及支持了拖拽事件，不過了解一下拖拽的原理也是有必要的，其實用原生js實現拖拽並不難。 首先講一下拖拽的原理，假設瀏覽器上有一個元素(元素已經絕對定位了)，起始位置爲(mx, my)
2020-06-04 02:08:28
3
原创 基於JAVA的聊天APP（使用JavaFx構建美觀的UI界面）
之前JAVA老師佈置的大作業，自選標題，然後我選的是實現一個聊天軟件，使用JAVAFX來做界面(跟SWING差不多，但是可以用CSS來美化界面，而且拖入式佈局比較方便)，實現的功能有登入註冊，找回密碼，更改頭像，發送接收消息，查看
2020-06-04 02:08:28
36
原创 揭開React Hooks神祕面紗
揭開React Hooks神祕面紗 React Hooks簡介 React Hooks是React 16.8的新增特性，它可以讓你在不編寫類的情況下使用state和其他React功能。hook翻譯過來就是“鉤子”，即在函數式組件
2020-02-24 04:20:24
原创 JSBridge原理淺析與實踐
在字節跳動實習了一段時間，JSBridge使用的比較頻繁，之前只是看了些簡單的JSBridge概念，一直沒有時間去了解從客戶端到JavaScript的一個通信原理（JSBridge）。最近花了點時間學習了從Android端到
2020-02-20 20:41:19
原创 100行代碼教你實現類Webpack的JS打包器
前言 早期JavaScript只需要實現簡單的頁面交互，幾行代碼即可搞定。隨着瀏覽器性能的提升以及前端技術的不斷髮展，JavaScript代碼日益膨脹，此時就需要一個完善的模塊化機制來解決這個問題。因此誕生了CommonJS(
2020-02-20 20:41:19
原创 Node.js C++插件實踐指南
簡介 熟悉Node.js的人都知道，Node.js是基於C++開發的一個JavaScript運行時，既然Node.js是用C++開發的，那麼我能否將C++代碼引入到Node.js中呢，這當然是可以的，這項技術被稱爲C++模塊。官方
2020-02-20 20:41:18
原创 字符串匹配，KMP瞭解一下
如何判斷一個字符串是不是另一個字符串的子串，我們第一反應就是indexOf或includes或者用正則，雖然沒有什麼不對，但是還是需要了解一下字符串匹配是怎麼匹配的。在計算機科學中，Knuth-Morris-Pratt字符
2019-09-06 02:21:19
原创 如何用Echart正確的繪製甘特圖（適用於React）
前言 之前實現作業車間調度問題甘特圖繪製，搜索過如何用Echart繪製甘特圖，發現繪製方法都一毛一樣，都是通過疊加series來實現，但這樣繪製出來的甘特圖，不僅夠醜，而且數據也難以描述，如果要在react這種mvvm中繪製的話，也沒法對
2019-08-06 02:00:50
166
原创 作業車間調度與遺傳算法Python/Java實現及應用：BitMES，基於Electron的作業車間調度系統
作業車間調度問題描述 作業車間調度(Job shop scheduling problem, JSP) 是車間調度中最常見的調度類型，是最難的組合優化問題之一，應用領域極其廣泛，涉及航母調度，機場飛機調度，港口碼頭貨船調度
2019-08-06 02:00:50
原创 Java反射應用：基於Redis實現一個通用的Dao類
前言 Redis是開源的，內存數據結構存儲的健值數據庫。即Key: Value形式來存儲每一個數據，以Redis String、Hash、List類型爲例： String 相當於 Map<String, String> Hash
2019-06-24 14:46:23
7