【慎思堂】之JS牛腩总结
一 JS基础
1-定义
Javascript是一种脚本语言/描述语言,是一种解释性语言。用于开发交互式web网页,使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。
主要用于:表单验证
2-特点:
- 基于对象的语言
- 简单性:基干Java基本语句和控制流之上的简单而紧凑的设计;其次它的变量类型是采然弱类型,并未使用严格的数据类型。
- 安全性:它不允许访问本地硬盘,并不将数据存入到服务器上,不允许对网络文档进行修改和册滁,只能通过浏览器实现信息浏览或动态交互.从而有效地防止数据的丢失。
- 动态性的:采用事件驱动机制,可以直接对用户或客户输入做出相应,无须经过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-代码优化:
- 为了复用,把JS代码单独放置,后引用
- 利用数组索引,获取value值
- 利用数组循环,判断是否被选中。
- 转义字符:/换行,以实现特殊字符的输入。
- 用户体验:获取焦点,选中所有文本
3-小技巧:
建立JS代码库
分栏模式:利用“隐藏”+替换图片
验证表单:正则表达式+Replace/match
转载于:https://www.cnblogs.com/riasky/p/3469108.html
【慎思堂】之JS牛腩总结相关推荐
- 某某最新《妙堂Vue.JS进阶深造高级系列》
抽象和封装的不同点 抽象和封装是互补的概念.一方面,抽象关注对象的行为.另一方面,封装关注对象行为的细节.一般是通过隐藏对象内部状态信息做到封装,因此,封装可以看成是用来提供抽象的一种策略. 常见的J ...
- Python 执行js的2种解决方案-乾颐堂
Python 执行js的2种解决方案-乾颐堂 参考文章: (1)Python 执行js的2种解决方案-乾颐堂 (2)https://www.cnblogs.com/qytang/p/5580922.h ...
- [知了堂学习笔记]_用JS制作《飞机大作战》游戏_第2讲(四大界面之间的跳转与玩家飞机的移动)
一.通过点击按钮事件,实现四大界面之间的跳转: (一)跳转的思路: 1.打开软件,只显示登录界面(隐藏游戏界面.暂停界面.玩家死亡界面) 2.点击微信登录(QQ登录)跳转到游戏界面,隐藏登录界面 3. ...
- 【个人笔记】《知了堂》node.js简介及创建应用
Node.js 究竟是什么? Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个( ...
- JS魔法堂之实战:纯前端的图片预览
一.前言 图片上传是一个普通不过的功能,而图片预览就是就是上传功能中必不可少的子功能了.在这之前,我曾经通过订阅input[type=file]元素的 onchange事件,一旦更改路径则将图片上传至 ...
- 前端魔法堂——异常不仅仅是try/catch
前言 编程时我们往往拿到的是业务流程正确的业务说明文档或规范,但实际开发中却布满荆棘和例外情况,而这些例外中包含业务用例的例外,也包含技术上的例外.对于业务用例的例外我们别无它法,必须要求实施人员与 ...
- php 该throw还是该404,前端魔法堂——异常不仅仅是try/catch
前言 编程时我们往往拿到的是业务流程正确的业务说明文档或规范,但实际开发中却布满荆棘和例外情况,而这些例外中包含业务用例的例外,也包含技术上的例外.对于业务用例的例外我们别无它法,必须要求实施人员与用 ...
- 程序员的高速学习法——以JS学习为例,进行图解
近期一直在忙着学习,感觉做总结的时间太少了,听起来挺好玩儿的,就像<倾城之恋>里面.范柳原说:那时候都忙着谈恋爱了哪里有时间恋爱. 学习和总结也是一样.不能一直忙着学习而导致自己没有时间 ...
- js 强校验 弱校验_还在手写表单校验逻辑?试试spring validation吧
Java识堂,一个高原创,高收藏,有干货的微信公众号,欢迎关注 前言 数据的校验是交互式网站一个不可或缺的功能,前端的js校验可以涵盖大部分的校验职责,如用户名唯一性,生日格式,邮箱格式校验等等常用的 ...
最新文章
- 关于ORACLEOraDb11g_home1TNSListener服务启动后又停止问题的关键点
- 40个大数据学习资源,个个是干货,最后7个太给力
- centos minimal Bind 主从服务器部署
- 树的存储结构-孩子兄弟表示法
- jdk lambda表达式的坑
- 有抱负的程序员应看的10个TED演讲
- 电脑重装系统误删重要数据了怎么办
- 怎么将计算机工具栏时间去除,电脑任务栏不显示日期只显示时间的详细处理方法...
- 企业如何避交所得税__公司如何才能少交企业所得税
- 沧海的孤塔-chimera
- 百度地图迁徙大数据_百度地图大数据看十一:各地商圈出现“红色拥堵”游乐场迎来“高光时刻”...
- linux代码之atomic
- 杂项工具WinHex
- Cent OS (一)Cents OS的基本安装
- Lenovo X61鸟枪换炮之更换大硬盘
- 如何高效的使用mac
- 2. linux默认的系统管理员账号是,2019.10第二周 王俊懿_Linux
- 极其简单的响应式的模块化布局、看板布局 js 工具
- maven命令行下载依赖
- 实战:从Python分析17-18赛季NBA胜率超70%球队数据开始…