原创 MongoDB安裝與基礎語法
進入官網：https://www.mongodb.com 下載安裝（傻瓜式安裝） 配置環境變量（bin） 在C盤根目錄下新建文件夾：c://data/db 在終端輸入 mogond 如果看到 waiting for co
2018-12-29 03:18:18
原创 瀑布流佈局
瀑布流佈局的特點：寬度固定，高度不固定 如下： 實現思路： 每一行添加在高度最低的圖片下面 絕對定位 left：圖片寬度*索引 top：最小高度 創建一個數組，存放圖片高度 用當前窗口的大小除以每個區域的大小再取整，就可以
2018-12-24 00:45:31
原创 css filter屬性改變圖片顏色
之前在做相益項目的時候，有一個點擊改變圖片顏色的功能，一開始我用兩張圖片來實現的，後來發現可以用css的過濾器來實現，這樣還可以優化性能。 具體實現如下 把圖片變爲灰色 <!DOCTYPE html> <html lang="en">
2018-12-17 00:11:09
1
原创 BFC原理及應用
原理： BFC（Block Formatting Contexts）塊級格式化上下文 是一個獨立的渲染區域，並且有自己的一套渲染規則，它決定了其子元素將如何定位，以及和其他元素的關係和相互作用 內部元素的佈局方式不會影響到外部元素的佈
2018-12-17 00:11:09
原创 Web前端性能優化問題
Web前端性能優化的9大問題 1、請減少HTTP請求基本原理： 在瀏覽器(客戶端)和服務器發生通信時，就已經消耗了大量的時間，尤其是在網絡情況比較糟糕的時候，這個問題尤其的突出。 一個正常HTTP請求的流程簡述：如在瀏覽器中輸入"ww
2018-12-13 00:26:19
原创 call apply bind作用和區別
call和apply都可以用來改變函數裏的this指向，區別是 call(obj,1,2,3,)從第二個參數開始有多個參數，用來代表函數的實參 apply(obj,[1,2,3])第二個參數是一個數組，數組中的每一個元素對應一個實參
2018-12-08 00:58:43
原创 CDN原理
CDN的實現原理 在描述CDN的實現原理，讓我們先看傳統的未加緩存服務的訪問過程，以便了解CDN緩存訪問方式與未加緩存訪問方式的差別： 用戶提交域名→瀏覽器對域名進行解釋→得到目的主機的IP地址→根據IP地址訪問發出請
2018-12-08 00:58:43
原创 webpack原理及使用
前端打包工具有webpack、grunt、gulp等，這裏主要介紹webpack.一、webpack的基本能力：處理依賴、模塊化、打包 1、依賴管理：方便引用第三方模塊，讓模塊更容易複用、避免全局注入導致的衝突、、避免重複加
2018-12-08 00:58:43
原创 瀏覽器渲染原理及解剖瀏覽器內部工作原理
1、簡單地說，頁面渲染就是瀏覽器將html代碼根據CSS定義的規則顯示在瀏覽器窗口中的這個過程。先來大致瞭解一下瀏覽器都是怎麼工作的： 1. 用戶輸入網址（假設是個html頁面，並且是第一次訪問），瀏覽器向服務器發出請求，服務
2018-11-28 13:16:35
原创 css3 新特性=>僞類與僞元素的主要區別
僞類 E:link E:visited E:hover E:active E:focus E:lang(fr) E:not(s) E:root
2018-11-26 09:29:10
1
原创 浮動定位常見問題
給元素設置position：absolute後，使用margin：0 auto居中失效； 因爲margin:0 auto;是根據上一級元素來居中的； 解決: left: 50%; transform：translate（-50%）；
2018-11-26 09:29:10
原创 vue基礎
使用步驟 引包 具備Vue對象 啓動Vue， 通過Vue對象 去new Vue(options) 配置options的選項對象 el:‘目的地’, template:‘模板’， data:function(){ return {要
2018-11-26 09:29:10
原创 web站點安全問題
一、跨站腳本攻擊（XSS） 跨站腳本攻擊的英文全稱是Cross Site Script，爲了和樣式表區分，縮寫爲XSS。發生的原因是網站將用戶輸入的內容輸出到頁面上，在這個過程中可能有惡意代碼被瀏覽器執行。 跨站腳本攻擊可以分爲兩種：
2018-11-26 09:29:10
原创 ajax與fetch
Ajax的本質是使用XMLHttpRequest對象來請求數據 ajax的工作過程如下： fetch 是全局量 window 的一個方法，它的主要特點有： 第一個參數是URL: 第二個是可選參數，可以控制不同配置的 init 對
2018-11-26 09:29:10
原创 前端行爲層，表示層，結構層的分離
首先解釋一下這三層分別代表什麼 行爲層：即JavaScript 表示層：即css 結構層：即HTML結構 行爲層與表示層的的分離的意思是 不在用 js 來改變css 樣式，但可以通過 js 給元素添加class類名 來改變樣式；然
2018-11-26 09:29:10