让学前端不再害怕英语单词(二)

时间:2022-11-22 07:56:04

写了本专栏的第一章让学前端不再害怕英语单词(一)后,反响热度还是比较高的,截止现在已经有20个收藏量了,所以趁热打铁来更第二章

第一章我们简单的介绍了html,css和js的部分高频单词,因为html要记的关键点不多(就几个标签),所以html的单词到这里就结束了,本章继续介绍css和js的高频单词,并且对es6的部分高频单词进行一个介绍

ps:自学团里的同学可以找我要typora文档

css

对于我们在html区域写的div块,我们需要给他们设置各种各样的颜色,比如按钮的颜色,整个背景的颜色,字体的颜色,所以我们先从颜色讲起

博主记得小学三年级就教过颜色的单词:color
在css中我们可以通过color去设置字体的颜色

color: red;

谈到字体,font 字体,我们有时也会去设置字体的样式,例如字体的大小尺码,那尺码的单词是size,我们去逛街的时候买衣服的尺码就是选size
所以设置字体的大小我们就用font-size

如果我们喜欢用微软雅黑,我们是不是得给字体设置一个归属风格?把字体归属到微软雅黑里面去
归属=家庭=family
所以设置字体的风格我们就用font-family

第一章我们讲过weight宽度
所以设置字体的宽度我们就用font-weight

当我们去设置背景颜色的时候,就得加上背景的单词:background
可以直接通过background去设置背景颜色,也可以在background后面加个color进行设置

background: pink;
background-color: pink;

我们可以结合第一章学到的border边框加上方向去设置color颜色

border-top:20px white solid;
border:red;
border-top-color:red

谈到border边框,我们在设置div块为椭圆或者原型的时候是不是经常使用到border-radius呢?
radius就是我们小学初中学的半径r的全称,即radius 半径

有时候我们的子元素溢出,我们会使用overflow:hidden去裁剪溢出的部分
那我们应该怎么去记overflow这个单词呢
李小龙曾经说过一句话:

the water can flow 水是流动的

如果水满了,水over 大于杯子了,是不是就会溢出呢?
所以overflow就是溢出hidden就是隐藏
两者结合就是把多出的裁剪掉

js

js中我们最常见的就是各种各样的function 函数
不管是什么编程语言其实都有这个单词,所以看多了自然就会了,名副其实的超频词

在function中,我们会写判定条件,最常见的有三种
①如果我们在这个条件下,我们就怎么怎么样,if 如果
让学前端不再害怕英语单词(二)
for 对于…来说,对数字1-10来说,我们应该怎么怎么样

for(i =1 ;i < 10 ; i++)

while 在…期间,在数字99之前,我们应该怎么怎么样

while(i<99)

所以我们从语义上,结合中文去看更能分辨出什么时候用哪种循环更合适
判定是对还是错,我们用if 如果,在一个区域之内的,我们用for 对于…来说,单个条件的,我们则用while 在…期间

属实是中西合璧
我相信你看了这篇文章会对循环有更深刻的印象

在循环体中,我们则会使用return 返回break 打破
if 如果 通常与 break 打破结合使用,意思是如果怎么怎么样,我就打破这个条件了,结束本次判断了
让学前端不再害怕英语单词(二)
return 返回则是从本次循环体中返回到主调函数中,我通过一个运算,结束了,我把值返回给你主调函数去使用

es6

es6我想谈谈最常使用的模块化,module 模块
什么是模块化,比如我们有一个多个文件都要使用的function 函数,那我不想这个文件里写一遍,那个文件又写一遍,我们就可以把这个函数封装成一个模块文件,并在这个文件里提供一个向外面export 导出的功能,我这个文件想要使用这个函数,我就import 导入 这个文件

所以模块化就两个关键单词 import 导入export 导出
让学前端不再害怕英语单词(二)

至于更多的内容,我们下一章节再细谈!感谢阅读!

如在开发问题中遇到问题,可私聊博主
如有错字,还请原谅!近日会更下一章:让学前端不再害怕英语单词(萨三)和前端学习路线(三),同时也会更新前端静态页面开发思路(三)