让学前端不再害怕英语单词(二)
创始人
2024-04-10 20:37:29
0次

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

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

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

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...