原创 npm包管理及發佈教程彙總

文章目錄說明:關於npm的基本認知是什麼?(node package manager)基本認識package(包)module(模塊)發佈包發佈一個unscoped包發佈一個scoped包過濾部分文件npm包的迭代npm的版本管理

原创 前端學習路線及知識點整理

前端學習路線 基礎(CSS、HTML、JavaScript) JS庫 前端框架(MVVM) 瀏覽器&計算機基礎 前端工程化 性能優化 Nodejs 數據結構和算法 學習重點 一、三大件 CSS 盒模型(標準&IE) flex

原创 Gulp+Babel實現ES6項目工程構建&踩坑記錄

前言 近期在開發Hybird新需求時用到了地圖,而因爲地圖的定位地址是異步拿到結果的,而多個點與定位地址的距離計算需要等到定位結束,所以這裏可以用async函數來做,但是以前項目用到gulp只停留在ES5階段,導致ES6語法打包

原创 記錄:Vue移動端項目優化過程

文章目錄前言一、白屏時間過長分析二、針對性優化針對animate.css針對mint-ui的優化針對圖片的優化三、webpack打包優化與分析webpack-bundle-analyzer打包分析更新:vue-cli3中webpa

原创 算法入門(JavaScript)

文章目錄前言算法複雜度時間複雜度位運算按位操作一道leetCode算法題(序號136)排序算法 前言 雖然作爲前端,目前接觸到的數據結構和算法業務應用並不很多,但是要想有進一步的提升,學習這些是很有必要滴,所以,在這裏記錄下關於算

原创 Javascript數據結構與算法學習(三)—— 鏈表

文章目錄什麼是鏈表鏈表的操作加強鏈表雙向鏈表循環鏈表 什麼是鏈表 看似火車~ 特點:鏈表裏的每一項除了包含自己的信息外,還包含有下一項(next)的數據內容。 鏈表存儲有序的元素集合,但不同於數組,鏈表中的元素在內存中並不是連續

原创 Javascript數據結構與算法學習(四)——集合

文章目錄什麼是集合?集合操作方法集合間的操作並集交集差集ES6 內置新數據結構ES6實現交集、並集,差集Set 和 WeakSet的區別一道 ES6面試題 什麼是集合? 回顧之前的數據結構:棧,隊列,鏈表——它們都可以用JS數組

原创 什麼是微前端?

前言 其實在小企業裏,我對微前端的概念一直很模糊,接觸不到,所以只是一種概念性的認知,在這裏記錄下最近看的一篇文章總結。 微前端架構:旨在解決單體應用在一個相對長的時間跨度下,由於參與的人員、團隊的增加,從一個普通應用演變成一個

原创 Javascript數據結構與算法學習(二)——隊列

文章目錄什麼是隊列?隊列的操作隊列的實踐—— 擊鼓傳花優先隊列和輔助類 什麼是隊列? 隊列(Queue)—— 一種先入先出(FIFO)的數據結構。隊列只能在隊尾插入元素(push),在隊首刪除元素(shift),這一點跟棧(LI

原创 ReactNative項目的調試

在運行好第一個RN項目後,通過腳手架的App可以看到以下調試信息: Ctrl + M:在模擬器上打開調試Debug菜單(真機上通過搖動手機打開) 雙擊R:重新加載App Enable Hot Reload:在當前頁熱加載

原创 Javascript數據結構與算法學習(六)—— 樹

文章目錄樹結構二叉搜索樹 樹結構 樹是一種重要的非線性數據結構,直觀地看,它是數據元素(在樹中稱爲結點)按分支關係組織起來的結構,很象自然界中的樹那樣。 HTML結構就是典型的樹結構 二叉搜索樹 特點: 節點最多只能

原创 Javascript數據結構與算法學習(五)——字典和散列表

文章目錄字典字典的主要操作散列表(哈希表)散列函數 字典 字典:是一種類似於集合的數據結構。 【集合:[值:值]對,字典:[鍵:值 ]對】 JS數據類型對象就是字典的一種實現 ES6中的Map,WeakMap也是一種字典的實現

原创 Javascript數據結構與算法學習(一)—— 棧

文章目錄棧什麼是棧?**棧結構的實現——數組****棧實例:十進制轉二進制數**棧的應用場景 棧 什麼是棧? 棧(Skipper):一種後進先出(LIFO:last in first out)的數據結構。 棧結構的基本概念:

原创 神器Cmder以及 tree命令生成項目目錄樹

一、 引言 最近在整理項目文檔時需要對項目工程目錄結構進行說明,於是瞭解到了windows自帶tree命令可以一鍵生成命令樹,但其功能有限(無法設置忽略某文件),想要更完整的目錄樹的話可以使用Cmder命令工具以及tree-no

原创 視頻監控直播項目經驗總結

項目總結目錄項目說明web端實現視頻監控播放關於海康攝像頭輸出rtmp,flv,hls三者區別項目應用方案canvas直接播放視頻hls視頻流播放flv直播Swiper引入問題記錄Echarts使用問題記錄項目打包優化1. 開啓w