查看: 94|回复: 0

[重庆1907] 第一阶段学习总结


19-11-27 10:55:24 | [复制链接]

2

主题

3

帖子

13

积分

菜鸟

Rank: 1

发表于 19-11-27 10:55:24 | 显示全部楼层 |阅读模式
       从离开公司到千峰学习已经过去一个月了,现在想起来,一个月的时间过得可真快,第一阶段也在昨天的考试中结束了。在千峰过得很充实,让我一日三餐也特别规律哈哈。。。
  在第一个月里,我学到了不少东西,现在可以写移动端和PC端的页面了,虽然不能说百分百的完美,但自我感觉第一阶段的学习还是挺顺利的。在这一个月里,感触还是蛮深的,从小到大的学习,以及高中的美术集训,学习强度也很大,但是感觉千峰的老师对我们格外亲切,以前的老师总是给人一种凶巴巴的样子,让你不敢跟他们交流,但是在千峰感觉所有老师都是自己的挚友,时不时的关心让冬天的学习也充满了温暖。
  不过第一个月的学习中也暴露除了和一些问题,我希望在后面的学习中要有所改善。我相信每个人都是抱着一定会学好的心态来到千峰的,我也一样,对编程充满了热情。第一阶段的前几天听得特别认真,也不觉得疲倦,就想着交了这么多钱来学习,以后的饭碗就靠它了,一定得好好学。可是时间越久,到了后半个月的时候,就开始有点松懈了。每天的作业也是做完就好,不会再去做新的练习来巩固自己,上课也有那么一瞬间超级想睡觉。。。。。,虽然还是坚持过来了,不过这才是一个开始,后面还有二三阶段的学习,还有更高的山等着我去挑战,所以第一阶段的学习态度不能带到后面的学习中去,应该打起精神来,珍惜在千峰的每一天,把老师交给我们的知识,牢牢地记在心中。
  在这里我对我上个月的所学知识做一点总结:
1web标准:结构 + 表现 + 行为
2、组织 w3c  html+css      ECMA  js      whatWG  h5
3、发展历史
4html标签块级标签  div/p/h1-h6/ul/ol/dl/table/form,行内标签  span a strong  em  i  sub  sup,行内块级标签img/input。属性属性class  id   自定义属性
5css的创建方式 内部样式表、内联样式、外部样式表
6css语法,选择器包括标签选择器、后代选择器、伪类选择器(动态伪类选择器、ui元素状态伪类、结构伪类)、层级选择器(+ ~)属性选择器(input[type="button"]
7、常见的CSS属性:布局属性(widthheightbordermarginpaddingfloat:left/right/none
  文本属性(colorline-heighttext-alignfont-sizetext-indenttext-decorationfont-stylefont-weightfont-familywhite-spaceletter-spacingtext-transform:uppercase/lowercase
  背景属性(background-colorbackground-imagebackground-repeatbackground-positionbackground-attachment:fixedbackground-size:宽度 高度/cover/contain 、、、渐变background:linear-gradient(45deg,red 0%,red 50%,blue 50%,blue 100%);background:radial-gradient(circle,red 0%,blue 100%);
  列表属性(list-style:none;
  定位(position:relative/absolute/fixed/sticky/static
  显隐效果:display:none/block    不占位置,无动画/visibility:hidden/visible  占位置,无动画,摸不着/opacity:0/1   占位置,有动画,摸得着/height:0;overflow:hidden;
  修饰属性:(border-radiusbox-shadowtext-shadowtransform: scale/rotate/translate/skew  
  动画属性:transition/animation    @keyframes
  弹性盒:display:flex;/justify-content:/align-items/flex-wrap/flex-direction/flex:1
     权重:内联样式权重最高,内部和外部看顺序
8H5        新增特性:语义化标签  header/footer/section/aside/nav/article/video(mp4/ogg/webm)/audio/canvas
  表单:datalist  output  input type="number/range/date"
  表单属性:placeholder  required   autofocus
9.响应式:概念:同一个网站可以同时适配多个终端/实现方法:1 定义meta  禁止网页缩放2 使用媒体查询分区间。
10.移动端适配:html  font-size  100vw/7.5   rem适配/媒体查询定义字体大小
     flexible.js  
  动态设置scale dpr
     当屏幕变大,字体大小不会再继续变大
     px/em/rem/vw/vmax
     px 固定大小的单位
     em  css2.0,相对于父元素字体大小变化的
     rem  css3.0 相对于根元素字体大小变化的
     vw  1vw = 1% 浏览器宽度
     vmax/vmin vw/vh里面的最大值或者最小值
11.居中!!!!
12.常见的面试题
1 css创建方式及区别及权重?
2 权重的表示方式?常用选择器及权重?
3 盒模型及怪异盒子及相互转化?box-sizing:border-box/content-box
   计算?
    标准盒模型:width+margin+padding+border
    怪异盒模型:width+margin
4 浮动常用属性值及清除浮动的方法?
5 什么是继承?哪些属性会继承?
6 display的常见属性值有哪些?
7 rotatetranslate先后顺序对结果有无影响?为什么?
8 transitionanimation区别?
9 居中!!!!
10 自适应三栏布局
        以上是我第一阶段的学习内容,自己慢慢整理下来发现居然学了这么多东西,还是挺有成就感的,第一个月的努力没有白费!然后其中表单部分知识还有点没学好,需要自己下来找时间在看看视频巩固一下。
       都说后面越来越难,作为即将面对下一阶段的我来说,我要比第一阶段更努力才行!要努力跟上老师的节奏,一有不懂的就要问,不要积累疑惑,不然后面的学习就像滚雪球一样越滚越大,因为知识都是有联系的,前面的没学好,你后面就写不出来网页,就会打击你对学习的兴趣,这是一个恶性循环。所以没听懂的时候一定要问老师,把它解决掉。然后就是要的多练习,听懂了不代表就会写,所以要多练习。
      学习的路还很长,继续冲冲冲!!!!!!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

最新活动

  • 1024程序员节刚过 千锋教育设计学院万圣节海报设计决赛开启

千锋教育公众号

订阅|小黑屋|手机版|千锋教育论坛 ( 京ICP备12003911号-3 )

GMT+8, 20-1-26 02:19 , Processed in 0.328778 second(s), 40 queries .

Powered by Discuz! X3.2

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表