综合案例——个人简介、vue简介

网页制作思路

  • 从上到下,先整体再局部,逐步分析制作
  • 分析内容——写代码——保存——刷新浏览器,看效果

个人简介代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简介</title>
</head>
<body>
    <h1>尤雨溪</h1>
    <hr>
    <p>尤雨溪(Evan You),毕业于科尔盖特大学,前端框架<a href="./vue简介.html" target="_blank">Vue.js</a>的作者、<a href="#" target="_blank">HTML5</a>版Clear的打造人、独立开源开发者,曾就职于Google Creative Labs和Meteor Development Group。由于工作中大量接触开源的<a href="#" target="_blank">JavaScript</a>项目,最后自己也走上了开源之路,现全职开发和维护<a href="./vue简介.html" target="_blank">Vue.js</a>。</p>
    <img src="https://bkimg.cdn.bcebos.com/pic/6609c93d70cf3bc79f3d833dfd59ada1cd11738bfc93?x-bce-process=image/format,f_auto/quality,Q_70/resize,m_lfit,limit_1,w_536" title="尤雨溪" width="250">
    
    <h2>学习经历</h2>
    <p>尤雨溪毕业于上海复旦附中,在美国完成大学学业,本科毕业于Colgate University,后在Parsons设计学院获得Design & Technology艺术硕士学位,任职于纽约Google Creative Lab。</p>
    <p>尤雨溪<strong>大学专业并非是计算机专业</strong>,<ins>在大学期间他学习专业是室内艺术和艺术史,后来读了美术设计和技术的硕士,正是在读硕士期间,他偶然接触到了JavaScript,从此被这门编程语言深深吸引,开启了自己的前端生涯。</ins></p>

    <h2>主要成就</h2>
    <p>2014年2月,开发了一个前端开发库Vue.js。Vue.js是构建Web界面的JavaScript库,是一个通过简洁的API提供高效的数据绑定和灵活的组件系统。</p>

    <h2>社会任职</h2>
    <p>2016年9月3日,在南京的JSConf上,Vue作者尤雨溪正式宣布加盟阿里巴巴Weex团队,尤雨溪称他将以技术顾问的身份加入Weex团队来做Vue和Weex的JavaScript runtime整合,目标是让大家能用Vue的语法跨三端。</p>
</body>
</html>

vue简介

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue简介</title>
</head>
<body>
    <h1>Vue.js</h1>
    <p>Vue(发音为/vjuː/,类似view) 是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,可以高效地开发用户界面。无论是简单还是复杂的界面,Vue都可以胜任。</p>
    <p>Vue是一个独立的社区驱动的项目,它是由<a href="./个人简介.html" target="_blank">尤雨溪</a>在2014年作为其个人项目创建,是一个成熟的、经历了无数实战考验的框架,它是目前生产环境中使用最广泛的JavaScript框架之一,可以轻松处理大多数Web应用的场景,并且几乎不需要手动优化,并且Vue完全有能力处理大规模的应用。</p>

    <h2>主要功能</h2>
    <p>Vue.js是一套构建用户界面的渐进式框架,采用自底向上增量开发的设计,核心库只关注视图层。Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。</p>
    <p>Vue是一个框架,也是一个生态。可以用不同的方式使用Vue</p>
    
    <video src="./vue视频简介.mp4" controls></video>
</body>
</html>

效果图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值