让学前端不再害怕英语单词（二）

news2025/1/12 18:11:35

写了本专栏的第一章让学前端不再害怕英语单词（一）后，反响热度还是比较高的，截止现在已经有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 导出
在这里插入图片描述