标签：定位 培训 鸿蒙 元素 用户 position 对齐 属性
学习地址：官方文档：文档中心
博主资料：技术胖-华为鸿蒙系统应用 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 四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。
标签：定位,培训,鸿蒙,元素,用户,position,对齐,属性 来源： https://blog.csdn.net/weixin_54654453/article/details/122760391
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。