应用软件的工作结构

  • 界面 (UI、User Interface)

    就是前端的部分。 主要由 html、css、javascript 来完成。

  • 业务(BU、Business Unit)

    就是后端部分。 可用的语言有: java、python、c#、asp.net、php 等等。

  • 数据库(Data Base)

    负责软件中用到的数据的存储。 常见的数据库有: sql server、 mysql、oracle、db2 等等。

小程序 和 网页开发的区别

  • 开发工具的不同

    小程序有属于自己的专门的开发者工具,

    可以实现同步本地文件+开发调试+编译+预览+上传+发布的一整套流程。

  • 开发环境的不同

    微信小程序是依赖于微信存在的,所以没有兼容性的问题一说。

  • 开发语言的不同

    微信小程序有自己的一套专门用来编写页面的语言wxml+wxss+JavaScript。

HTML 的基本标签

整个页面的框架是由一个个的标签标记组成的,搭建框架的过程,可以类比于搭建积木的过程。

标签分为 单标签 和 双标签。 标签里面可以写属性值。

元素的显示方式

  • 块级元素

    单独成行的,从上到下排列的。

    比如: p、 div、 h1~h6、 ul

  • 行内元素

    多个行内元素可以共占 一行, 从左到右排列。

    比如: img、 span

表单里的 input 标签常用属性

  • type : 默认 文本框。
  • placeholder : 占位提示符,不写数据时提示的文本。
  • value : 提交给服务器的值,也就是用户输入的数据。
  • maxlength : 显示输入的最大长度。

html5 新增的部分标签:

  • 音频标签

    <audio> </audio>

    属性:

    src : 资源文件路径

    controls : 显示播放、暂停等控件。

    autoplay : 自动播放

    loop : 循环播放

    muted : 静音播放

  • 视频标签

    <video> </video>

    属性:

    poster : 视频封面。 属性值为图片的路径。

    width:播放器的宽度。

    height : 播放器的高度。

    src : 资源文件路径

    controls : 显示播放、暂停等控件。

    autoplay : 自动播放

    loop : 循环播放

    muted : 静音播放