个人总结的前端开发路线指引

二叶草 2020年2月10日10:27:04IT专区评论阅读模式
新年快乐!    時间过得好快,看着2019的小尾巴,早已拿不住了。回忆当初,早已忘记了为何挑选coding,总是以为会一门語言就会有口饭吃。可是跳入沟里才发觉,要想再成功,你也要学好怎样搭人字梯提高自己。互联网的知识体系相辅相成,知识点很多。所以知识路线对于新手来说,必须清晰,目标明确。我总结了一些个人的经验,希望可以帮到大家。

    然后呢,墜夢提前祝大家新年快乐,Coding no bug~

基础必修


  • Markdown语法
  • 编辑器安装(vscode,vim)
  • Git版本控制
  • 命令行基础
  • 基础工具(chrome)

HTML


  • 文档结构
  • 元素和属性(css)
  • 常见元素用法
  • iframe
  • 外部资源引入
  • HTML协议基础
  • cookie缓存
  • form表单控件
  • HTML5特性

CSS


  • 基本概念和语法
  • 选择器
  • 常用属性
  • box盒模型
  • float浮动
  • position定位
  • 常见布局
  • CSS常见技巧
  • 浏览器兼容性处理
  • 媒体查询

JavaScript


原生

  • 基础语法
  • 基本数据类型
  • 运算符
  • 程序控制结构
  • 函数和作用域
  • 字符串
  • JSON
  • 正则表达式
  • 闭包函数
  • 定时器
  • 事件
  • 异常处理
  • Bom对象
  • Dom对象
  • Ajax交互
  • 跨域概念和常见方法

JQuery

  • 选择器
  • dom操作
  • 事件
  • 动画
  • Ajax

HTML5和CSS3


  • 视频
  • canvas
  • SVG
  • 表单扩展
  • Web存储
  • 边框
  • 变换
  • 过渡
  • 动画

移动端适配


  • viewport
  • 媒体查询
  • 栅格系统
  • 响应式图片
  • 常用技巧

框架开发


  • Bootstrap
  • Vue
  • React
  • Angular
  • Layui

其他


  • webpack
  • node.js
  • websocket 长链接
  • Promise异步请求
  • Restful API

目前想到的就只有这么多,作为后端开发,前端的知识可能还不能完全了解到。如果有大佬协助纠正,请留言指正,感谢大家阅读。

本文来源于:个人总结的前端开发路线指引-变化吧门户
特别声明:以上文章内容仅代表作者本人观点,不代表变化吧门户观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与变化吧联系。

  • 赞助本站
  • 微信扫一扫
  • weinxin
  • 加入Q群
  • QQ扫一扫
  • weinxin
二叶草

发表评论