首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >九彩拼盘的前端技能

九彩拼盘的前端技能

作者头像
前端GoGoGo
发布2018-08-24 15:45:54
1K0
发布2018-08-24 15:45:54
举报
  • HTML
    • 常见标签和属性
    • 文档类型声明
    • 转义字符
    • 网页访问无障碍(只是了解)
  • CSS
    • 常用选择器
    • 样式生效规则(浏览器的默认样式,选择器权重的计算,样式的继承综合作用的结果)。
    • 常用样式
    • 布局
      • 盒模型
      • 水平,垂直居中
      • 布局技术
        • 相对,绝对和固定定位
        • Float(不推荐。功能弱,还要去浮动)
        • inline-block(兼容旧些的浏览器用)
        • Flex (主流)
        • Grid(和Flex配合,面向未来)(只是了解)
      • 响应式
        • 媒体查询
        • rem 的使用(配合 JS 动态设置根节点的字体大小更灵活)。
    • 效果
      • 过渡和动画
      • 变形
      • 盒阴影,文字阴影
      • 渐变
      • 滤镜(只是了解)
    • 常见浏览器兼容性问题和解决
    • 提高代码质量&工作效率
      • CSS组织的方法:BEM 命名法SMACSS
      • Sass,Compass(基于Sass的框架,很强大,但用的越来越少)。
      • PostCSS: 主要用 AutoPrefix。
  • JavaScript
    • 基础语法(变量,函数定义,流程等)
    • 数据类型
    • 变量的求值(作用域,变量定义提升,this,原型链等)
    • DOM
      • DOM 的增删改查
      • 事件
    • BOM (浏览器相关信息,浏览记录历史和一些全局API)
    • Ajax
    • 客户端存储:Cookie,Web Stroge(Local&Session),离线缓存。
    • 常见浏览器兼容性问题和解决
    • 提高代码质量&工作效率
      • 严格模式
      • 流程控制:Promise,async/await,Event Bus(事件的发布与订阅)。
      • 管理组件的状态和组件间的通信
        • 单向数据流:Vuex
      • ES6
      • 函数式编程(纯函数有很多优势,但完全函数式编程的可读性很烧脑)
      • 设计模式(了解部分)
    • 安全(只是了解) (加密摘要算法,XSS,CSRF)
  • 综合
    • 页面性能优化
      • 页面加载的优化
      • 代码执行速度的优化
    • 代码调试
      • 浏览器的调试工具
      • 移动端页面调试
        • 在微信中:微信开发者工具
        • Weinre
      • 调试线上页面
    • HTTP (缓存机制,请求头,相应头,浏览器同源策略等)
    • 如何命名
  • 框架
    • 主框架:jQuery, Backbone,Angular 1, Vue。 React(只是了解)。
    • UI 框架:Bootstrap 2,Bootstrap 3。
    • 加载器:Webapck, Requirejs, Seajs。
    • 工具库:UnderScore&Lodash,Moment.js
    • 前端工程化
      • 依赖管理:npmBower (不推荐)。
      • 工作流:Webpack, Gulp.js, Grunt(不推荐。Gulp 比 Grunt效率高)
      • 生成项目结构脚手架:yo
  • 软件
    • IDE:Sublime(Vim 模式,Emmet)。
    • 代码版本控制: Git, SVN。
    • 切图: Photoshop ,cutterman(一键切图标工具)。
  • 软技能
    • 沟通(不断学习中)。
    • 团队协作(不断学习中)。

想学的

  • SVG : SVG 可以做很多酷炫的交互。用 SVG 做的一些效果比用图片或 Canvas之类的更有优势。
  • Cycle.js: 写法很优雅的函数式编程的数据流的库。学习用更优雅的方式来管理组件的状态和组件间的通信。
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.02.13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 想学的
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档