前端分享内容1
需积分: 0 70 浏览量
2022-08-04
15:43:50
上传
评论
收藏 459KB PDF 举报
1. 前端常用的开发工具及软件（见PPT）
2. 数据库项目中前端的职责以及分工
后台管理系统(B端)重视业务逻辑，视觉上简洁、美观即可，适合采用组件库。B端即Business，面
向企业，一般在真实开发中，例如商城后台管理系统，会涉及到多个角色的用户且业务逻辑很复
杂，而对于页面的要求不高，所以适合采用element-ui/ant-design等组件库进行开发，组件库已为
开发者提供了成型的组件，使开发者更专注于业务逻辑的开发。
建议采取前后端分离模式（前后端分离模式的三大主流框架Vue/React/Angular)，简单理解，前端
与后端仅仅通过API文档进行交流，前后端可以并行开发，在前后端分离模式中，前端主要负责页
面的设计、搭建、通过调用各个接口/Mock的方式获取数据以填充自己的页面结构、以及权限验
证。
分工方面，建议前端大于后端(6 4/7 3/8 2)
3. HTML
HTML，即超文本标记语言，何为超文本？即通过超链接方法将文本中的信息组织链接起来，这些
文本链接起来就组成了万维网的概念：“WWW服务器通过超文本标记语言(HTML)把信息组织成为
图文并茂的超文本，利用链接从一个站点跳到另个站点。”
HTML的核心就是一个文档，而浏览器根据文档的内容来解析文档，HTML文档采用使用成对/自结
束的语义化标签表示，如下代码所示，例如浏览器在解析文档时，遇到了成对的title标签，那就会
将title对标签的内容渲染至该网页的标题上，即文档告诉了浏览器每一行的内容代表了什么意思。
进一步，有可能你会发现，例如h1 h2 h3等等很多标签内的内容，会被浏览器解析成特殊样式，但
这只是浏览器在解析到这个标签时，为该标签加入了特殊的样式（可以理解为写了CSS加上去），
所以HTML仅仅关注语义，而不关注样式。
因为该部分内容较简单，对于更多的语义化标签与HTML知识学习，推荐w3school：https://www.
w3school.com.cn/html/index.asp网站进行学习。
4. CSS
<!DOCTYPEhtml> <!--文档声明用来告诉浏览器当前网页的版本，当前版本为HTML5-->
<htmllang=“en”> <!--属性采用名值对结构，lang属性代表网页的语言为英语-->
<head>
<metacharset=“UTF-8”> <!--一些元数据部分，网页采用UTF-8编码-->
<metaname=“viewport”content=“width=device-width,initial-scale=1.0”>
<!--移动端适配-->
<title>My First HTML</title> <!--浏览器遇title标签将其内容解析为网页标题-->
<style></style> <!--此处一般放CSS，内部/外部样式表-->
</head>
<!--html仅仅关注语义，而不关注样式，不同浏览器帮忙添加了样式-->
<body>
<division><span>超链接/列表/表格/表单/图片/音视频/canvas画布…</span></div>
</body>
</html>
评论0
最新资源