阶段一的复习和总结:
拉钩教育:大前端就业急训营01
一个多月的时间搞定了阶段1。这个阶段对我来说是偏简单的,但是我没有轻视他。越觉得简单的东西,越要认真学。
这个阶段包含了四个小的模块:
-
HTML网页开发 css基础语法
这个模块的知识点特别细。需要注意的地方也很多。
https://www.jianshu.com/p/3e8c18f1ed11
与html相关的:
排版标签:h系列(标题标签),p(文本标签), hr(单标签), br(单标签),div,span(没啥意义,盒子 )
文本格式化标签: 加粗:b ,strong(推荐);斜体:i , em(推荐)
删除标签: s , del(推荐); 下划线:u ins(推荐)
图像标签:img 注意路径问题:绝对路径和相对路径
链接标签: a 注意一个用途锚点链接
特殊字符:一些常见的特殊字符 ¥ © > <
表格标签:注意不能用表格标签布局
列表标签 布局标签: 无序:ul li ; 有序: ol li;自定义:dl dt dd
表单标签:单选标签必须设置相同的name属性否则不会成功。表单标签最后包裹在form里面。
与css相关的:
基础选择器:标签选择器 类选择器 id选择器 通配符选择器
复合选择器:后代选择器 子元素选择器 交集选择器 并集选择器 伪类选择器
-
css核心样式 h5
https://www.jianshu.com/p/3247fba2aebe
https://www.jianshu.com/p/c3b0b52ba184
css核心:
字体样式:font-size 字体大小; font-family 字体整体 font-weight:字体粗细;font-style 字体风格
外观样式:color 字体颜色 text-align对齐方式 line-height行间距
text-indent 首行缩进 text-decoration 文本装饰
盒子模型:标准盒模型 ie盒模型 h5盒模型
浮动: 注意不要滥用浮动,有浮动一定要清除浮动带来影响
背景属性:不影响布局 给网页增加美观感
定位:子绝父相
css3新增的都要考虑兼容性:边框圆角 文字阴影 盒子阴影 等
css3动画:用来实现一些简单的动态效果。
h5新增的一些:
语义化标签:移动端可以放心使用,pc端考虑兼容性
音频,视频标签:考虑兼容,最后自己写视频音频的显示
新增一些表单:email number et
-
pc端静态网页的制作
https://www.jianshu.com/p/989b49ad343c
听老师讲再多遍,基础自己听几遍,都不如几个项目来得激烈。在项目的时候,我们暴露除一些我们平时不会注意到的点,这个就需要自己查漏补缺了。
-
移动端网页开发及应用
https://www.jianshu.com/p/4e3ed1ea4cfe
对于移动端来说,现在目前有几套主流方案,在掌握主流方案的前提下,去看看其他方案。
常见布局:
流式布局:将盒子的宽度设置成百分比,盒子根据屏幕的宽度去进行伸缩,不受固定像素的限制。通常会设置最大值 最小值 参考:京东移动端布局
flex布局:弹性布局 pc端支持差,移动放心使用,自己闲的没事的写过几个项目,flex布局最喜欢的用,因为特别简单。参考:携程移动端布局
rem加媒体查询:rem是相对单位 相对html的字体去设置布局 这就需要与css3的媒体查询相结合来布局。有相关的less的基础的人,rem布局使用起来应该会简单。动态将html的字体大小设置为 750px / 15 = 50;或者直接使用flexible.js。参考:苏宁易购移动端布局
响应式布局:bootstrap.这个布局是最简单的,想要要什么样式直接去官网根据示例复制粘贴。https://v3.bootcss.com/
参考: 阿里百秀布局 三星官网
心得:
不知不觉学习已经一个多月了,这一个多月自己的技术的知识得到了很大的提升。以前有些模糊的知识也已经攻克。事实证明选择拉钩学习正确的。
在报急救班之前,我很犹豫的,家里都劝着考公务员,但是我不想自己大学学习的技术白白浪费。第一次反驳了家里人的建议,我相信我不会后悔走上一条路。前端这条路是我喜欢的,并想在这条路上留下的痕迹。
接触拉钩是在学校,师兄推荐,那时候只知道拉钩是搞互联网招聘,全国各大互联网公司都在上面发布招聘信息。就下载了拉钩App开始了解。知道拉钩做招聘是今年7月,因为疫情原因,自己目前从事不是前端岗位,心里特别不甘心。就想趁着这段时间再好好提升自己的技术,将来在前端能大放光彩。那时候还没有急救班,只有高薪班,和陈老师了解一下高薪班的技术和知识点,那时自己有点慌,高薪班里面好多知识点特别陌生,自己不知道,难道要报高薪班。陈老师告诉我,后续在10月份的时候可能推出基础的就业班,让我等等消息。我怀着忐忑的心等待了一个多了,在9月份的时候,陈老师给我看就业班的课程大纲,这套课程大纲正式我所需要的。所以选择了拉钩。
选择拉钩还要一个主要是原因是拉钩本来就做招聘,在企业用人方面肯定比其他的培训公司更懂企业需要怎样的人才,我们需要往哪个方向去努力,去奋斗。一个月下来,证明我的选择是正确。学习的知识点特别多,对于我这个稍微有点基础,学习起来都是需要下功夫的,需要去理解一些模糊知识点。老师讲到很多之前自己忽略或者没注意的地方。这次学习是值得,我相信我在明年能找到合适的自己,心满意足从事前端工作
冲啊,顾大喵!
写于 2020年11月20日