一 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

转载于:https://www.cnblogs.com/riasky/p/3469108.html

【慎思堂】之JS牛腩总结相关推荐

  1. 某某最新《妙堂Vue.JS进阶深造高级系列》

    抽象和封装的不同点 抽象和封装是互补的概念.一方面,抽象关注对象的行为.另一方面,封装关注对象行为的细节.一般是通过隐藏对象内部状态信息做到封装,因此,封装可以看成是用来提供抽象的一种策略. 常见的J ...

  2. Python 执行js的2种解决方案-乾颐堂

    Python 执行js的2种解决方案-乾颐堂 参考文章: (1)Python 执行js的2种解决方案-乾颐堂 (2)https://www.cnblogs.com/qytang/p/5580922.h ...

  3. [知了堂学习笔记]_用JS制作《飞机大作战》游戏_第2讲(四大界面之间的跳转与玩家飞机的移动)

    一.通过点击按钮事件,实现四大界面之间的跳转: (一)跳转的思路: 1.打开软件,只显示登录界面(隐藏游戏界面.暂停界面.玩家死亡界面) 2.点击微信登录(QQ登录)跳转到游戏界面,隐藏登录界面 3. ...

  4. 【个人笔记】《知了堂》node.js简介及创建应用

    Node.js 究竟是什么? Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个( ...

  5. JS魔法堂之实战:纯前端的图片预览

    一.前言 图片上传是一个普通不过的功能,而图片预览就是就是上传功能中必不可少的子功能了.在这之前,我曾经通过订阅input[type=file]元素的 onchange事件,一旦更改路径则将图片上传至 ...

  6. 前端魔法堂——异常不仅仅是try/catch

    前言  编程时我们往往拿到的是业务流程正确的业务说明文档或规范,但实际开发中却布满荆棘和例外情况,而这些例外中包含业务用例的例外,也包含技术上的例外.对于业务用例的例外我们别无它法,必须要求实施人员与 ...

  7. php 该throw还是该404,前端魔法堂——异常不仅仅是try/catch

    前言 编程时我们往往拿到的是业务流程正确的业务说明文档或规范,但实际开发中却布满荆棘和例外情况,而这些例外中包含业务用例的例外,也包含技术上的例外.对于业务用例的例外我们别无它法,必须要求实施人员与用 ...

  8. 程序员的高速学习法——以JS学习为例,进行图解

    近期一直在忙着学习,感觉做总结的时间太少了,听起来挺好玩儿的,就像<倾城之恋>里面.范柳原说:那时候都忙着谈恋爱了哪里有时间恋爱.  学习和总结也是一样.不能一直忙着学习而导致自己没有时间 ...

  9. js 强校验 弱校验_还在手写表单校验逻辑?试试spring validation吧

    Java识堂,一个高原创,高收藏,有干货的微信公众号,欢迎关注 前言 数据的校验是交互式网站一个不可或缺的功能,前端的js校验可以涵盖大部分的校验职责,如用户名唯一性,生日格式,邮箱格式校验等等常用的 ...

最新文章

  1. 关于ORACLEOraDb11g_home1TNSListener服务启动后又停止问题的关键点
  2. 40个大数据学习资源,个个是干货,最后7个太给力
  3. centos minimal Bind 主从服务器部署
  4. 树的存储结构-孩子兄弟表示法
  5. jdk lambda表达式的坑
  6. 有抱负的程序员应看的10个TED演讲
  7. 电脑重装系统误删重要数据了怎么办
  8. 怎么将计算机工具栏时间去除,电脑任务栏不显示日期只显示时间的详细处理方法...
  9. 企业如何避交所得税__公司如何才能少交企业所得税
  10. 沧海的孤塔-chimera
  11. 百度地图迁徙大数据_百度地图大数据看十一:各地商圈出现“红色拥堵”游乐场迎来“高光时刻”...
  12. linux代码之atomic
  13. 杂项工具WinHex
  14. Cent OS (一)Cents OS的基本安装
  15. Lenovo X61鸟枪换炮之更换大硬盘
  16. 如何高效的使用mac
  17. 2. linux默认的系统管理员账号是,2019.10第二周 王俊懿_Linux
  18. 极其简单的响应式的模块化布局、看板布局 js 工具
  19. maven命令行下载依赖
  20. 实战:从Python分析17-18赛季NBA胜率超70%球队数据开始…

热门文章

  1. django开发商城(提供初始数据,商城首页及购物车)
  2. WPF自定义控件之列表滑动特效 PowerListBox
  3. [SoapUI] 通过SoapUI发送POST请求,请求的body是JSON格式的数据
  4. 解决 MyEclipse build workspace 慢,validation javascript 更慢的问题
  5. spring3 常见异常解决
  6. gdal - ogr简单对象模型
  7. Java学习笔记-正则表达式的模式匹配
  8. json转成类对象转成xml全过程
  9. 机器学习09支持向量机
  10. 1206封装电容在物料可靠性设计比较低