当前位置: 首页 > news >正文

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

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

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

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

相关文章:

  • Java培训教程给bean的属性赋值
  • Socket套接字(Java)
  • 机器人工程考研难易主观感受和客观数据
  • Bio-Helix丨Bio-Helix艾美捷Ponceaus S染色液说明书
  • 【Spring(四)】Spring基于注解的配置方式
  • 【Git】一文带你入门Git分布式版本控制系统(简介,安装,Linux命令)
  • AWS EKS 创建k8s生产环境实例
  • java计算机毕业设计html5健身房信息管理系统源码+mysql数据库+系统+lw文档+部署
  • 面向开发者的开源低代码开发工具,强烈推荐!
  • 制作一个简单HTML宠物猫网页(HTML+CSS)
  • Python题库(含答案)
  • 有效 QA 过程测量的 10 个基本指标
  • HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)
  • vscode插件开发(四)Webview(1)
  • R语言使用data.table包的fread函数读取(加载)csv数据为data.table格式、使用summary函数查看数据的汇总统计信息
  • [iOS]Core Data浅析一 -- 启用Core Data
  • 【Amaple教程】5. 插件
  • 【跃迁之路】【444天】程序员高效学习方法论探索系列(实验阶段201-2018.04.25)...
  • Idea+maven+scala构建包并在spark on yarn 运行
  • leetcode388. Longest Absolute File Path
  • mysql外键的使用
  • SQLServer之索引简介
  • supervisor 永不挂掉的进程 安装以及使用
  • Yii源码解读-服务定位器(Service Locator)
  • 短视频宝贝=慢?阿里巴巴工程师这样秒开短视频
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 使用阿里云发布分布式网站,开发时候应该注意什么?
  • 体验javascript之美-第五课 匿名函数自执行和闭包是一回事儿吗?
  • 一加3T解锁OEM、刷入TWRP、第三方ROM以及ROOT
  • 最简单的无缝轮播
  • 数据可视化之下发图实践
  • ​MySQL主从复制一致性检测
  • ​软考-高级-信息系统项目管理师教程 第四版【第19章-配置与变更管理-思维导图】​
  • #if和#ifdef区别
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • (附源码)springboot家庭财务分析系统 毕业设计641323
  • (附源码)计算机毕业设计SSM智能化管理的仓库管理
  • (顺序)容器的好伴侣 --- 容器适配器
  • (译) 理解 Elixir 中的宏 Macro, 第四部分:深入化
  • (幽默漫画)有个程序员老公,是怎样的体验?
  • (原+转)Ubuntu16.04软件中心闪退及wifi消失
  • (原創) 如何解决make kernel时『clock skew detected』的warning? (OS) (Linux)
  • **CI中自动类加载的用法总结
  • .net core 6 集成 elasticsearch 并 使用分词器
  • .Net CoreRabbitMQ消息存储可靠机制
  • .NET的数据绑定
  • .NET多线程执行函数
  • .NET框架
  • .NET委托:一个关于C#的睡前故事
  • .vue文件怎么使用_我在项目中是这样配置Vue的
  • ::
  • @EnableAsync和@Async开始异步任务支持
  • @EventListener注解使用说明
  • @manytomany 保存后数据被删除_[Windows] 数据恢复软件RStudio v8.14.179675 便携特别版...
  • @四年级家长,这条香港优才计划+华侨生联考捷径,一定要看!