web前端（速成篇一）

已于 2024-06-04 16:39:55 修改
阅读量418 收藏 9
点赞数 5
分类专栏： web前端 文章标签： 前端
于 2024-06-04 16:39:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Masha_cms/article/details/139317154
版权

web前端

一、HTML+CSS

1、HTML（不能定义）

官方网站
1、超文本：超越文本的限制
2、标记语言：由标签构成的语言，标签都是定义好的。
3、HTML代码直接在浏览器中运行，HTML标签由浏览器解析。
细节：1、HTML标签不区分大小写，标签属性值单双引号都可以，比较松散。

2、CSS

1、层叠样式表，用于控制页面的样式。

快速入门习题

1、在vscode中新建一个文件后缀名为.html或者.htm
2、在html文件中快捷键 (！+回车)，快速生成HTML标签。
3、在 < body>中写入Hello world

<!-- 文档申明，表示html -->
<!DOCTYPE html>
<!-- 语言为en，英语 -->
<html lang="en">
<head>
    <!-- 浏览器采用UTF-8字符串 -->
    <meta charset="UTF-8">
    <!-- 浏览器兼容性问题解决 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 浏览器的标签页标题 -->
    <title>入门第一步</title>
</head>
<body>
    <h1 style="color:blue;">Hello world!</h1>
    <!-- img src:要展示图片的路径，alt：如果图片展示不出来要显示的文件内容是 -->
    <img src="images/卡莎.jpg" alt="">
    <img src="images/卡莎1.jpg" alt="文件错误">
</body>
</html>

实例项目新闻

代码1

<!-- 文档申明，表示html -->
<!DOCTYPE html>
<!-- 语言为en，英语 -->
<html lang="en">
<head>
    <!-- 浏览器采用UTF-8字符串 -->
    <meta charset="UTF-8">
    <!-- 浏览器兼容性问题解决 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 浏览器的标签页标题 -->
    <title>masha访谈：卡莎的故事</title>
<!-- 方式二：外联样式，写在style标签中 -->
<!-- <style>
    h1{
        color: bisque; /*字体颜色*/
        font-size: 38px;/*字体大小*/
    }
</style> -->
<!-- 方式三：外联样式：写在一个单独的.css文件中（需要通过link标签在网页中引用） -->
<link rel="stylesheet" href="css/news.css">
</head>
<body>
<!-- 标题部分 -->
<!-- 图片标签：img标签 
    src:定义图片路径
        绝对路径：
            绝对磁盘路径：以盘符开头的路径：例如：C:\Users\Administrator\Desktop\WEBstudy\images\newlogo.jpg
            绝对网络路径：以https://或者https://开头路径：例如：https://game.gtimg.cn/images/lol/universe/images/void_emblem.png
        相对路径：相对当前html页面所在的路劲。如果和html在同一目录下使用./表示当前目录（./可以省略不写），如果在html上级目录中，使用../表示。
        width：宽度
            具体的像素和百分比的写法：px  &  %
        height:高度
             具体的像素和百分比的写法：px  &  %

-->
    <img src="images/newlogo.jpg" width="30px" height="30px">卡莎故事>正文
    <!-- 标题标签 h1-h6,标签逐渐变小 -->
       <!-- 方式1：行内样式：写在标签的style属性中 
        font-size：字体大小，单位像素px
    -->
    <!-- <h1 style="color: #937341;font-size: 38px;">回来的女孩</h1> -->
    <h1>回来的女孩</h1>
        <!-- 水平线 -->
        <hr>
            2024年5月30日 12：00 拳头官网
        <hr>
    <h2>百密一疏</h2>

</body>
</html>

知识点

1、图片标签: < img >
src：指定图像的url（绝对路径/相对路径）
width：图像的宽度（像素/相对于父元素的百分比）
height：图像的高度（像素/相对父元素的百分比）
2、标题标签：< h1>-< h6>
重要程度依次降低
3、水平线标签：< hr>
4、css引用
行内样式：写在标签的style属性中
内联样式：写在style标签中（通常约定写在head标签中）
外联样式：写在一个单独的css文件中（link标签在网页中引入）
5、颜色的表示方式
关键字：预定义的颜色名：red、blue、green
rgb表示法：红绿蓝三原色，每项取值范围：0-255 ：rgb（0,0,0）/rgb(125,125,125)
十六进制表示法：#开头，将数字转换成十六进制表示 :#000000、#ff0000
晾在海边–颜色代码大全网址
颜色提取器博客
6、font-size：字体大小，单位像素px

代码2

<!-- 文档申明，表示html -->
<!DOCTYPE html>
<!-- 语言为en，英语 -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>masha访谈：卡莎的故事</title>
<!-- 方式二：外联样式，写在style标签中 -->
<style>
   span{
    color: gray;
   }
/* 类选择器 */
   /* .cls{
    color: green;
   } */
   /* id选择器 */
   #time{
        color: gray;
        line-height: 48px;
   }
</style>
<link rel="stylesheet" href="css/news.css">
</head>
<body>
    <img src="images/newlogo.jpg" width="30px" height="30px">卡莎故事>正文
    <h1>回来的女孩</h1>
        <hr>
            <span  id="time">2024年5月30日 12：00 </span><span>拳头官网</span>
        <hr>


</body>
</html>

知识点

1、< span> 没有语义
2、css选择器：用来选取需要设置样式的元素（标签）
元素选择器：
类选择器：
id选择器：页面唯一，不重复
在这里插入图片描述
优先级：id选择>类选择>元素选择
3、行高line-height

代码3

<!-- 文档申明，表示html -->
<!DOCTYPE html>
<!-- 语言为en，英语 -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>masha访谈：卡莎的故事</title>
<!-- 方式二：外联样式，写在style标签中 -->
<style>
   span{
    color: gray;
   }
/* 类选择器 */
   /* .cls{
    color: green;
   } */
   /* id选择器 */
   #time{
        color: gray;
        line-height: 48px;
   }
   a{
        text-decoration: none;/*去除下划线*/
        color: #3F4449;
   }
</style>
<link rel="stylesheet" href="css/news.css">
</head>
<body>
    <img src="images/newlogo.jpg" width="30px" height="30px"><a href="https://yz.lol.qq.com/zh_CN/champions/">英雄故事</a>>卡莎
    <h1>回来的女孩</h1>
        <hr>
            <span  id="time">2024年5月30日 12：00 </span><span><a href="https://lol.qq.com/main.shtml" target="_blank">拳头官网</a></span>
        <hr>


</body>
</html>

知识点

1、超链接< a href=" " target=“”>< /a>
href：指定资源访问的url
target：指定在何处打开资源链接
_self:默认值，在当前页面打开
_blank:在空白页面打开
2、text-decoration: none; 去除下划线

代码4

<!-- 文档申明，表示html -->
<!DOCTYPE html>
<!-- 语言为en，英语 -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>masha访谈：卡莎的故事</title>
<!-- 方式二：外联样式，写在style标签中 -->
<style>
   span{
    color: gray;
   }
/* 类选择器 */
   /* .cls{
    color: green;
   } */
   /* id选择器 */
   #time{
        color: gray;
        line-height: 48px;
   }
   a{
        text-decoration: none;/*去除下划线*/
        color: #3F4449;
   }
   p{
    text-indent: 35px;
   }
   #plast{
    text-align: right;
   }
</style>
<link rel="stylesheet" href="css/news.css">
</head>
<body>
    <img src="images/newlogo.jpg" width="30px" height="30px"><a href="https://yz.lol.qq.com/zh_CN/champions/">英雄故事</a>>卡莎
    <h1>回来的女孩</h1>
        <hr>
            <span  id="time">2024年5月30日 12：00 </span><span><a href="https://lol.qq.com/main.shtml" target="_blank">拳头官网</a></span>
        <hr>

<!-- 正文部分 -->
<!-- 视频 -->
<video src="video/I Can Fly-POP-STARS - K-DA女团最新MV助力英雄联盟S8(标清).mp4" controls width="680px"></video>
<!-- 音频 -->
<br>
<!-- <audio src="audio/K_DA _ Madison Beer _ 曺薇娟 (MIYEON) _ Jaira Burns _ 田小娟 (SOYEON) - POP_STARS.flac"></audio> -->
<!-- 段落+图片 -->
<p><b>关于勇猛的虚空猎手卡莎</b>：
    最值得称道的可能要数她不值一提的出身。
    她并不是饱经战斗洗礼的部族战士的后裔，
    也不是响应召唤远道而来，对抗恕瑞玛地下不可知邪魔的勇者。
    相反，曾经的她只是个普通的小女孩。
    虽然生在南部沙漠的残酷环境里，
    但父母的关爱给予了她温暖。白天，
    她和伙伴们玩耍嬉闹；夜里，
    她憧憬着自己将来在这世上的位置。</p>
    <p>正是在这一切都已流落的时刻，她看到了光。</p>
    <img src="images/1.jpg" width="550px" height="320px" alt="">
    <p>正是在这一切都已流落的时刻，她看到了光。她跟随光亮，一直向下。</p>
    <p id="plast">编辑：masha</p>
</body>
</html>

知识点

1、视频标签：< video>
src:规定视频url
controls:显示播放控件
width:播放器的宽度
height:播放器的高度
2、音频标签< audio>
src:规定音频的url
controls:显示播放控件
3、段落标签< p>
文本加粗标签:< b>,< strong>
4、换行标签：< br>
5、首行缩进：text-indent
6、规定文本对齐方式：text-align (center–居中 left–左 right–右)

代码5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>盒子模型</title>
    <style>
        div{
            border: 10px solid red ;
            width: 200px;
            height: 200px;
            box-sizing: border-box;
            background-color: aquamarine;
            padding: 20px;
            margin: 30px;
        }
    </style>
</head>
<body>
    <div>
        A A A A A A A A A A A A A A A A A A A A A A 
    </div>
</body>
</html>

知识点

1、盒子模型：页面中所有的标签都可以看做事一个盒子，通过盒子的视角更方便的进行页面布局操作。
2、盒子模型的组成：内容区域（content）、内边距（padding）、边框（border）、外边距（margin）简单说，盒子模型其实就是三个css属性：padding 、border、margin
在这里插入图片描述
3、布局标签：
①实际开发网页中，会大量使用div 和span 。
②标签：< div>、< span>
③特点：
div 标签：一行只显示一个（独占一行） 宽度默认事父元素的宽度，高度默认由内容撑开，可以设置宽高。
span标签：一行可以显示多个 宽度和高度默认由内容撑开，不可以设置宽高。
4、设置边框 border (宽度、线条类型、颜色)
5、盒子的宽度：box-sizing :border-box —指定width height为盒子的宽度。
6、背景颜色：background-color
7、内边距（上下左右）：paddding
8、外边距（上下左右）margin —auto（水平居中）

最终案例代码

<!-- 文档申明，表示html -->
<!DOCTYPE html>
<!-- 语言为en，英语 -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>masha访谈：卡莎的故事</title>
<!-- 方式二：外联样式，写在style标签中 -->
<style>
   span{
    color: gray;
   }
/* 类选择器 */
   /* .cls{
    color: green;
   } */
   /* id选择器 */
   #time{
        color: gray;
        line-height: 48px;
   }
   a{
        text-decoration: none;/*去除下划线*/
        color: #3F4449;
   }
   p{
    text-indent: 35px;
   }
   #plast{
    text-align: right;
   }
   #center{
    width: 700px;
    margin: auto;
   }
</style>
<link rel="stylesheet" href="css/news.css">
</head>
<body>
    <div id="center">
    <img src="images/newlogo.jpg" width="30px" height="30px"><a href="https://yz.lol.qq.com/zh_CN/champions/">英雄故事</a>>卡莎
    <h1>回来的女孩</h1>
        <hr>
            <span  id="time">2024年5月30日 12：00 </span><span><a href="https://lol.qq.com/main.shtml" target="_blank">拳头官网</a></span>
        <hr>

<!-- 正文部分 -->
<!-- 视频 -->
<video src="video/I Can Fly-POP-STARS - K-DA女团最新MV助力英雄联盟S8(标清).mp4" controls width="680px"></video>
<!-- 音频 -->
<br>
<!-- <audio src="audio/K_DA _ Madison Beer _ 曺薇娟 (MIYEON) _ Jaira Burns _ 田小娟 (SOYEON) - POP_STARS.flac"></audio> -->
<!-- 段落+图片 -->
<p><b>关于勇猛的虚空猎手卡莎</b>：
    最值得称道的可能要数她不值一提的出身。
    她并不是饱经战斗洗礼的部族战士的后裔，
    也不是响应召唤远道而来，对抗恕瑞玛地下不可知邪魔的勇者。
    相反，曾经的她只是个普通的小女孩。
    虽然生在南部沙漠的残酷环境里，
    但父母的关爱给予了她温暖。白天，
    她和伙伴们玩耍嬉闹；夜里，
    她憧憬着自己将来在这世上的位置。</p>
    <p>正是在这一切都已流落的时刻，她看到了光。</p>
    <img src="images/1.jpg" width="550px" height="320px" alt="">
    <p>正是在这一切都已流落的时刻，她看到了光。她跟随光亮，一直向下。</p>
    <p id="plast">编辑：masha</p>
    </div>
</body>
</html>

代码6

<!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>
    
    <table border="1px" width="800px" cellspacing="0" align="center">
        <tr>
            <th>序号</th>
            <th>品牌logo</th>
            <th>品牌标签</th>
            <th>企业名称</th>
        </tr>
        <tr align="center">
            <td>001</td>
            <td><img src="images/newlogo.jpg" width="50px" height="50px" ></td>
            <td>图标1</td>
            <td>tubiao1</td>
        </tr>
        <tr align="center">
            <td>002</td>
            <td><img src="images/newlogo.jpg" width="50px" height="50px"></td>
            <td>图标2</td>
            <td>tubiao2</td>
        </tr>
    </table>
</body>
</html>

知识点

1、html表格标签：
在这里插入图片描述
在这里插入图片描述

代码7

<!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>
    <!-- 将来学习了服务器相关知识，就改成服务器地址 -->

<form action="表格演示.html" method="get">
    姓名：<input type="text" name="username"><br>
    密码：<input type="text" name="password"><br>
    <input type="submit">

</form>
</body>
</html>

知识点

1、表单标签
在这里插入图片描述
2、提交方式
①get：默认值，表单数据在url后面拼接，格式：url？username=java&age=22；url长度有限
②post:表单数据在请求体中，需要f12或者fn+f12==>点击network查看
在这里插入图片描述

两者区别：
1、get请求提交的数据在地址栏路劲后面，post请求提交的数据在请求体中
2、get请求提交数据相对不安全，post请求提交数据相对安全
3、get请求提交数据有大小限制，post请求提交数据没有大小限制

代码8

<!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>
    <!-- 将来学习了服务器相关知识，就改成服务器地址 -->

<form action="表格演示.html" method="get">
    <!-- text：普通文本输入框 -->
    姓名：<input type="text" name="username"><br>
     <!-- text：密码输入框 -->
    密码：<input type="text" name="password"><br>
    <!-- radio：单选按钮，多选1 -->
    性别：<input type="radio" name="gender" value="men" checked>男 
    <input type="radio" name="gender" value="woman">女
    <!--  checkbox:复选框,可以多选-->
    爱好：
        <input type="checkbox" name="hobby" value="sing">唱
        <input type="checkbox" name="hobby" value="dance">跳
        <input type="checkbox" name="hobby" value="rap" checked>rap
        <input type="checkbox" name="hobby" value="basketball">篮球<br>
    <!-- file：文件上传项，用来上传文件到服务器  -->
    头像：<input type="file" name="icon">
    <!-- hidden：隐藏项，从来提交不期望用户在页面看到的数据-->
    <input type="hidden" name="id"><br>
    <!-- email:邮箱输入框，自带简单的邮箱校验功能 -->
    邮箱:<input type="email" ><br>
    <!-- date：日期输入框，自带一个可以选择日期的控件 -->
    生日：<input type="date" name="birthday"><br>
 
  
    <!-- 下拉 -->
    城市：
        <select name="city" >
            <option value="bj">北京</option>
            <option value="sh">上海</option>
            <option value="wh">武汉</option>
        </select>
        <br>

    简介：
        <textarea name="desc" cols="30" rows="10"></textarea><br>

   <!-- sumbit:提交按钮，点击之后提交表单数据 -->
   <br>
   <input type="submit" value="注册">
   <!-- reset:重置按钮，点击之后表单数据重置 -->
   <br>
   <input type="reset">
   <!-- button：普通按钮，点击之后没有任何反应，需要结合javaScript才能做出点击效果  -->
   <input type="button" value="普通按钮">
</form>
</body>
</html>

知识点

1、表单项：
在这里插入图片描述
在这里插入图片描述

Masha_cms
关注
  • 5
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web前端速成(Html+Css+JavaScript+jQuery)-13.CSS
05-08 326
介绍CSS的语法和使用方法。
web前端的武功秘籍——网页设计速成，网页设计-那都不是事
05-31
介绍了最基础的网页设计知识，进阶阶段知识，自带网页实例讲解，还有素材哦，每一章节自带讲义（方便手机阅读），最重要的是老师讲解有趣，内容丰富，面面俱到，而且还...送给刚开始学习web前端的同学，最适合食用。
web前端（速成篇三）
Masha_cms的博客
07-10 397
1、官网2、vue是一套前端框架，免除原生JS中的DMO操作，简化书写。3、基于MVVM思想，实现数据的双向绑定，将编程的关注点放在数据上。做一个这样的案例。
教你0基础，速成web前端
岩浆李的游鱼
07-12 1987
前言： 今年公司没什么移动前端的活，闲来无事，我也学习起了前端。从我的博客上也能看出端倪。看到掘金在搞征集好文的活动，我也来参加下。就来分享一下我学习前端的路线吧。（目前我接触了2-3个月了。vue框架，加上原生写官网已经算是成功入门了。希望能帮助想学习前端的同学） 接下来，详细说说我的步骤。它来了。 一、准备工作 打开百度，搜索菜鸟教程，把以下几处过一遍。当然了，重点是过一遍，其中你觉得感兴趣的可以好好看看。以后正式写的时候，不懂就来查。当然你又有空的时候还可以来过一遍。第二次过一遍的时候重点是就像读书时
【前端知识】一篇速成 建议收藏
大学生小郑的博客
07-04 986
正式敲代码之前呢,我们先来看几个概念0静态网页: 页面的内容和显示效果就基本上不会发生变化了--除非你修改页面代码。动态网页: 页面代码虽然没有变，但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。1WWW是 World wide Web 的缩写，中文名: 万维网2Uniform Resource Locator 统一资源定位符3超文本传输协议(是一个简单的请求-响应协议)4超文本标记语言HTML 是用来描述网页的一种语言。HTML。
java web 速成_java web开发(前端+后端)整套流程（小白版，教你怎样从零学起web开发）...
weixin_29123181的博客
02-16 1057
一.前言有很多人告诉我一直想学web开发，却不知到从哪学起。前端，后端学的断断续续，学了前面忘了后面，前端后端也不知道怎么连接，与服务器怎么交互，网站怎么放入服务器等等一堆问题，搞了很长时间也没能完整的做出一个像样的网站。所以，在这里，我要把我的教训写下来，让你们不会浪费时间，不会走这么多弯路。(包括所有的教学视频，配置环境所需要的文件等等)。二.正文1.你百分百要掌握的东西，java基础。(资源...
前端速成（自用）
weixin_51530404的博客
06-26 383
html笔记，大多是https://www.runoob.com/（菜鸟教程）上面的内容。
web前端（速成篇二）
Masha_cms的博客
06-29 732
1、js是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，能使页面可交互。2、js和java是完全不一样的语言，不论是概念还是设计，但是基础语法相似。
Web前端速成(Html+Css+JavaScript+jQuery)-14.页面布局
05-12 238
以案例为分析讲解页面布局的思路
前端(Web网页)无基础个人学习记录Day3，HTML、CSS、JavaScript笔记
QQ942251894的博客
10-06 553
本笔记为无基础的小白在学习前端技术HTML、CSS、JavaScript过程中所做的笔记，既是对自己学习过程的一个记录，也希望能够给后面新来学习的朋友们提供参考和帮助。本学习笔记基于MOOC、CSDN、知乎、百度百科、b站up主“黑马程序员”等学习资源，综合总结为自己的无基础起步的学习笔记。
React框架速成技巧：前端新手变高手的必经之路
06-11
React，作为一个由Facebook开发并维护的前端JavaScript库，已经成为现代Web开发领域的重要组成部分。它以其组件化、声明式和高效的特点，赢得了广泛的关注和采用。本教程专为前端小白设计，旨在提供一个全面而易于...
React框架速成技巧：前端新手变高手指导教程（word文档）
06-12
这个“React框架速成技巧：前端新手变高手指导教程”旨在帮助初学者快速掌握React的核心概念和技术，从而提升前端开发技能。 一、React基础知识 React是一个由Facebook维护的开源库，它采用组件化开发方式，让...
learn-web-dev:Web开发迷你速成班
04-19
在“learn-web-dev: Web开发迷你速成班”中，我们将会探讨一系列关于Web开发的基础概念和技术，旨在帮助初学者快速入门并掌握构建网站的基本技能。这个迷你课程将涵盖前端开发、后端开发以及必要的开发工具，确保你...
前端面试题日常练-day97 【Less】
最新发布
qq_44640575的博客
07-20 283
border-radius()函数用于在Less中生成圆形边框效果。通过设置border-radius()函数，我们可以为元素的边框添加圆角效果，使边框呈现圆形的外观，从而美化页面元素的边框样式。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1047
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 518
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
LG 选择 Flutter 来增强其智能电视操作系统 webOS
恋猫de小郭的博客
07-17 1505
总的来说，LG 是 Flutter 在 TV 领域的一次新的尝试，并且它是在脱离了 Android 平台的场景下实现的支持，虽然 webOS 并不是什么流行的系统，但是这也体现出了 Flutter 的特点：可以用较低的成本实现较好性能的跨平台。后续，在 LG 的主导下，WebOS 经过进一步修改，转变为智能电视操作系统，于是 WebOS TV 就诞生了，此后 LG 的 TV 基本路线定为 webOS ，在应用层面，WebOS TV 以基于 Web 的技术为基础。然后 LG 为什么选择 webOS？

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值