我和前端的那些事儿

  • A+
所属分类:系统文档

在开发领域,总能听到这两个词:“前端”、“后端”。

然,像我这种没有系统学习过的人来说,而且圈子也比较小众,第一次听到这种词是比较陌生的。但好在语文功底不错,顾名思义,结合实际场景,大概也能猜出一二。

第一次决定自己写一个 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>
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。
我和前端的那些事儿

我和前端的那些事儿

我和前端的那些事儿

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: