原创 GitHub 上值得前端學習的優質開源項目

GitHub 平臺上面有很多優秀且值得學習的開源項目,這裏總結了比較熱門的幾個開源項目: 地址:free-programming-books 簡介:整理了很多和編程相關的免費書籍,同時也有中文版項目。 地址:https://github.c

原创 CSS貝塞爾曲線

SVG與canvas繪製彎線都要用到貝塞爾曲線,它分兩種形式(二次方與三次方) 我們先看canvas的。 quadraticCurveTo(cp1x, cp1y, x, y) //二次方 bezierCurveTo(cp1x,

原创 Javascript全棧工程師養成攻略

鑑於阮一峯老師的技術文章,在此做一個轉載記錄。轉戰react技術一年,希望在技術上可以不斷精進,日後成爲一位大牛! 引子:《準備工作》 知識準備 環境準備 第一講:《前端開發的歷史和趨勢》 前端開發的歷史演變 前端MVC框架的興起 前

原创 H5跳轉google市場或者app store

場景1: 在 h5下載頁面上,不管用戶是否安裝過該app,都直接跳轉到應用市場(比如google play or app store)。 思路:這種場景處理比較簡單,直接判斷判斷是android端還是ios端,然後在點擊按鈕上賦值對應

原创 JavaScript 事件循環機制(Event Loop)

javascript從誕生之日起就是一門  單線程的  非阻塞的  腳本語言,單線程意味着,javascript代碼在執行的任何時候,都只有一個主線程來處理所有的任務,非阻塞靠的就是 event loop(事件循環),本文就講解下事件循環。

原创 Web 安全 —— XSS攻擊的原理

xss表示Cross Site Scripting(跨站腳本攻擊),它與SQL注入攻擊類似,SQL注入攻擊中以SQL語句作爲用戶輸入,從而達到查詢/修改/刪除數據的目的,而在xss攻擊中,通過插入惡意腳本,實現對用戶遊覽器的控制。 xss攻

原创 搭建前端監控系統

     怎樣定位前端線上問題,一直以來,都是很頭疼的問題,因爲它發生於用戶的一系列操作之後。錯誤的原因可能源於機型,網絡環境,複雜的操作行爲等等,在我們想要去解決的時候很難復現出來,自然也就無法解決。 最近在網上衝浪發現一個輕量級的前端監

原创 vue cli3.0構建多頁面應用

背景 實際工作中,存在不同業務之間的H5跳轉,由於跳轉的h5的場景比較多,於是想利用vue來構建多個項目應用。 下面我就來說說怎麼開發多頁面的Vue應用,以及在這個過程會遇到的問題。   準備工作 在本地用vue-cli新建一個項目,這個步

原创 廣告行業中的常用結算模式

廣告投放流程主要分爲展示和轉化,CPC/CPM/CPD/CPT/CPA/CPS等代表的是不同的結算模式 展示端的結算方式有: CPM(Cost Per Mille) 每千人成本:只要向足夠量級的用戶展示了廣告主的內容,廣告主就爲此付費。

原创 css優化之重排與重繪

瀏覽器的渲染機制 主要分爲以下幾個步驟: 解析HTML(HTML Parser) 構建DOM樹(DOM Tree) 渲染樹構建(Render Tree) 繪製渲染樹(Painting) 瀏覽器取回代碼後,首先會構造DOM樹,根據HTML

原创 windows + flutter +android+ vscode 安裝配置運行流程(詳細版本)

flutter 是由谷歌發佈的一個全新的響應式、跨平臺、高性能的移動開發框架,可以快速在iOS和Android上構建高質量的原生用戶界面。 框架特點 快速開發:Flutter的熱重載可以快速地進行測試、構建UI、添加功能並更快地修復錯誤。富

原创 Vue+Webpack之 代碼及打包優化

本文重點介紹Vue單頁面應用的優化手段: 異步加載 面切換時加loading特效 點擊延遲 inline manifest 邏輯代碼優化 依賴包體積優化 cdn引用 Vue代碼優化 異步加載 所謂的異步加載組件,其實就是組件懶加載。可以

原创 CROSS-ENV不同環境配置

項目背景 爲了適應h5環境搭建需求,需要動態配置開發,測試,生產三種對應域名及其及打包命令。使用cross-env可以讓配置環境更加清晰明瞭還好管理。 簡介 cross-env的作用是不需要全局配置NODE_ENV在scripts腳本中修改

原创 Vue.js實現大文件分片md5斷點續傳

背景 根據部門的業務需求,需要在網絡狀態不良的情況下上傳很大的文件(1G+)。其中會遇到的問題:1,文件過大,超出服務端的請求大小限制;2,請求時間過長,請求超時;3,傳輸中斷,必須重新上傳導致前功盡棄。解決方案實現思路,拿到文件,保存文件

原创 Js中數據類型判斷的幾種方法

判斷js中的數據類型有一下幾種方法:typeof、instanceof、 constructor、 prototype、 $.type()/jquery.type(),接下來主要比較一下這幾種方法的異同。 先舉幾個例子:   var