原创 前端學習進階步驟

轉載鏈接:https://www.zhihu.com/question/39721183/answer/83536633 比較推薦的學習過程應該是以興趣爲驅動的,用搜索做輔助: 1. 我想做一個個人網站,或者給我們團隊或者小組做一些介紹頁

原创 前端異常監控實現方案介紹

綜述:前端頁面是最貼近用戶的,異常監控並上報很重要 參考文檔:https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/                

原创 在vps(centos)上部署前端應用的總結

綜述:將遇到的坑記錄下來 1.申請vps-vultr創建linux系統服務器 2.安裝jdk,使用vim編輯配置環境變量 3.通過xftp或者winscp工具將tomcat包上傳到linux服務器上 4.使用命令將服務器啓動起來 5.

原创 在線模擬ajax請求——fastmock平臺介紹

綜述:一個挺好用的模擬ajax請求的平臺,對於開發有極大的幫助作用 官方說明文檔:http://fmdocs.fastmock.site/book/ 1.要解決的問題 fastmock可以讓你在沒有後端程序的情況下能真實地在線模擬aj

原创 PWA(Progressive WEB APP)漸進式web應用介紹

綜述:將所學的知識主要內容記錄下,加深理解和印象 1.pwa技術產生的背景 目前native app由於不能跨平臺,需要多次發版,開發成本高,產生了hybrid App開發模式 基於web APP存在的依賴應用商店,不能緩存使用應用,

原创 使用npm安裝包本地快速啓動前端項目方法

綜述:很好的一個快速啓動服務的方法 1.步驟說明 npm i -g serve 2.在powershell中cd到希望啓動的項目目錄下 3.輸入以下命令 serve 4.訪問窗口顯示的鏈接即可 5.如果是移動端,配合前端組件,生

原创 拖拽和拉伸div元素功能實現

綜述:綜合開查對於元素的API的使用和邏輯思維能力,非常有用的一個實現思路 1.實現拖拽和四個方向拉伸元素的實現方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset

原创 二叉樹數據結構及中序遍歷實現排序

綜述:基於二叉樹數據結構實現排序,,在百度搜索排序的時候,如果使用冒泡排序,會存在很大的性能問題,如果使用二叉樹排序,性能將有大的提高。 課程鏈接:https://www.imooc.com/video/15744 1.實現一個二叉樹

原创 如何渲染幾萬條數據但不卡主頁面之 requestAnimationFrame

綜述:window.requestAnimationFrame API在動畫方面有非常大的應用價值,當初fangjing在做動畫組件化的時候,就是使用的這個API實現的,百靈中的歌詞實現動畫不使用setInterval()實現,在性能不

原创 Service Worker 簡介

背景:如何讓網頁的用戶體驗做到極致 隨着 Web 的快速發展,用戶對站點的體驗期望值越來越高,前端工程師有時候爲了幾十毫秒的速度優化而費勁心思,消耗大量時間。想要讓自己的產品在無數產品中脫穎而出,就必須提升產品的性能和體驗。在時間成本高昂

原创 前端面試題——第七篇

綜述:一片比較好的文章,指導我們學習前進的方向,瞭解上海主流互聯網公司的前端技術架構 金三銀四魔都(上海)兩年半前端面經 前言 先介紹下個人基本情況,16 屆本科非計算機相關專業,畢業轉行前端,過年後裸辭休息了半個月,然後到三月份開始

原创 前端面試題-刷完這篇就夠了

這是一篇十分經典的面試問題彙總 https://blog.csdn.net/weixin_33795743/article/details/88021748

原创 CI/CD-持續集成/持續交付介紹

在最好的時候創建用戶喜歡的高質量應用程序並不是件容易的事情。更何況,要怎樣做才能更快地創建用戶喜歡的高質量應用程序並且能夠不斷改進它們呢?這就是需要引入持續集成和持續交付(CI / CD)的地方。 持續集成(CI) 什麼是持續集成? 那麼

原创 數據結構和算法實例

綜述:數據結構和算法是高級前端的基礎知識,貴在總結 1.將數據中的數據轉成樹狀結構,實現前綴樹trie,前綴樹trie和tree之間的不同 var transObject = function(tableData,keys){

原创 使用python進行自動化測試

1.在ops系統的接口使用pageCode+opCode進行改造的過程中,通過fiddler工具,攔截ops系統中的所有發出的Ajax請求,收集每個請求發出的參數,進行評價; 2.爲了評估pageCode+opCode的正確性,根據url