原创 圖像類型與圖片格式

一、圖像尺寸 顯示器上的圖像是由許多點構成的,這些點稱爲像素,意思就是“構成圖像的元素”。但是要明白一點:像素作爲圖像的一種尺寸,只存在於電腦中,如同RGB色彩模式一樣只存在於電腦中。像素是一種虛擬的單位,現實生活中是沒有像素這個

原创 背景色及色彩搭配方案推薦

一、漸變背景色方案 *括號內爲淺色漸變方案就是有白色字體的模塊 1、#008F6C漸變到#1B18AF(#02CB9F到#2623FA) 2、#9F365F漸變到#1B18AF(#E5508A到#05BEA7) 3、#D

原创 滑動穿透終極解決方案

問題描述 滑動穿透:浮層上的觸控會導致底層元素滑動。 問題探究: 1、給body加overflow:hidden,pc端可以鎖scroll,移動端無效 pc端可以直接overflow:hidden解決 2、給body加overfl

原创 從渲染原理談前端性能優化

前言 合格的開發者知道怎麼做,而優秀的開發者知道爲什麼這麼做。 這句話來自《web性能權威指南》,我一直很喜歡,而本文嘗試從瀏覽器渲染原理探討如何進行性能提升。 全文將從網絡通信以及頁面渲染兩個過程去探討瀏覽器的行爲及在此過程中我

原创 如何理解v-model的實質爲語法糖

vue的v-model爲表單的完成提供了極大的便利,可以進行數據綁定,例如將input框的值和span值綁定,只要重新輸入顯示值會立即更改。下面我們來分析這一命令是如何實現的。在官方文檔中解釋這一名令實際僅是一個語法糖。那麼首先我

原创 chai中文文檔

原文檔地址:https://www.chaijs.com/api/bdd/ BDD風格包含expect和should。它們以相同的鏈式結構進行斷言,它們的不同之處在於初始的斷言構造。可以查看風格指南來進行比較。 譯註:風格指南中相

原创 Vue風格指南

1、組件名爲多個單詞 2、組件的 data 必須是一個函數。 3、Prop 定義應該儘量詳細。 props: { status: { type: String, required: true, valida

原创 詳解vue-cli中的webpack配置

直接用vue-cli創建的項目可以創建一個單頁面應用,開發環境和生產環境都是以一個單獨的項目爲目錄的。在寫一些有共性的模塊時需要將所有組件放在同一個大的框架下的同時又需要每個模塊可以進行單獨的啓動和打包。此時就需要進行個性化配置。 場

原创 詳解git fetch與git pull的區別

git fetch和git pull都可以將遠端倉庫更新至本地那麼他們之間有何區別?想要弄清楚這個問題有有幾個概念不得不提。 FETCH_HEAD: 是一個版本鏈接,記錄在本地的一個文件中,指向着目前已經從遠程倉庫取下來的分支的末端版本。

原创 移動端手勢封裝

一、手勢封裝的兼容與實驗 在微信瀏覽器及手機自帶瀏覽器當中的自帶手勢會影響事件的觸發 微信的自帶手勢包括但不僅限於 頁面頂部下拉刷新 長按彈出菜單 上下滑動翻動頁面 雙指縮放 在有默認手勢時可能出現的問題有無法正常觸發touche

原创 前端學習筆記(不定期更新)

注:沒有標註書名只有頁數的參考來源均指代《Javascript權威指南第六版》,其他參考均有書名或網址標註。 一、易產生誤區知識點記錄 1、[] == ! [] 所有對象都轉化爲true(P52),數組是對象,因此空數組[]轉化爲布

原创 神經網絡(一)——什麼是神經網絡

現今時代隨着AI技術的火熱,深度學習,機器學習、人工智能等詞彙越來越多的出現在視野當中,那麼這些之間有什麼關係呢?我們先來看看定義: 人工智能:人工智能是計算機科學的一個分支,它企圖瞭解智能的實質,並生產出一種新的能以人類智能相似的方式做

原创 touch端的手勢庫封裝

因爲第一次做封裝所以感覺在代碼易用性和可複用性方面都有待提高,會在後續不斷完善和改進。目前支持的手勢包括長按,雙擊、滑動(四個方向的滑動)、縮放(放大、縮小)、旋轉,使用方法爲: 將代碼加載後使用gesture()函數來進行事件的綁定和

原创 基於前後端分離的身份認證方式——JWT

目錄: 一、什麼是JWT 二、我們爲什麼要使用JWT(與傳統的session認證有何區別) 三、如何使用JWT 四、JWT的構成及原理 五、JWT加解密實例 一、什麼是JWT JWT——Json web token 是爲了

原创 跨域方案淺析

要說跨域首先了解同源策略: 同源策略,它是由Netscape提出的一個著名的安全策略。 現在所有支持JavaScript 的瀏覽器都會使用這個策略。 所謂同源是指,域名,協議,端口相同。 實現跨域通常用以下三種方法 JSONP:網