原创 angular primeng table 非sortIcon排序

功能目標:     點擊表格中一行,可向上、向下調整順序。如下圖,點【向下】按鈕後第一行、第二行交換順序。      組件:LayersWindow      利用primeng的table實現表格功能,html如下 <p-dialog

原创 angular primeng 彈出對話框修改

功能目標:     點擊列表項字符串彈出對話框,修改後關閉對話框,替換列表項原字符串。          點擊“background"時彈出圖2:            點擊【apply】,列表框background變爲backgroun

原创 javascript 代碼轉換爲 typescript 代碼

背景     用js寫了幾年前端程序,一直用extjs框架,最近學習了下angular覺得技術有必要升級換代了,於是就從把mxGraph從javascript轉換爲typescript開始了,本文介紹一下轉換中常見問題。 轉換步驟    

原创 angular2 隨鼠標移動伸縮的表格創建組件

功能目標:     用於獲取用戶輸入表格行、列數的組件,隨鼠標移動,表格行列數變化,覆蓋區域填充藍色,效果如下圖所示。      思路:    通過ngFor動態構造表格的行和列,通過maxrow,maxcol 控制表格白色區域,用row

原创 angular2 改造 primeng colorpicker 控件

功能目標:     改造primeng的colorpicker組件,增加RGB/HSB/HEX三種編輯模式、最近用過的顏色、常用顏色功能,並提供按鈕僅在點擊【應用】的情況下更新。     改造前後的功能對比如下圖所示。#ff0080 爲H

原创 typescript 字符串枚舉的正確姿勢:聯合(Union)

    字符串枚舉的三種姿勢:常量、枚舉、聯合,推薦用聯合。   常量方式     在老的javascript代碼中,有一個constants.js專門用來定義常量,裏面有大量的常量字符串(例如): //DIERECTION DIREC

原创 angular2 rxjs 實現強類型自定義事件

    事件(event)與rxjs中的可觀察對象(Observable+Observer)本質相同,在github上找到一個庫typed-rx-emitter封裝好了Emitter,讀index.ts代碼可以看出,Emitter通過Me

原创 angular2 rxjs 取消訂閱的最佳實踐

    對於非一次性的Observable的訂閱,是需要釋放的(模板html的async除外),最佳實踐是創建一個BaseComponent,爲所有子類組件提供一個ngDestroyed$ Subject,在 ngOnDestroy()

原创 primeng dropdown ngmodel 選擇項初始化

    PrimeNG 的 DropDown 組件官方例子提供了兩種方式:     1.cars: SelectItem[];  使用SelectItem,此時selectedCar1、selectedCar2、selectedCar3

原创 C# 按位類型轉換

在go語言中,自帶Float64bits,源代碼 func Float64bits(f float64) uint64 { return *(*uint64)(unsafe.Pointer(&f)) } 實質上是把8個字節的float6

原创 Extjs6.2 Checkbox 取消勾選無效問題

在頁面中點取消勾選,然後提交時發現對應的屬性仍然是true,研究文檔發現有個配置項“uncheckedValue”是用來定義取消勾選時的值,默認爲undefined,試着改成uncheckedValue:'false',發現好用。

原创 .net 異步更慢了

    做實時數據庫內核時,花了兩天時間把之前同步邏輯改成異步,重點涉及到IO處理的方法,本以爲性能會提升,因爲微軟官方文檔專門就io異步方式和算法異步進行了說明。今天測試結果大跌眼鏡,壓縮寫入文件的速度從10m/s下降到了3m/s,.n

原创 C#將各種數據寫入字節數組的快速方法

    最近在優化實時數據庫(參考influxdb寫的)存儲性能時,遇到了要將bool, int, long, double, string 序列化爲字節數組(mashal),然後再Snappy壓縮的部分,通過visual studio

原创 extjs + qrcode 實現二維碼功能

    網頁生成二維碼使用qrcode.js,不過qrcode.min.js貌似有bug,我直接用了qrcode.js。     Extjs需要封裝一個component: Ext.define('Arim.view.account.Q

原创 highchart多曲線tooltip補齊點

問題描述 用highchart畫多條曲線時,tooltip設置爲shared:true後,移動鼠標會顯示相同x下的多個y,但要求y不能缺否則就會丟點。 運行效果   解決方法 當然可以通過後臺將數據填充上,但最輕量級的解決方法是在form