正则表达式概述正则表达式(regular expression) RegExp正则表达式用于匹配字符串中字符组合模式,用于表单验证。正则字面量: /表达式/;数据类型:引用数据类型objectvar reg = /abc/;字符串方法split():将字符串转为数组方法参数:要切割的字符串,还可以是正则表达式返回值:数组var str1 = "abxxxxxxxxxxchvxxbcxxxx
数组数组:表示有序数据的集合,每一项之间有顺序数组使用字面量:[],每一项之间用逗号隔开,每一项可以是任何数据类型,一般我们习惯书写相同的数据。最后一项不书写逗号。数组的数据类型:object(引用数据)读取:数组名[index] 通过index索引值读取数组中每一项的值。index从0开始。console.log(arr1[0]);设置:使用=赋值arr1[0] = 100;length
递归函数递归函数:在函数内部调用自身,一般解决数学问题。菲波那切数列:1,1,2,3,,5,8,13,21,34……function feibo(n) { // 用户输入第n项,返回对应的值 // 从第3项开始值等于n-1对应的值+n-2对应的值 if(n === 1 || n == 2) { return 1; }else { return feibo(n-1) + feib
函数函数声明函数就是功能(function)我们可以自己封装一些语句在函数内部,函数就具有了某一种特定的功能。声明函数:function 空格隔开函数名后面紧跟小括号,小括号中可以书写参数,将功能语句书写在大括号中表示整体。函数声明只是告诉我们函数有什么功能有语句,并不会执行。// 声明函数function fun() { // 将功能语句书写在大括号中,表示一个整体 console.log(
累加器和累乘器累加器:有时我们在计算时不想知道直接的过程,只想要最终的数值,有一个满足条件的结果就自加1.注意:1 累加器变量,必须书写在for外面(以防变量被每次重置为0),初始值设置0.2 当有满足条件的数值,累加器自加13 最终的结果也必须书写在for循环外面。// 用户输入数字,输出约数的总个数// 的到用户的输入var num = parseInt(prompt("请输入数字"));//
条件分支语句三元表达式三元表达式是js中唯一一个需要三个元素参与的表达式。语法: 条件表达式 ? 值1 : 值2;计算机会自行计算条件表达式的真假,返回值是布尔值如果结果是true,整个式子结果是值1;如果表达式结果是false,整个式子结果是值2.三元表达式使用的情况:当值是二选一时,使用三元会更简单。任何三元表达式都可以改为if语句(if语句是最基础的条件表达式)举例:if(false)
原型每一个函数都有一个prototype属性,它的值是一个对象对于普通函数来说, 它的作用不大但是对于构造函数,作用:实例共享方法举例:// 定义构造函数function People(name, age, sex) { this.name = name; this.age = age; this.sex = sex;}// 其实我们使用布兰达艾奇 为我们提供的People.prototy
鼠标滚轮事件事件名称: onmousewheel 兼容性: 火狐不支持onmousewheel 支持DOMMouseScroll事件该事件触发条件: 当鼠标滚轮滚动的时候触发。绑定方式:// 给document绑定鼠标滚轮事件document.onmousewheel = function() { console.log("滚动滚轮了");}在chrome中滚动:在IE中滚动滚轮:在火狐中滚
快捷尺寸clientWidth clientHeight样式:#box { float: left; padding: 10px; background-color: red; border: 10px solid blue;}输出clientWidth和clientHeight:总结:clientWidth和clientHeight包含的是:content + padding区域offs
call和apply函数中的this在定义的时候,无法确定,只有当函数执行的瞬间this才能确定下来。简单来说就是: 谁调用,指向谁。举例:// 定义函数function fun(a, b, c) { console.log(this, arguments);}// 函数单独执行// fun(1, 2, 3);// 作为事件函数执行// document.onclick = fun;docume
Javascriptjavascript由DOM、BOM、ECMAScript组成。DOM: document object model 文档对象模型 体现在代码中是documentBOM:browser object model 浏览器对象模型 体现在代码中是windowECMAScript: 核心语法。包含如何定义变量、循环语句、运算符、表达式、
SessionCookie已经可以保持登录状态了,但是不安全。于是又引入了Session。Cookie是存储在前端的,而Session是存储在后端的。当用户第一次登录时,将信息发送给服务器,服务器接收到信息,处理完毕,根据这些信息生成一个随机ID。该ID就代表该用户。将该ID字符串设置在set-cookie响应头中带给浏览器。浏览器依旧生成cookie文件,并保存随机ID。之后每一次请求都把该ID
AJAX分页AJAX分页功能: 有些数据太多了,一个页面无法显示完全。于是需要分页。有了AJAX之后,就不必使用iframe来模拟分页效果。开始时,只请求第一页的数据。当用户点击下一页时,才发送ajax请求第二页的数据。但是,AJAX破坏了页面的完整性。可能出现的情况: 用户在页面A一顿操作,点击跳转到其他页面,再点击后退,页面A又恢复成原装了。分页代码实现思路: 每当点击按钮时,发送ajax获取
使用AJAX发送表单信息为什么要使用AJAX发送表单数据?因为使用表单发送时,一旦失败,错误信息总会显示在第二个页面内。用户体验不好。使用AJAX发送时,一旦失败,错误信息显示在本页。用户可以不必其它操作,直接修改即可。表单序列化如果使用表单本身去提交,数据都是浏览器帮忙组织的。使用AJAX提交表单数据时,只能够自己组织数据。一个两个表单控件,好说,一两个表单也好说。但是,总会出现新的表单,表单的
NodeJS处理POST请求接口文档// URL /tijiao携带数据: { id: 唯一标识 number username: 用户名 string password: 密码 string sex: 性别 字符串 male female secret age: 年龄 number ……}//
FS模块File system 文件系统当前这个模块用于操作文件与文件夹创建文件fs.appendFile(filePath, content, callback);filePath: 文件路径content: 文件内容callback: 回调函数回调函数中有err 表示创建过程中可能出现的异常该方法有两种用法,第一种创建文件(当文件不存在时),第二种追加内容(当文件已经存在时)// 引入FS模块
withwith是一个语法。 在代码执行的时候,会改变作用域with (target) { console.log(a) // 如果target中存在a 属性, 那么会优先输出a, 如果没有回沿着词法作用域一直往上查 找}举例:正常模式下:// 定义对象var obj = { a: 1, b: 2}var a = 10;var b = 20;// 使用withwith (obj) {
函数绑定ES5对函数拓展了bind方法作用:为函数绑定作用域(当函数执行的时候,改变函数的作用域,并传递参数)call与apply的区别他们都是改变函数作用域的方法,都是在调用该方法的时候,执行函数并改变作用域的,第一个参数都是改变的作用域call 从第二个参数开始,表示传递给函数的参数apply 第二个参数是数组,每一个成员表示传递给函数的参数 bind跟call类似第一个参数表示改变的作用域对
JSON拓展parse该方法是将json字符串解析为js对象的使用方式:JSON.parse(str, fn)str: 要处理的字符串fn: 要处理的函数返回值就是本次处理的结果有两个参数第一个参数: 属性名称第二个参数: 属性值从外部向内部遍历举例:// 定义json字符串var str = '{"a": 1, "b": "2", "c": {"d": 3}}';// 将str转为js对象var
贪吃蛇小游戏大家都玩过,但是实现原理知道吗?作者通过JavaScript代码实现一个贪吃猫吃鱼小游戏,灵感来源于贪吃蛇的思路开发的一款简单的游戏。
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号