原创 Visual Studio Code使用技巧以及常用插件的安裝與使用總結

前端開發常用工具介紹 sublime text:收費的代碼編輯器 ,打開速度快,效率高 Visual Studio Code(vs code):微軟開發的免費編輯器,集成終端效果好! atom:github發佈的代碼編輯器 we

原创 前端開發常用小技巧總結

關於CSS font-size/font-family 現在網頁中普遍使用14px+。 儘量使用偶數的數字字號。ie6等老式瀏覽器支持奇數會有bug。 各種字體之間必須使用英文狀態下的逗號隔開。 中文字體需要加英文狀態下的引號,

原创 前端開發 - 瀏覽器兼容問題總結

HTML5 語義化標籤的兼容性 IE8 以下版本不支持html5語義化標籤 現象: <!-- 現象: IE8 以下版本不支持 html5 語義化標籤 --> <header>我是header標籤, 我應該獨佔一整行</head

原创 ArcGIS API for JavaScript 3.x與4.x 去除ESRI logo的方法

寫在前面 arcgis for js中加載地圖,默認會有圖下的Logo。3.x與4.x去除方式分別如下: arcgis api for js 3.x版本去除logo map = new esri.Map("map", { ext

原创 CenterOS docker源的方式的安裝以及docker-compose加速安裝

問題解決 在以下安裝命令執行過程中,出現Another app is currently holding the yum lock; waiting for it to exit… 的問題。均可執行以下命令去解決。 rm -f /

原创 web前端開發之 -移動端屏幕的適配總結

前言 在前端開發中,適配移動端我們主要有以下幾種方式: 流式佈局:百分比佈局實現在移動端的寬高自適應 響應式佈局:css3中媒體查詢 REM(彈性)佈局:實現盒子的寬高自適應 最標準的viewport設置 視口寬度和設備保持

原创 一文掌握彈性佈局Flex使用

CSS3在佈局方面做了非常大的改進,使得我們對塊級元素的佈局排列變得十分靈活,適應性非常強,其強大的伸縮性,在響應式開中可以發揮極大的作用。 當給一個盒子設置了display:flex之後,這個盒子就有了主軸 和側軸 的概念。

原创 前端Webpack的性能優化點總結

減少 Webpack 打包時間 優化 Loader 對於 Loader 來說,影響打包效率首當其衝必屬 Babel 了。因爲 Babel 會將代碼轉爲字符串生成 AST,然後對 AST 繼續進行轉變最後再生成新的代碼,項目越大,轉

原创 Web前端開發代碼規範總結

概述 瀏覽器內核的不同,我們知道他們顯示頁面或者排版就有些許差異,所以我們要遵循web標準可以讓不同我們寫的頁面更標準更統一外,另外許多優點: 讓Web的發展前景更廣闊 內容能被更廣泛的設備訪問 更容易被搜尋引擎搜索 降低網站流

原创 CSS3之動畫得使用

動畫得基本使用 動畫可以通過設置多個節點來精確控制一個或者一組動畫,常用來實現複雜的動畫效果。 動畫與過渡的區別: 過渡必須觸發,需要兩個狀態的改變。 動畫可以一直運行下去,不需要觸發。實現效果與過渡差不多 用一個動畫的基

原创 CSS3之漸變、過度、2D轉換、3D轉換技巧總結

漸變 線性漸變 linear-gradient指沿着某條直線朝一個方向產生的漸變效果。 線性漸變的核心: 漸變方向 顏色 漸變範圍 /* 注意:漸變實際上相當與一張圖片,因爲需要加給background-image纔會生效

原创 一文完全掌握C語言指針

指針 C語言用變量來存儲數據,用函數來定義一段可以重複使用的代碼,它們最終都要放到內存中才能供 CPU 使用。 假設變量 a、b、c 在內存中的地址分別是 0X1000、0X2000、0X3000,那麼加法運算c = a + b;

原创 冒泡排序/選擇排序/插入排序(C語言版實現)

交換函數 // 交換倆個指針對應的值 int swap(int *x,int *y){ int temp; temp = *x; *x = *y; *y = temp; } 冒泡排序 // 冒泡排序 void bubb

原创 Markdown怎樣導出側欄帶目錄索引的html文件?

預覽 導出 1. 準備要轉成html的md文件 2. 安裝node (最好先安裝nvm),配置好環境變量 (不會的可以自己百度) 3, 在命令行輸入 npm install -g i5ting_toc 4. 在命令行進入到你的

原创 node環境配置,以及nvm管理node版本、npm找不到的問題

nvm安裝: nvm(Node Version Manager)是一個用來管理node版本的工具。我們之所以需要使用node,是因爲我們需要使用node中的npm(Node Package Manager),使用npm的目的是爲了