学习地址:官方文档:文档中心
博主资料:技术胖-华为鸿蒙系统应用 OpenHarmony JS 前端开发 基础入门教程-完结
1、密码验证输出登陆成功:
(1)首先,在实际的开发过程中,用户设置的密码是活的,是服务器向app发送的数据,我们需要对比数据库来验证是否登陆成功,而不是自己设置死的数据。
(2)思路:先获取到输入框输入的字符,然后输入框里的字符与你设置的字符相比较,此时在跳转那个代码中,你可以用一个判断,判断正确的话跳转,错误的话就失败。
2、对JavaScript中的事件学习:
(1)事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:
页面加载时触发事件;
页面关闭时触发事件;
用户点击按钮执行动作;
验证用户输入内容的合法性;
(2)常见的html事件的列表:
举例:
3、CSS学习:
(1)文本对齐方式:
文本排列属性是用来设置文本的水平对齐方式。
文本可居中或对齐到左或右,两端对齐.
当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。
(2)文本颜色有三种写法:
十六进制值 - 如: #FF0000
一个RGB值 - 如: RGB(255,0,0)
颜色的名称 - 如: red
(3)position的定位很重要(position 属性指定了元素的定位类型。):
position 属性的五个值:
元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定position属性。他们也有不同的工作方式,这取决于定位方法。
static:
HTML 元素的默认值,即没有定位,遵循正常的文档流对象。
静态定位的元素不会受到 top, bottom, left, right影响。
fixed:
元素的位置相对于浏览器窗口是固定位置。
即使窗口是滚动的它也不会移动.
relative:
相对定位元素的定位是相对其正常位置。
absolute:
绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>.
sticky :
英文字面意思是粘,粘贴,所以可以把它称之为粘性定位。
position: sticky; 基于用户的滚动位置来定位。
粘性定位的元素是依赖于用户的滚动,在 position:relative 与 position:fixed 定位之间切换。
它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。
元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。
这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生效。否则其行为与相对定位相同。