为什么选择前端?

大学即将毕业,深感社会各行业的压力,想要高薪,想要更好的生活,当然更主要的是程序的未来发展前途,再加上大学专业与程序比较近,逻辑思维能力感觉还行,因此踏上这条“不归路”

初学前端的感知:

1.相信很多小白和我一样:在没有接触前端的时候,感觉这个代码好高大上啊,看起来真难;

2.然后看看自学视频,听听老师们的讲课:原来代码就是各种标签组成的啊,就这么点标签那我全部搞会了不就可以了吗?

3.等到自己实际写界面项目的时候就会发现:怎么各种稀奇古怪的bug?想不通啊!明明这个样式这么写出来应该会实现的,可是问题出在哪儿了?抓头中…

盒模型的自我感觉:

学习前端代码已经有8个月了,对于前端,简单点来说:就是你能看到的,在电脑、在手机、在显示屏上面能显示出来的画面,就是我们需要用代码实现的效果,无论是静态页面、动态页面。交互效果,只要是页面显示,那就归咱们写…当然,我只是个前端入门不久的后辈,不敢说过多的东西!凡事都有基础,就拿一个静态页面来说,这个页面的构成是什么?那就是你所看到的图片也好,文字也罢,装饰也行,但是你无论怎么看,这个页面总不会是稀里哗啦乱七八糟的一片,对吧,你仔细观察就会发现,这个静态页面分为各个部分,分为各个板块,就拿下面这个页面来说:

给他套上各种框框之后,是不是发现这个页面的结构非常明显,再一看,这些四四方方的小方块,是不是看起来就像是一个个的盒子,先是最外面的一个大大的盒子,大盒套小盒,小盒套小小盒~~那么是不是可以这么定论:只要我把我想要的盒子放在合适的位置,把盒子里面的东西,放在该放的位置,那么这个页面就完成了?

目标确定了,该怎么实现能?你对着浏览器说一声:嘿,你给我去那边~!然后人家盒子就会乖乖听你话吗?不存在的,那么浏览器和人脑之间就需要一个桥梁——代码。这就是需要我们操作的东西了,代码…说难不难,说易不易,唯手熟方能生巧!比如说这个大盒子,如何放在中间?就需要margin居中对齐,那么大盒子里面套的小盒子如何让他们排列的更加好看,更加舒心,留白更加科学?就需要margin。padding啊这些方式让他出现在该出现的位置!这就是盒模型。

说了这个盒子的动向,说了他该怎么实现,那必须得说说我认为这里的难点也是重点,那就是浮动,子元素浮动,那么靠子元素支撑的父元素就会塌陷,影响布局。还有就是盒子的边框border的计算以及应用,再然后就是小盒子内部文字的距离,行高计算…

总之一句话:会而不难,想要会,唯有手熟尔,加油——献给我们这些小白

给前端小白一段深情的告白相关推荐

  1. Web前端小白入门指迷

    大前端之旅 大前端有很多种,Shell 前端,客户端前端,App 前端,Web 前端和可能接下来很会火起来的 VR 前端等.当然在这篇文章,集中讨论一下身为小白,我们怎样去了解 Web 前端,以至达到 ...

  2. 四年,如何从前端小白蜕变为前端技术专家?

    简介:作者简介:珑晴--淘系技术部前端技术专家,16 年校招实习转正进入的阿里,当时是在聚划算前端团队,随着业务变化一路从聚划算到天猫至今加入淘系技术部,负责日常活动营销的同时,也多次参与大促会场&a ...

  3. 一个新进前端小白实习僧的初次探索

    我不怕万人阻挡,只怕自己投降 一个新进前端小白实习僧的初次探索 在学校的时候写过几个静态页面.用过一些简单的JavaScript,写过一些基础的CSS,去应付课程项目,却也仅仅于此. 谁也没想到会阴差 ...

  4. 前端小白学习路线及知识点汇总(三)-- JavaScript基础

    前端小白学习路线及知识点汇总(三)-- JavaScript基础 一. JavaScript的组成 ECMAScript:由ECMA国际进行标准化的一门编程语言,往往被称为JavaScript或Jsc ...

  5. 最深情的告白——郁金香(Python实现)

    目录 1 最深情的告白 2 即兴赞之 2.1 李小白言郁金香 2.2 郁金香般的姑娘 2.3 荷兰的郁金香 3 Python代码实现  3.1 郁金香的芬芳 3.2 我俩绚丽多姿的风景 1 最深情的告 ...

  6. 对WEB前端的几段思考(一)——界面设计和性能优化(整理中)

    尽管我并非艺术出生,既没有任何设计基础,又没有较高艺术涵养,也深谙在短时间内创造一定艺术造诣并非易事,但是既然当初选择从事网站前端开发,我的目光不能仅停留在前端代码上.作为一名志向在前端领域发展的人员 ...

  7. 前端小白也能快速学会的博客园博客美化全攻略

    前端小白也能快速学会的博客园博客美化全攻略 A呦V,博客园er的自我修养是什么?第一条,别只顾收藏和偷师呀,记得点"推荐"或关注本人喔~ 美化方法论简介 一般而言,需要选一个默认的 ...

  8. bootstrap设计登录页面_前端小白如何在10分钟内打造一个爆款Web响应式登录界面?...

    对于前端小白(例如:专注后端代码N年的攻城狮),自己编写一个漂亮的Web登录页面似乎在设计上有些捉襟见肘,不懂UI设计,颜色搭配极度的混乱(主色,辅助色,配色,色彩渐变,动画效果等等,看起来一堆乱七八 ...

  9. 8年架构师针对web前端小白,作出的职业规划建议

    本人从事前端8年了,目前在广州从事架构师.业余总结了很多学习资料,在不断总结的过程中提升自己的技术水平,跟进时代的发展,也想帮助更多想从事前端工作的朋友.本文我会普及一些入门和提升建议,思想提升了,路 ...

最新文章

  1. 如何理解“跳出率”,它对SEO有什么影响?
  2. 如何创建可变数量的变量?
  3. Dubbo负载均衡原理
  4. Consumer搭建
  5. 技术贴:触摸屏(TP)技术交流
  6. POJ 1422 Air Raid
  7. ubuntu 10.04 CTS 环境搭建
  8. 深度操作系统 Deepin 15.11 发布
  9. Atlas 2.1.0 实践之编译Atlas-Hive
  10. python从零学——scrapy初体验
  11. RSA 2019|远禾科技携YScanner荣获国际权威杂志认可
  12. 使用PDF-XChange Editor为PDF文件添加签名(图片+签名)
  13. Linux内核管理子系统和进程管理子系统
  14. 锐起无盘XP2.0(2050)语音视频教程
  15. python smtp发送邮件,收件人和发件人不显示问题
  16. Geohot使用绿雨的BETA4越狱iPhone4 4.1固件详细教程
  17. 《黑客帝国》代码雨——源代码
  18. 各种编程语言的适用范围
  19. WIN7下如何删除需要管理员权限才能删除的文件夹
  20. Bilinear CNN

热门文章

  1. 服务器常清理空间用命令
  2. 苹果原全球副总裁戈峻入职天九共享集团
  3. Redis的高级特性
  4. ‘react-native-app‘
  5. 2022-06-26 华泰证券 Fintech 比赛题解
  6. 怎么复习信息系统项目管理师?
  7. C#调用C/C++动态库dll异常:对 PInvoke 函数调用导致堆栈不对称问题
  8. java B2B2C 多租户电子商城系统-spring-cloud-config
  9. ASP.NET编程中的十大技巧
  10. Python实现猎人猎物优化算法(HPO)优化支持向量机回归模型(SVR算法)项目实战