原创 視口（viewport）相關概念（一）
這系列文章將解釋 視口和各種重要元素的寬度是如何工作的，比如<html>元素，以及窗口和屏幕。（how viewports and the widths of various important elements work, su
2020-06-23 13:06:40
原创 常用佈局方法
table表格佈局 早期以table爲主，早期的表格解析並不是流式的，如果表格很長 瀏覽器會把整個表格的代碼都下載完後再渲染解析，這樣會造成用戶等待的時間過長。 事實上現在的瀏覽器性能都很高了，也可以對錶格佈局進行流式的加載，這種
2020-06-23 13:06:38
原创 git拉取遠程已有分支到本地
新建一個空文件，文件名爲aaa: mkdir aaa 進入aaa文件夾並初始化倉庫: cd aaa git init 與origin master建立連接（下劃線爲遠程倉庫鏈接）:git remote add origin
2020-06-23 13:06:37
原创 HTML元素分類和默認樣式的處理方法
HTML元素分類 按默認樣式分類 block 塊級：獨佔一整行，可以設置自己的寬高。 inline 行內元素，設置寬高無效。 inline-block 內聯塊級元素，可以和行內元素在同一行顯示，可以設置自己的寬高。 按內容分類
2020-06-23 13:06:37
原创 CSS中非佈局樣式（一）
CSS佈局是一塊非常重要的內容，這裏單獨介紹非佈局樣式。非佈局樣式有下面幾種分類（還有其它分類看系列文章）： 字體，字重，顏色，大小，行高 這些是跟文字相關的樣式。 字體族 族，顧名思義，就是一堆的東西，字體族就是一堆的字體，具體
2020-06-23 13:06:36
1
原创 視口（viewport）相關概念（二）
兩個視口（layout viewport &visual viewport） 因此視口太窄，不能作爲CSS佈局的基礎。顯而易見的解決辦法是擴大視口。然而，這要求將其分爲兩個部分：可視視圖和佈局視圖。 George Cummins
2020-06-23 13:06:36
原创 CSS選擇器分類和權重
CSS全稱“Cascading Style Sheet”，叫做層疊樣式表。CSS樣式就像透明的層一樣一層一層疊加起來 來修飾一個元素。 分類和權重 分類 元素選擇器 a{} 僞元素選擇器 ::before{} 類選擇器 .lin
2020-06-23 13:06:35
原创 CSS中非佈局樣式（三）滾動、粗體，斜體，下劃線 裝飾性的樣式，其它
滾動 跟頁面和佈局一點點關係。 當內容比容器大，容器裝不下內容時，就需要滾動。常見的主要有四種情況分別對應四種值：藍色區塊是容器，黑色部分是內容，此時內容大於容器 visible值 會把內容直接顯示出來撐出容器。 hidden
2020-06-23 13:06:35
原创 CSS中非佈局樣式（二）背景，邊框
CSS佈局是一塊非常重要的內容，這裏單獨介紹非佈局樣式。非佈局樣式有下面幾種分類（還有其它分類看系列文章）： 背景 跟盒子相關的樣式。 漸變色背景 和 多背景疊加 舊的寫法是：background: -webkit-linear-
2020-06-23 13:06:35
原创 旋轉圖像
來源：力扣（LeetCode） 鏈接：https://leetcode-cn.com/problems/rotate-image 給定一個 n × n 的二維矩陣表示一個圖像。將圖像順時針旋轉 90 度。 說明：必須在原地旋轉
2020-02-20 16:01:04
原创 代理模式
使用者無權訪問目標對象，中間加代理，通過代理做授權和控制。 舉例一： class ReadImg { constructor(fileName) { this.fileName = fileName;
2020-02-20 16:01:04
原创 webpack簡單使用
npm init npm install --save-dev @babel/core babel-preset-es2015 babel-preset-latest @babel/preset-env --registry=ht
2020-02-20 16:01:04
原创 職責鏈模式
一步操作需要多個職責角色來完成，把這些角色都分開，然後用一個鏈串起來，將發起者和各個處理者進行隔離。 比如：請假審批 class Action { constructor(name) { this.name
2020-02-20 16:01:04
原创 裝飾器模式
在不改變其原有的結構和功能下爲對象添加新功能。 舉例一： class Circle { constructor(name) { this.name = name; } draw() {
2020-02-20 16:01:04
原创 排序二叉樹
這是二叉樹參考圖： 構建排序二叉樹 function BinaryTree() { var Node = function (key) { this.key = key; this.lef
2020-02-20 16:01:04