前端知识架构

2019独角兽企业重金招聘Python工程师标准>>>

cnode上比较好的总结：

• 前端知识集合：https://cnodejs.org/topic/56ef3edd532839c33a99d00e
• 前端导航网站：https://www.frontendjs.com

一、FED组件

1.布局

• flex布局(语法、实例)
• [C3@media](http://www.runoob.com/cssref/css3-pr-mediaquery.html "C3@media")
• 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

互联网公司技术架构

• 大型互联网公司技术架构
• 前端知识

• 面试

转载于:https://my.oschina.net/chinahufei/blog/2998668