非计算机本科学习前端开发，主要需要掌握以下技术和知识：

HTML

HTML（HyperText Markup Language）是用于创建网页结构的标记语言。

需要掌握常用的HTML标签，如``, `

`到`

`, `

`, `

`, `
• `, ``, ``, ``等，以及它们的使用场景和属性。

  CSS

  CSS（Cascading Style Sheets）用于定义HTML元素的显示样式。

  需要掌握布局（如浮动、定位）、尺寸设置（如宽度、高度）、显示属性（如颜色、背景）等。

  JavaScript

  JavaScript是一种在浏览器中运行的脚本语言，用于实现网页的交互效果。

  需要掌握JavaScript的基本语法、数据类型、函数、对象、事件处理、DOM操作等。

  前端框架

  常见的前端框架包括React、Vue.js和Angular等。

  学习如何使用这些框架来构建复杂的Web应用，提高开发效率和代码质量。

  版本控制工具

  如Git，用于代码的版本管理和团队协作。

  测试和部署

  学习如何进行单元测试和集成测试，掌握自动化测试工具的使用。

  了解如何将代码部署到服务器上，包括使用FTP、Git等工具。

  前端性能优化

  学习如何优化网页加载速度和提高用户体验，包括减少HTTP请求、使用CDN、优化图片等技巧。

  网站性能优化

  学习如何提高网站的响应速度和吞吐量，包括对HTTP/2的使用、CDN加速、内容分发等。

  前端安全

  学习如何防范常见的网络安全问题，如跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等。

  其他相关技术

  如Node.js、Webpack等，用于提升开发效率和代码质量。

  建议从基础的HTML、CSS和JavaScript开始学习，逐步掌握前端框架和工具，并通过实战项目积累经验。同时，了解一些计算机科学和软件工程的基础知识，如数据结构、算法、网络协议等，将有助于更好地理解前端开发的原理和实现。