0
点赞
收藏
分享

微信扫一扫

uniapp中延时执行任务的方法

老王420 2023-07-18 阅读 78
web前端

目录

前言

一.wed

💖wed是什么?

💖 wed的分类

二.HTML 和 CSS

💖HTML的介绍

HTML的标签

💖CSS的介绍

常用基本标签

💖实践

HTML结构标签特点

三.JavaScript

💖JavaScript的介绍

💖JS的学习内容

四.Vue

💖Vue的介绍

 MVVM(Model-View-ViewModel)思想介绍

💖Vue的代码样式

安装Vue.js方法及其使用

 代码展示

五.VS Code

总结



前言

一.wed

💖wed是什么?


💖 wed的分类

前端wed主要介绍:

HTML:负责网页结构(页面元素和内容)   

CSS:负责网页的表现(页面元素的外观、位置。如颜色、大小)

JavaScript:负责网页的行为(交互效果)

Vue:一套用于构建用户界面的渐进式JavaScript框架

element:基于Vue封装的桌面端组件库

而至于后端wed,我们是需要详细学习的,在之后的学习当中会逐步了解的。


二.HTML 和 CSS

💖HTML的介绍

HTML的标签:

 标签一般分为2种:

  1.  带有标签体的标签< a>标签体< /a >
  2. 不带标签体的标签(自结束标签)< br/>,< hr/>

看不懂没关系,先了解到什么是标签就行。例如<html>和</html>是成对出现的,开始标签和结束标签。 

💖CSS的介绍

 例子:

常用基本标签

下面是更加全面的标签和css,建议收藏哦

标签大全的参考手册:HTML 标签参考手册 (w3school.com.cn)

CSS大全参考手册:CSS 参考手册 (w3school.com.cn)

💖实践

        第一步,建立一个文本文档,将后缀改为.html

        第二步,在文本文档里输入语法格式

          第三步,点击文件,形成对应的网页

注:语法格式,浏览器要求不严,甚至有时候缺少一个>"都可以显示成功,因为浏览器的内核很厉害,会自动补全。

HTML结构标签特点

  1. 不区分大小写
  2. 单双引号都可以
  3. 语法松散

三.JavaScript

💖JavaScript的介绍

什么是网页行为呢?

如上述动态图,点击上、下一张照片时,便是控制网页行为。🌟:水印不会去、视频内容来源百度 

💖JS的学习内容

1.JS的引用方式

        由介绍中,我们可以发现,JS可以控制网页行为,也就是说和HTML进行结合使用。

2.JS的基础语法

       JS是一门编程语言,需要学习它的基础语法,例如变量的控制、运算符等等。

3.JS函数

       例如Java中的方法,我们需要学会使用函数、调用函数。

4.JS对象

        JS当中提高了很多对象,需要学会如何使用常用的对象。

5.JS监听

       最重要的监听,监听:当事件发生的时候,会产生对应的行为。


四.Vue

💖Vue的介绍

 MVVM(Model-View-ViewModel)思想介绍

💖Vue的代码样式

安装Vue.js方法及其使用


 代码展示

  • 先新建一个HTML页面,以便引入Vue.js文件
<script src="js/vue.js"></script>

  • 在]S代码区域,创建Vue核心对象,定义数据模型
<script>
    new Vue({
      el:"#app"
        data: {
            message:"Hello Vue!"
        }
    })
</script>
  • 编写视图
<div id="app">
    <input type="text" V-model="message">
    {{ message }}
</div>

注:{{ 表达式 }} 。表达式可以是变量、三元运算符、函数调用以及算术运算


五.VS Code

        从实践当中,我们会发现使用记事本效率极低,并且没有任何提示,俗话说的好,工欲善其事必先利其器,所以我们需要下载一个帮助我们更快了解,编程效率高的代码编辑器---VS Code。

我们这就简单的介绍一下,什么是VS Code?

VS Code下载指南:http://t.csdn.cn/HM2Oq

总结

        想学好Javawed,我们应该先了解wed,了解wed的前后端,有了更好的前端知识,对于后端的部分,就更加容易理解。

                                                                                                        ----------------懒惰的tq02

举报

相关推荐

0 条评论