学前端不用害怕英语单词

秒速五厘米 2024-03-31 13:37 47阅读 0赞

很多和我一起学习的同学经常向我抱怨前端单词很多，但是忘记了html单词和js单词。所以为了给和我一起学习的同学提供一个前端不怕英语单词的课程，我打算写一篇关于如何在前端加强语法巩固和熟悉英语单词的博客。

本章我们先来说说html，css，js的一些关键词和联想记忆方法。

Ps:自习组的同学可以找我要typora文档。

超文本标记语言  
html超文本标记语言的全称是超文本标记语言。  
超出超文本标记的语言  
虽然我们不用死记硬背html，但是如[果面试官问你html的全][html]称是什么，如果你记不住，那你就完了。  
Hyper不需要记忆，  
Text，我们平时在桌面上创建的“新文本文档”的后缀是txt，可以和助记符联系起来。  
标记，我们需要记住这一点。我们主要记住马克，念“诅咒氪”。开发时，有些函数名可能会有Mark，用来标记日期、里程碑等等。  
语言，我们也需要记住，如果我们去读官网的外文资料，可以看到哪里有语言按钮，可以把英文转换成中文。

在html标签中，我们主要记住以下单词:  
头；身体；标题；风格；剧本；Div元素  
每页必然会出现六个字，所以我们看多了自然会看到这些字。平时按F12也能看到这些字。

![0b8e17fa27efec6f3d179d144a71aef9.png][]

![8ae8b56ca1a5c78251319b6b8aa87ba5.png][]

显然，样式区是我们写css的地方，脚本区是我们写js语法的地方。

因为css代表级联样式表，js代表Javascript。

在html的div标签中，我们可[以看到class][class]，这是计算机中的高频词。

类，意思是一类东西。例如，苹果是红色的。我们可以把苹果分为红色、红色，把香蕉分为黄色.我们可以把香蕉归类为黄色  
我们小学的时候学的是教室，也就是教室，同学都是同龄人。比如我们9岁，初三学英语的时候，这个教室里全是9岁的学生，class =' 9 '。

身份证号，关联索引，都是用来实现标记功能的词。

如果在div中使用inline style设置样式，我们也可以在div标签中看到style样式。

钢性铸铁  
css中出现频率最高的无疑是宽度和高度。  
宽度高度高度高度  
然后是我们用三个词从里到外设置的边框:  
填充内边距边[框边距外][Link 1]边距  
当我们设置边界时，我们需要设置四个方向的距离，即:  
右上，下，下，左，左  
四个方向按顺时针方向设置。忘记顺序，想想时钟是怎么走的。  
按F12，点击一个div标签，滑动到底部可以看到边框，方便查看。

![b32ec64b23a54aa1bec5a1356f392272.png][]

你可以看到在图片的顶部有一个位置。我们通常用这个词做什么？  
定位，所以定位就是定位  
我们常说有四种定位:

/\*相对定位\*/  
位置:相对  
/\*绝对定位\*/  
位置:绝对  
/\*粘性定位\*/  
位置:粘性  
/\*固定定位\*/  
位置:固定  
一个  
2  
三  
四  
五  
六  
七  
八  
所以相对就是相对，其他定位也是如此。

为了隐藏和显示元素，我们通常使用display显示。  
隐藏无，关联无，即无，无  
对应block block，也就是div再次出现。

显示:无  
显示:块  
一个  
2  
说到显示，难道不是我们经常使用的灵活布局吗

显示器:flex  
一个  
所以flex的意思是弹性。

射流研究…  
最常用的js是dom操[作，用来获取对应][Link 2]的元素。

所以我们可以对常见的dom操作做一个简单的记忆。  
文档就是文档，就是我们的页面。

![96f719c2c9cc41d63dd91c9390df9a50.png][]

我们通过文档页面获取相应的元素或标签。  
其实就拿相应的div来说

通过传递classname元素名称来获取document文档中的元素。  
通过以下方式获取元素id id。  
通过名称获取元素的名称。  
通过标记名获取元素的标记名。  
Document.querySelector我们可以看到选择器Selector是用来获取对应的元素的。  
如果添加all，将获得选择器选择的所有元素，即document.querySelectorAll(' ')

钢性铸铁  
对于我们在html区域中编写的div块，我们需要为它们设置各种颜色，比如按钮的颜色，整个背景的颜色，字体的颜色，所以我们先从颜色开始。

我记得博主在小学三年级的时候教过颜色这个词:颜色。  
在css中，我们可以按颜色设置字体颜色。

颜色:红色；  
一个  
说到字体，字体字体，我们有时候会设置字体样式，比如字体的大小。那个大小的字就是大小。当我们去购物时，我们选择衣服的尺寸。  
所以我们用font-size来设置字体大小。

如果我们喜欢用微软雅荷，是不是要给字体设置一个归属样式？属于微软雅荷字体。  
归属=家庭=家庭  
所以我们用font-family来设置字体样式。

在第一章中，我们讨论了重量宽度。  
所以我们使用字体粗细来设置字体的宽度。

当我们设置背景色时，我们必须添加单词background: background。  
可以直接通过背景设置背景色，也可以在背景后面添加一种颜色来设置。

背景:粉色；  
背景色:粉色；  
一个  
2  
我们可以通过结合第一章所学的边框和方向来设置颜色。

边框-顶部:20px白色实心；  
边框:红色；  
边框顶部颜色:红色  
一个  
2  
三  
说到边框边框，我们在设置div块为椭圆或原型时，是否经常使用border-radius？  
半径是我们小学和中学的半径R的全称，也就是半径Radius。

有时我们的子元素溢出，我们使用overflow:hidden来修剪溢出。  
那我们应该怎么记住溢出这个词呢？  
李小龙曾经说过一句话:

水可以流动水正在流动。  
一个  
如果水满了，溢出的水比杯子大，会溢出来吗？  
所以溢出就是溢出，隐藏就是隐藏。  
两者结合就是把多余的剪掉。

射流研究…  
Js是我们最常用的函数。  
不管是什么编程语言，其实都有这个词，所以看多了，自然就有了。是名副其实的超频二字。

在函数中，我们会写判断条件，最常见的有三种。  
①如果我们在这种情况下，我们会做我们想做的事，如果如果

②对于…，对于数字1-10，我们应该怎么做？

for(I = 1；i < 10i++)  
一个  
③在……期间，在数字99之前，我们应该做什么？

而(我  
一个  
所以从语义上看，结合汉语来看，能更好的分辨出什么时候用哪个循环更合适。  
为了判断它是对还是错，我们用if，如果它在一个区域内，我们用for，表示一个条件，我们用while表示在…

这是中西结合的产物。  
相信你看完这篇文章，对流通会有更深的印象。

在循环体中，我们将使用return返回，break断开。  
If通常与break连用，表示如果什么，我就打破这个条件，结束这个判断。

从这个循环返回到主音调功能。我通过一个手术，就结束了。我将把值返回给你的主音函数使用。

es6  
Es6我想说一下最常用的模块化，module模块。  
什么是模块化？比如我们有一个函数function要被多个文件使用，我不想在这个文件里再写一遍，在那个文件里再写一遍，那么我们可以把这个函数打包成一个模块文件，在这个文件里提供一个对外导出的功能。如果我想在这个文件中使用这个函数，我将导出它。

[html]: http://wcyzsyc.com.cn
[0b8e17fa27efec6f3d179d144a71aef9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/9fa5d755e8f949d6b1ab2bada23169bd.png
[8ae8b56ca1a5c78251319b6b8aa87ba5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ff5b69c4638d41808475e14885c663c8.png
[class]: http://wanhuatong.vip
[Link 1]: http://lyq2034.cn
[b32ec64b23a54aa1bec5a1356f392272.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ee8670c3a5ac43698341bb048c66ec24.png
[Link 2]: http://zhifj.com
[96f719c2c9cc41d63dd91c9390df9a50.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/63777199ca164a179b8362ba9acc6aa0.png