• 【慎思堂】之JS牛腩总结


    JS基础

    1-定义

    Javascript是一种脚本语言/描述语言,是一种解释性语言。用于开发交互式web网页,使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。

    主要用于:表单验证 

    2-特点:

        1. 基于对象的语言
        2. 简单性:基干Java基本语句和控制流之上的简单而紧凑的设计;其次它的变量类型是采然弱类型,并未使用严格的数据类型。
        3. 安全性:它不允许访问本地硬盘,并不将数据存入到服务器上,不允许对网络文档进行修改和册滁,只能通过浏览器实现信息浏览或动态交互.从而有效地防止数据的丢失。
        4. 动态性的:采用事件驱动机制,可以直接对用户或客户输入做出相应,无须经过Web服务程序。

    二 小知识点

    1-JS构架

        <script  language =”javascript”  type=”text/javascript”></script>

        Language标识语言;type标识类型

    定义:变量、数据类型、数组

    对象(对象、属性、方法)、运算符

     

    Alter弹出对话框  ;  Prompt弹出输入框

    2-事件处理机制:

    事件+处理函数+函数返回值

    3-获取表达式中的文本框的值:

    Document.表单名称.文本框名称.value

    4-控件

    单选按钮:radio

    复选按钮:Checkbox

    列表菜单:select

    5-结构

    顺序结构

    选择结构(举例):根据用户名和密码判断输入是否正确

    循环结构(要素):初始值+循环条件+改变初始值

        while循环+for循环

    三 流程

    首先,根据需求分析绘制流程图,按照流程图写程序,后期代码优化。

    1-CSS样式:

    控制页面显示。

    行内样式>内嵌样式>链接样式 

    2-代码优化:

        1. 为了复用,把JS代码单独放置,后引用
        2. 利用数组索引,获取value
        3. 利用数组循环,判断是否被选中。
        4. 转义字符:/换行,以实现特殊字符的输入。
        5. 用户体验:获取焦点,选中所有文本

    3-小技巧:

    建立JS代码库

    分栏模式:利用“隐藏”+替换图片

    验证表单:正则表达式+Replace/match


  • 相关阅读:
    vagrant创建centos7后虚拟机磁盘爆满
    Linuxpython删除某个目录文件夹及文件的方法
    Oracle 中常用查询用户、角色、权限等SQL
    log4j2 rce几个疑惑点解惑
    2021年总结和反思
    使用grep命令,玩转代码审计寻找Sink
    VSCode使用技巧
    [转载]什么是电源的纹波,如何测量它的值,又如何抑制呢?
    【Bug system】GCC Bugzilla
    .net core3.1开始页面实时编译
  • 原文地址:https://www.cnblogs.com/riasky/p/3469108.html
Copyright © 2020-2023  润新知