在开发领域,总能听到这两个词:“前端”、“后端”。
然,像我这种没有系统学习过的人来说,而且圈子也比较小众,第一次听到这种词是比较陌生的。但好在语文功底不错,顾名思义,结合实际场景,大概也能猜出一二。
第一次决定自己写一个 HTML Demo
的时候,是为了做个导航页面,因为不想每次都手动输入地址(博主是个比较懒的人),然后开始去了解HTML
相关的内容,当然深入学习那是不可能的,经常是明确需求,然后各种搜索,各种修改。也不怕看到这篇博文的各位大佬笑话,我的 Demo
都是需改一点,刷新看看,再修改一点,在刷新看看 …… 如此反复,最终达到我要的效果。
所以,看似简单的页面,我写是需要耗比较长的时间才能完成。但毕竟一个坑一个坑走来的,印象深刻,也逐渐了解编程怎么回事,接触其它语言代码的时候,也没有当初的恐惧感。
- 我了解的
HTML
页面结构
<!DOCTYPE html>
<html>
<meta charset="utf-8" > <!--字体编码-->
<title>xxxx</title> <!--页面标题-->
<meta http-equiv="u-ua-compatible" content="ie=edge,chrome=1" /> <!--浏览器声明-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" herf="xxx/xx.css" /> <!--CSS 文件引入-->
<script src="xx/xx.js"></script> <!--JS 文件引用-->
<body>
<!--页面主体,在浏览器中展示-->
</body>
</html>
- HTML 有专用的脚本语言
1、JavaScript 是浏览器脚本语言,除了 JavaScript 还有 jQuery;
2、JavaScript 是原生的,原始的,需要自己构造方法;jQuery 集成很多库,可以直接调用;
3、在HTML中写JavaScript脚本,需要用 <script></script> 来标记;
4、JavaScript 可以控制CSS,比如隐藏、显示以及各种样式值控制等等;
5、如果引入的JavaScript需要传递参数,可以这么写:
<script>
var str = xxx;
document.write("<script type='text/javascript' src='https://xxx.com/xx.js?s="+str+"'></"+"script"+">");
</script>
6、JavaScript 构造 function 中的变量,不能在function 外使用;
7、JavaScript 同样支持 if、if-else、while、switch-case 等语句;
- 漂亮的页面可以使用CSS来控制
1、CSS
是用来装饰、修饰 页面的,就是让它更美观;
2、在 HTML
中,如果已经单独定义 CSS
文件,那么可以使用 style
进行二次定义;
- 在高速发展的今天,很少人从零构建Demo,有种东西叫 框架
1、一开始我并不了解框架,同时也不知道怎么去用框架;
2、在写自己用的一个导航 Demo 的时候,手机端页面是非常可悲的;然后一些大佬给我建议,叫我用框架,几经折腾,终于用上了第一个框架 ZURB Foundation,我写的 Demo。
还不快抢沙发