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

简介: 写了本专栏的第一章让学前端不再害怕英语单词(一)后,反响热度还是比较高的,截止现在已经有20个收藏量了,所以趁热打铁来更第二章第一章我们简单的介绍了html,css和js的部分高频单词,因为html要记的关键点不多(就几个标签),所以html的单词到这里就结束了,本章继续介绍css和js的高频单词,并且对es6的部分高频单词进行一个介绍

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 如果

0035d1d8b4724bb8805c207b0c45ece3.png

for 对于…来说,对数字1-10来说,我们应该怎么怎么样

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

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

while(i<99)

所以我们从语义上,结合中文去看更能分辨出什么时候用哪种循环更合适

判定是对还是错,我们用if 如果,在一个区域之内的,我们用for 对于…来说,单个条件的,我们则用while 在…期间


属实是中西合璧

我相信你看了这篇文章会对循环有更深刻的印象

在循环体中,我们则会使用return 返回break 打破

if 如果 通常与 break 打破结合使用,意思是如果怎么怎么样,我就打破这个条件了,结束本次判断了

6367895d0c7447f2adde2102b2834246.png

return 返回则是从本次循环体中返回到主调函数中,我通过一个运算,结束了,我把值返回给你主调函数去使用

es6

es6我想谈谈最常使用的模块化,module 模块

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


所以模块化就两个关键单词 import 导入export 导出

5d7031d6005341efa494dc914ec1c42a.png

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


如在开发问题中遇到问题,可私聊博主

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

相关文章
|
7月前
|
安全 算法 前端开发
作为程序员变强了也变秃了遇到令人膛目结舌的代码技巧
作为程序员变强了也变秃了遇到令人膛目结舌的代码技巧
61 1
|
7月前
|
数据采集 大数据 Python
学Python静不下来,看了一堆资料还是很迷茫是为什么
学Python静不下来,看了一堆资料还是很迷茫是为什么
64 2
学Python静不下来,看了一堆资料还是很迷茫是为什么
|
前端开发 JavaScript 程序员
前端中那些让你头疼的英文单词
前端中那些让你头疼的英文单词
|
定位技术 网络架构
搞不懂缺省路由?一个故事告诉你
搞不懂缺省路由?一个故事告诉你
116 1
|
前端开发 数据可视化 程序员
让学前端不再害怕英语单词(四)
前三章直通车↓↓↓ 让学前端不再害怕英语单词(一) 让学前端不再害怕英语单词(二) 让学前端不再害怕英语单词(三) 在第一章和第二章,我们大致讲了下前端三剑客和利用接口处理后端返回数据的一些单词,在第三章我们讲了css中的伪类和开发过程中要使用的一些单词,所以在第四章中,我们进一步系统的讲关于开发过程中使用的一些单词 如果有读者觉得哪部分的单词不熟悉的话,可以直接私信博主,博主会根据内容进行总结归纳
149 2
让学前端不再害怕英语单词(四)
|
前端开发 数据安全/隐私保护
让学前端不再害怕英语单词(三)
让学前端不再害怕英语单词(三)
151 2
让学前端不再害怕英语单词(三)
|
前端开发 JavaScript 索引
让学前端不再害怕英语单词(一)
有很多跟着我学习的学生经常跟我抱怨前端的单词很多,学了css又忘了html的单词,学了js又忘了css 的单词,所以本着给跟着我学习的学生提供一个学习前端不怕英语单词的课程,就打算写一篇博客去讲述如何增强在学习前端的时候巩固语法并且加强对英语单词的熟悉度 这一章节我们先讲下html,css和js的部分重点单词和联想记忆法
162 1
让学前端不再害怕英语单词(一)
|
机器学习/深度学习 人工智能 自然语言处理
AlphaCode 能替代人类程序员吗?网友:被替代也挺好,这样就可以少写代码多开会了
DeepMind 是最新的人工智能研究实验室。它推出了一个可以生成软件源代码的深度学习模型,成果令人印象深刻。该模型被称为 AlphaCode,基于 Transformer,与 OpenAI 在其代码生成模型中使用的架构是一样的。
173 0
AlphaCode 能替代人类程序员吗?网友:被替代也挺好,这样就可以少写代码多开会了
|
算法 数据挖掘 程序员
程序员究竟能干多少年?用数据说话!
程序员这个职业究竟可以干多少年,在中国这片神奇的土地上,很多人都说只能干到30岁,然后就需要转型。 我在很多面试中,问到应聘者未来的规划都能听到好些应聘都说程序员是个青春饭。因为,大多数程序员都认为,编程这个事只能干到30岁,最多35岁吧。
309 0
程序员究竟能干多少年?用数据说话!
|
程序员
程序员眼中的英语单词
          程序员眼中的英语单词 我的GitHub地址:https://github.com/heizemingjun 我的博客园地址:http://www.cnblogs.com/chenmingjun 我的蚂蚁笔记博客地址:http://blog.
1057 1

相关实验场景

更多