原创 Flutter 入門開發

Flutter 入門開發 1.安裝Flutter搭建開發環境 2.學習一個商城項目 安裝Flutter 根據官網安裝開發環境 安裝過程會下載一些包,這些包的倉庫服務器在國外,要找國內源替換,推薦清華源 在清華源官網,找到flut

原创 Chrome DevTools 中調試 JavaScript

Chrome DevTools 中調試 JavaScript 今天無意打開 google chrome 開發文檔,閱讀了其中一章 關於 JavaScript 的調試 入門 發現有一些以前沒有注意到的技巧,比如監聽事件斷點,監聽c

原创 學習設計模式——裝飾器模式

裝飾器模式 在不影響原有功能的情況下,增加新功能 裝飾可以增加多個,給共同目標對象添加額外功能 代碼例子 es5代碼 // 毛坯房,目標對象 function OriginHouse() {} OriginHouse.pro

原创 學習設計模式——策略模式,使用策略模式優化校驗表單

使用策略模式校驗表單 還在使用if else 校驗表單?每次增加字段都要加 if,編碼體驗實在太差,快來使用策略模式 策略模式的主要思路是,定義一些策略,一般存到對象裏面(策略池),然後需要使用哪種策略方法,就在需要的地方調

原创 vue列表左滑刪除組件

vue 列表左滑刪除組件 定義組件 list_drop.vue <template> <div class="slider"> <div class="content" @touchstart="touchStart"

原创 在jupyter notebook中同時安裝python3和python2(可以在jupyter中隨意切換)

下載最新版的anaconda,python版本是3.x,jupyter notebook 的內核版本也是基於 python 3 由於還有一些庫沒有支持 python3.x ,需要切換 python2.x的版本 本地電腦環境

原创 npm 發佈一個自己的package

npm 發佈一個自己的package npm 包發佈流程 註冊 npm 賬戶 方式1:npm官網註冊 方式2:通過終端註冊 $ npm adduser Username: YOUR_USER_NAME Password

原创 堆是一個完全二叉樹,用js實現堆

堆和堆排序:爲什麼說堆排序沒有快速排序快? 堆排序交互數據次數比快排的多 堆: 堆是一個完全二叉樹; 堆中的每一個節點的值都必須大於等於(或小於等於)其子樹中每個節點的值。 大頂堆,根節點最大 小頂堆,跟節點最小 /*

原创 學習設計模式——組合模式

文章目錄實戰,藉助組合模式,實現dom樹節點的創建優缺點適用場景 組合模式,又叫整體-部分模式,它允許你將對象組合成樹形結構來表現 整體-部分層次結構,讓使用者可以以一致的方式處理組合對象以及部分對象。 例如樹形文件目錄結構,

原创 css3 實現背景漸變色與背景圖片並存效果

css3 實現背景漸變色與背景圖片並存效果 先看效果 背景是漸變色+淺色透明圖案組成,UI沒有完全切成一張圖,剛好試試看能不能使用 背景漸變+圖片的效果。 對兼容性要求高的不要這樣做,直接叫UI切合成一張完整的背景圖 htm

原创 從 Git 中移除某些歷史 Commit

在 Git 開發中通常會控制主幹分支的質量,但有時還是會把錯誤的代碼合入到遠程主幹。 雖然可以 直接回滾遠程分支, 但有時新的代碼也已經合入,直接回滾後最近的提交都要重新操作。 那麼有沒有隻移除某些 Commit 的方式呢?可以一次 re

原创 canvas生成圖片踩坑指南

背景:公司業務需求,要實現分享海報的功能,結果遇到的坑太多了,填不完。記錄下來,方便下次查看。 H5生成圖片的原理是使用 canvas 的 toDataURL 方法生成 base64 圖片 直接用 canvas 繪圖佈局不夠方

原创 使用D3.js——初步使用

使用D3.js 公司項目有這樣一個需求,客戶發展的用戶關係通過樹狀圖形式展示, 該等級是無限級別,用傳統的文件數結構展示不夠直觀 於是使用D3的樹狀圖結構 一個可縮放的樹狀圖 效果圖: 實現代碼如下: https://git

原创 學習設計模式——建造者模式

建造者模式 建造者模式(Builder Pattern)又稱生成器模式,分步構建一個複雜對象,並允許按步驟構造。同樣的構建過程可以採用不同的表示,將一個複雜對象的構建層與其表示層分離。 例如汽車裝配,汽車由車身、引擎、輪胎組合而成

原创 用 prettier 格式化工具統一項目代碼風格

prettier 代碼格式化工具 詳情參考官網:https://prettier.io/ 實踐 在一個老舊項目配置 prettier 格式化舊項目的代碼,達到維護風格統一的目的 1.安裝 yarn add -D prett