技术学习总结 | 青训营

104 阅读2分钟

知识点

HTML

  • HTML 的作用

    HTML,即超文本标记语言,通过一个个的标签排布互联网资源,通过“浏览器”将这些资源呈现给用户。HTML 因其简单而强大的特点被广泛应用。持续的版本迭代使其功能越来越丰富。JavaScript 和 CSS 的引入使得 HTML 更加丰满。

  • 语义化

    HTML 中的许多标签都是有其特定的含义的。正确编写语义化的 HTML 能让程序和人都更容易理解 HTML 的内容。

JavaScript

  • 编码原则

    各司其责 —— 虽然 JavaScript 很强大,但其运行效率还是不够高。应使用 HTML 和 CSS 完成的工作不应都丢给 JavaScript。

    组件封装 —— 易维护、可复用的组件能提升开发效率,减少重复工作。前端框架的使用使得组件化开发逐渐走向主流。

    过程抽象 —— 函数式编程思想的体现,通过一些函数解决一些特定的问题。

  • TypeScript 入门

    类型与接口 —— 为 JavaScript 加上基本的类型定义。

    类与泛型 —— 使得复杂的数据结构变得容易管理。

    工程与编译 —— 使 TypeScript 转换为实际使用的 JavaScript。

CSS

  • 选择器 —— 使用合适的选择器,选中需要指定样式的元素。

  • 继承 —— 让样式按照期望的方式逐层传递。

  • 盒模型 —— 指定元素的宽高与边距,对元素进行排布。

学习建议

1. 打牢基础!

对于前端开发而言,纵使开发框架再方便,先弄清 HTML、JavaScript、CSS 都是有必要的。否则,在面对框架的时候,不仅要学习框架特定的知识点,还总要回头看这些最基础的东西。这样的效率显然难以令人满意。

2. 循序渐进

在有了一定基础过后,就可以开始接触框架了。但在这个过程中,也不要忘了继续深入基础。最终,一定能从对“三件套”的深刻理解中受益,辅助对框架的理解。