Web

【Web】前端工程师必备技术栈总结

微信扫一扫,分享到朋友圈

【Web】前端工程师必备技术栈总结
收藏 0 0

1、基础技术

  • HTML 与 HTML5
  • CSS2 与 CSS3
  • JavaScript(BOM、DOM、ECMAScript)
  • jQuery 与 jQuery Ajax

2、核心技术

  • B/S架构原理
  • HTTP 以及 HTTPS 协议
  • IE、火狐(Firefox)、谷歌(Chrome)、Safari 和 Opera主流浏览器特性与兼容性
  • 常用数据结构、算法与设计模式

3、主流UI框架

  • EasyUI : 基于jQuery,Angular。,Vue和React的用户界面插件集合
  • BootStrap:简洁、直观、强悍的前端开发框架
  • LayUI : 经典模块化前端框架
  • jQueryUI :建立在jQuery JavaScript库之上构建的一组用户界面
  • ElemenetUI :基于vue2.0的桌面组件库

4、主流组件化前端框架

  • Angular.js – 互联网巨人谷歌开发,社区支持很好
  • Vue.js – 尤雨溪创作,模块友好
  • React.js – 脸书团队研发,强大
    以上框架皆可开发网页版移动端app(有限制

5、主流构建工具

  • Webpack :静态模块代码打包工具
  • Gulp : 基于流的自动化构建工具

6、JavaScript 提升

  • ECMAScript2015(ES6)语法以及新特性
  • TypeScript : JavaScript 的一个超集

7、服务端开发

  • Node.js – 基于Chrome V8的JavaScript引擎
  • Express – 基于Node.js 平台的Web应用框架
  • KOA – 基于Node.js 平台的下一代Web应用框架(有Express 原版人马打造)
  • Mongodb – 分布式文件存储数据库
  • Nginx – 反向代理服务器

8、公众号与小程序

  • 微信公众平台
  • 微信开放平台
  • 小程序开发工具使用
  • WXML 语法与特性
  • MINA框架
  • 路由、事件、容器、组件
  • 小程序API、以及开放功能等

9、版本控制与远程资源库

  • SVN 或 Git
  • GitHub 或 Gitee

10、主流 IDE 开发工具

  • HBuilder
  • Visual Studio Code(简称:Vscode)
  • Sublime Text
  • WebStorm
  • Dreamweaver
  • Notepad++
  • Editplus

11、网站常用布局

  • 文档流 – 普通流、常规流
  • 浮动布局 – 特点是使用浮动控制元素
  • 流式布局 – 脱离固定值限制,可以根据页面情况改变相应发生改变
  • 定位布局 – 让目标(要被布局的)标签在指定参考系下任意布局
  • flex布局 – 又名弹性布局,发挥盒子模型的最大灵活性
  • rem布局 – 实现网页,基于宽度等比缩放
  • 响应式布局 – 通过媒体查询,多端自适应样式
为自己努力,为亲人拼搏,为幸福奋斗。
上一篇

jQueyr UI 实现模仿window操作系统桌面示例

下一篇

【至理名句】一生受益的至理名句

你也可能喜欢

发表评论

插入图片

分类目录

微信扫一扫

微信扫一扫