前端知識架構

cnode上比較好的總結：

• 前端知識集合：https://cnodejs.org/topic/56ef3edd532839c33a99d00e
• 前端導航網站：https://www.frontendjs.com

一、FED元件

1.布局

• flex布局(文法、執行個體)
• [C3@media](http://www.runoob.com/cssref/css3-pr-mediaquery.html "[email protected]")
• bootstrap

2.頭部

• commonjs
• 插件

3.底部

• commonjs
• 插件

4.清單(新聞、圖檔、部落格、商品、點餐、預定房間)

5.分頁

• 分頁1
• 分頁2
• vue分頁插件
• bootstrap分頁
• 基于UI庫的分頁插件

6.瀑布流

• jquery插件
• vue-scroll
• betterscroll
• [MeScroll,Vue-infinite-scroll, Vue-infinite-loading, Vue-mugen-scroll, Scrollload]

7.導航

• 導航1
• 導航2
• 水準導航
• 垂直導航插件

8.點選回頂

• 錨定位
• common.js

9多選框選中

• 根據業務需要書寫邏輯

10.打開新視窗

• window.open

11.iframe

• iframe自适應、跨域、互動

12.懶加載

• lazyload
• scrollloading
• vue-lazy-loading

13.彈框、彈層展示(圖檔、表單等)

• art-dialog
• sweetalert
• 彈層

14.loading

• loading1
• loading2

15.登入注冊、忘記密碼

• jquery插件-前台登入
• jquery插件-背景登陸
• jquery插件
• UI庫的登入注冊

16.表單

• bootstrap表單驗證插件
• 表單
• 自己封裝

17.購物車

• 購物車動效
• 購物車動效2
• 購物車動效3

18.支付、購買

• 支付寶APP,支付寶H5
• 微信APP,公衆号支付,小程式支付

19.直播、視訊、音頻

• 阿裡雲
• 騰訊雲
• ckplayer

20.按鈕

• 自定義

21.富文本編輯器

• Ueditor
• wangEditor

22.地圖

• 高德
• 百度
• 騰訊

23.檔案上傳、圖檔上傳、大檔案分片上傳、圖檔裁剪

• 圖檔裁剪cropper
• 檔案上傳(支援分片和檔案夾)webuploader

24.頭部進度條加載

• NProgress.js
• preload.js

25.表格

• jq插件
• 一般依賴第三方UI庫

26.上拉加載、下拉重新整理

• iscroll

27.圖表

• echarts
• highcharts
• d3

28.省市選擇

• jquery插件
• 仿京東

29.輪播圖、幻燈片

• swiper
• jquery插件

30.抽獎轉盤、抽獎系統

• jquery插件
• jquery插件
• 移動端

31.拾色器

• 拾色器

32.時間日期、日期格式化

• 時間日期

33.投票

• jquery插件
• 投票結果

34.tab欄、NavBar、TabBar

• 自行封裝

35.手風琴菜單

• 自行封裝

36.stikyHeader、stikyFooter

37.檔案樹、檔案夾讀取

38.放大鏡

39.掃描下載下傳、打開app

40.生成二維碼

41.下載下傳Excel檔案

42.IM消息、socket

43.倒計時

44.複制黏貼

45.移動軌迹(動效)

46.滾動條

47.側滑

48.全屏滾動

49.頁面切換時的轉場效果

50.拖拽

51.視差滾動

52.代碼高亮，代碼編輯器,markdown

53.網頁截圖

54.網頁全屏

55.微信、qq、微網誌分享

56.微信、qq、微網誌、github第三方登入

業務邏輯

1.去重算法、排序算法

2.擷取位址欄參數

3.rem原理

4.對象和數組的互相轉化

5.對象和字元串的互相轉化

6.數組和字元串的互相轉化

7.手機号和銀行卡每輸入4位空格

8.人名币每三位加個逗号

9.數字轉化成大寫

10.内容提取

11.fastclick(移動端處理300毫秒延遲)

12.檢測密碼強度

13.base64加密

14.md5加密

15.前端編碼和解碼

16.UA識别

17.手勢

18.模闆引擎

19.手機端優化加載插件

20.打包插件

小程式

常用業務型網站模闆

1.官網

2.電商

3.部落格

4.直播

5.視訊

6.音頻

7.背景管理系統

界面結構

MVC

MVW

MVVM

MVP

網際網路公司技術架構

• 大型網際網路公司技術架構
• 前端知識

• 面試

版權聲明：本文為CSDN部落客「weixin_34216036」的原創文章，遵循CC 4.0 BY-SA版權協定，轉載請附上原文出處連結及本聲明。

原文連結：https://blog.csdn.net/weixin_34216036/article/details/92444535