原创 圖片列表頁面的加載優化
起因 源於文件拍照的列表頁預覽圖，由於圖片過大，後端設計時又沒有考慮到略縮圖的設計，原圖片加載時會有加載到一半圖片截斷的顯示效果，爲避免這種顯示問題，決定使用默認圖片填充和js隱式加載圖片的方式。 方案 1.爲每個img標籤添加統
2020-05-19 21:26:49
原创 在react外部靜態頁面獲取並調用組件中元素綁定的方法
起因 源於掃碼槍應用的後續，由於react好像無法支持oncomm方法，無奈只能繼續使用iframe加載靜態頁面的方式獲取串口數據，這就要求進行父子頁面數據的傳輸。 後續 首先想到使用postMessage方法。在chrome上成
2020-05-09 08:03:47
4
原创 web前端讀取串口數據
來自掃碼槍應用適配的經驗及擴展。 查了好多資料，發現實現思路不外乎以下幾種： 1.使用服務端開發語言開發一個讀取串口數據的本地服務模塊，並實現websocket長連接支持，前端開啓長連接到該服務，根據推送的數據進行操作。 2.針對
2020-04-23 05:52:44
原创 LeetCode——尋找兩個有序數組的中位數
題目： 給定兩個大小爲 m 和 n 的有序數組 nums1 和 nums2。 請你找出這兩個有序數組的中位數，並且要求算法的時間複雜度爲 O(log(m + n))。 你可以假設 nums1 和 nums2 不會同時爲空。 示例 1: n
2020-03-01 19:18:38
原创 LeetCode——驗證二叉搜索樹
題目： 給定一個二叉樹，判斷其是否是一個有效的二叉搜索樹。 假設一個二叉搜索樹具有如下特徵： 節點的左子樹只包含小於當前節點的數。 節點的右子樹只包含大於當前節點的數。 所有左子樹和右子樹自身必須也是二叉搜索樹。 示例 1: 輸入:
2020-03-01 19:18:38
原创 在Centos上搭建jupyter服務
初衷 方便在服務器上跑一些python爬蟲腳本 環境準備 Centos × 64 服務器 開始 由於Centos預裝的是2.×版本的python,而jupyter需要3.4以上的
2020-02-24 22:38:14
原创 使用JS判斷日期的有效性
爲了方便，這裏使用的是 yyyy/MM/dd 格式的日期。 一般策略： 將年月日分別取出，根據是否閏年和每月的日期進行判斷。 function judgeDate(date){ const rmons = [31,29,31,30,3
2020-02-24 22:38:14
原创 CSS佈局——聖盃佈局、雙飛翼佈局
聖盃佈局和雙飛翼佈局解決的都是兩邊頂寬、中間自適應的三欄佈局問題，要實現中間部分優先渲染。 先上兩個demo。 聖盃佈局： <!DOCTYPE html> <html> <head> <title>聖盃佈局</title> <met
2020-02-24 22:38:14
原创 JS+CSS實現滾動時間樣式
效果圖： 動畫實現的方案是縮減上方div的高度帶動整體上滑，然後用Js操作dom將最上方的div移到最下方。 主要css: .continer { display: flex; justify - content: c
2020-02-24 22:38:14
原创 JS+CSS實現漂亮的日曆特效（仿win10系統日曆）
初衷：無意見發現win10的系統日鼠標懸浮的特效非常好看，想嘗試一下用CSS和JS實現一下。 先上一下目前實現的效果圖： 難點是這種間隔效果和鼠標移動效果的實現，如下圖 間隔效果的實現我採用了 background-clip: co
2020-02-24 22:38:14
原创 CSS——設置頁面整體變爲灰色
應用於一些特殊的地方，比如設置懷念模式等。 body>* { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: gray
2020-02-24 22:38:14
原创 LeetCode——解數獨
題目： 編寫一個程序，通過已填充的空格來解決數獨問題。 一個數獨的解法需遵循如下規則： 數字 1-9 在每一行只能出現一次。 數字 1-9 在每一列只能出現一次。 數字 1-9 在每一個以粗實線分隔的 3x3 宮內只能出現一次。 空白格用
2020-02-24 22:38:14
原创 JS+CSS實現按鈕點擊波紋擴散效果
實現點擊時按鈕背景爲動態擴散的波紋效果。 效果圖如下： 頁面代碼： <!DOCTYPE html> <html> <head> <title>按鈕點擊特效</title> </head> <style> input[type=bu
2020-02-24 22:38:14
原创 關於npm依賴包全局安裝後報依賴包找不到的解決方法
npm全局安裝命令 npm install -g <package_name> 如果安裝之後仍然報依賴包找不到，原因大概率是未配置npm依賴包的環境變量 配置方法： 1.Windows環境 增加環境變量 NODE_PATH 指向到全局包
2020-02-24 22:38:14
原创 echarts圖表設置全局顏色
當項目需要定製echarts圖表的顏色時，可以採用以下兩種方法： 1.使用官方的主題定製工具 可以在基本配置裏面修改顏色和順序 在官方提供的構建工具裏還可以其他各種配置的定製選擇。 2.如果只是簡單的改變顏色，並且你也已經準備好了顏色
2020-02-24 22:38:14