关于前端学习的小心得

TLMOA

已于 2023-01-08 21:45:34 修改

阅读量139

点赞数 1

文章标签：前端学习 javascript

于 2023-01-08 21:35:04 首次发布

本文链接：https://blog.csdn.net/TMNOA/article/details/128605214

版权

一、html

了解了html，感觉是一个比较简单的语言，通过它，我可以将我自己的语言转化为网页上的内容。

为什么说它简单，因为其实它不需要太多的理解，最重要的就是记忆。只要把相关的标签、属性熟悉一下，基本就可以掌握。

不过作为一个刚学完C语言的编程小白来说，还是说一下我一个小白苦恼的地方。

首先

就是标签的首尾呼应，总是前边写了，后边忘了。

再有

就是英语水平低，我在想，如果我英语水平高的话，那些英语简化出来的标签属性，我岂不是可以不背了。（就是想说英语对于我们这些人很重要滴！！！）

来感受一下html的简单@@@

https://www.runoob.com/html/html-quicklist.html

二、css

如果说html浮于内容的话，css主要是美化界面的。谁不爱可可爱爱、舒舒心心的网页界面呢？？？

这里说一说我感觉对于使用它来说最舒心的地方

我觉得选择器搞得非常好，它把内容和我们修饰内容的idea分开，怎么说，条理清晰的感觉总是很美妙。

主要说一说id选择器和class选择器（也就是我们常说的类选择器）。

1. id选择器

作用：选中对应id属性值的元素

语法：#id属性值{}

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
#para1
{
	text-align:center;
	color:red;
} 
</style>
</head>

<body>
<p id="para1">Hello World!</p>
<p>这个段落不受该样式的影响。</p>
</body>
</html>

2.class选择器

作用：选中对应class属性值的元素

语法：.class属性值{}

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
.center
{
	text-align:center;
}
</style>
</head>

<body>
<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p> 
</body>
</html>

3.区别

id选择器只能用一次，而class能多次。而且能多次使用。

总的来说，

选择器和从句差不多吧，或者说css就是html的从句。

三.javascript

如果通过html和css我们已经得到了一个粉雕玉琢的小女儿，那么Javascript就像是女儿养大了，会说话了。我们干什么，她都会有相应的反应。我们通过javascript让我们的网页可互动，可被控制。

说一下js函数

自创函数fun，实现数字相加

//有多少形式参数都可以，都罗列出来
	function fun(a,b){
		console.log(a + b);
	}
	
	fun(3,5);	//输出8
	fun(8,11);	//输出19

本来就有的alert函数，弹窗

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试实例</title>
<script>
function myFunction()
{
    alert("Hello World!");
}
</script>
</head>
 
<body>
<button onclick="myFunction()">点我</button>
</body>
</html>

总结：

html主内容，css主美化，js主操作。

虽然只是短短学习了很短一段时间，但我还是基本了解了这三个陌生的东西都发挥着什么作用，在网页制作中扮演着什么角色。希望之后，能不断加深对他们的理解。同道中人们，加油！待到秋来九月八，我花开后百花杀。