原创 LeetCode——Longest Palindromic Substring

題目： Given a string s, find the longest palindromic substring in s. You may assume that the maximum length of s is 1000.

2019-07-01 15:57:41

原创 d3.js交互圖表

d3js v5.9.2 如果對原生JS還有Jq比較熟悉的話，d3的交互很快就能掌握 還是拿完整的柱形圖例子修改：完整的柱圖 selection.on() d3通過selection.on()對元素進行事件綁定或移除，用法很簡單，例如

2019-04-05 19:55:07 2

原创 d3.js 動態圖表

d3js v5.9.2 使用d3創建動態圖表主要使用到了d3.trasition部分的API，通過他們可以完成動畫 我的學習記錄是通過一個例子瞭解這些API 會動的柱狀圖 還是拿之前的例子，代碼在此：完整的柱圖 修改的代碼部分在於創

2019-04-04 17:45:03 7

原创 d3.js 創建完整柱形圖

d3js.org v5.9.2 之前只是各個部分的demo，現在將各部分整合起來，發現還是學到了不少東西 主要是加深了對scale（比例尺）的理解 代碼 樣式及數據 先是樣式 <style> rect { fil

2019-04-04 14:45:10 2

原创 d3.js 使用座標軸

本片blog記錄d3座標軸入門，使用版本v5.9.2 SVG如何實現座標軸 d3生成的座標圖是通過svg的path(路徑)元素 + g + line + text元素組成的，如下圖 path表示的是底部座標軸（不包括內部刻度），如下

2019-04-03 20:04:59 54

原创 d3數據綁定與selection實踐

本篇blog的使用的d3版本爲d3.js v5.9.2 將按照簡要介紹、實驗及意義進行 簡要 d3.js通過data join（數據綁定）創建，更新及銷燬元素，如何操作元素則是通過selection。總結如下 其中，selection的

2019-03-31 01:05:01 3

原创 d3.js——使用svg

相比HTML元素，使用SVG可以繪製出更多的圖形，此文嘗試將d3.js與SVG結合 由於我也是第一次使用SVG，所以主要根據此篇blog的順序來Let’s Make a Bar Chart, II 靜態SVG使用 手打SVG <style

2019-03-23 22:15:07

原创 d3.js入門——selection與創建條形圖

入門d3.js，根據官網部分教程學習，發現因爲版本更新，有些api和概念可能不適用，但總體思想未變。本文思路跟隨此篇blogLet’s Make a Bar Chart學習，加上自己的理解，並且查閱了部分更新資料 元素選擇 d3通過d3.s

2019-03-23 16:35:12

原创 BFC及應用學習總結

首先回顧一下普通流，普通流對後面進一步瞭解BFC有很大的作用 普通流（Normal Flow） 普通流是網頁中元素的默認排版，默認情況下 塊級元素：以block flow direction排列（每一個塊級元素新起一行，即以從上往下以列排

2019-03-21 15:35:08

原创 canvas——橡皮筋式線條繪圖應用

什麼叫橡皮筋式 指畫圖時橡皮筋一樣伸縮自如。。 例子如下👇 思路 思路很簡單，只有橡皮筋式繪製功能要注意，以下總結mousedown，mousemove，mouseup三個階段的思路 mousedown：記錄start位置，drag

2019-02-02 20:25:06 1

原创 js事件委託總結

補充一直沒寫的總結👀當簡單回顧咯 DOM事件流 DOM事件流包括三個階段：事件捕獲階段，處於目標階段與事件冒泡階段 即比如點擊td元素時，由外至內層會經歷捕獲階段，目標階段，冒泡階段三個階段，相應地會觸發路徑元素上的事件 此外，ad

2019-02-01 20:15:01 1

原创 LeetCode——Longest Substring Without Repeating Characters

原問題 Given a string, find the length of the longest substring without repeating characters. Example 1: Input: "abcabcbb"

2019-01-30 16:12:46 1

原创 Three.js 選擇拾取對象學習總結

Three.js 選擇對象的本質是從點擊位置發射光線，但屏幕座標系與webgl座標系是不同的，而把屏幕的二維座標轉化爲三維座標就是關鍵，做一步換算後交由Raycaster的setFromCamera方法即可。所以思路如下：1.獲取屏幕座標(

2018-12-19 21:32:43 2

原创 ES6解構賦值學習總結

ES6提供瞭解構賦值的方式，這樣子在賦值多個變量或者進行註釋時可以方便很多，不同場景下也有很多新的應用，個人常使用的有數組的解構賦值，對象的解構賦值和函數參數的解構賦值，函數參數的解構賦值之前總結過，這裏寫下數組的和對象的簡單總結吧函數參數

2018-12-10 19:42:44

原创 Django + Apache 部署

吐吐槽 此篇blog將詳細記錄部署Django的每一個步驟，網上現有的教程實在太少太老了！！第一次嘗試後臺很懵，踩了一些坑，最坑的地方是安裝的wsgi部分模塊需要更新。B站真是個學習的地方，竟發現了楊老師的部署視頻，楊老師的B站主頁放於文末

2018-11-26 21:33:26