网站建设需求调研方法,王烨老师,用php做的网站有哪些,做壁纸网站好一 正则表达式
正则表达式#xff08;regular expression#xff09;是一种表达文本模式#xff08;即字符串结构#xff09;的方法#xff0c;有点像字符串的模板#xff0c;常常用来按照“给定模式”匹配文本
正则表达式可以用于以下常见操作#xff1a;
匹配…一 正则表达式
正则表达式regular expression是一种表达文本模式即字符串结构的方法有点像字符串的模板常常用来按照“给定模式”匹配文本
正则表达式可以用于以下常见操作
匹配判断一个字符串是否符合某个模式。搜索在文本中查找符合某个模式的子串。替换将文本中符合某个模式的部分替换为指定的内容。提取从文本中提取出符合某个模式的部分。
正则表达式的基本元字符包括
普通字符表示自身字符除了元字符例如字母、数字、标点符号等。元字符具有特殊含义的字符例如 ., *, , ?, |, (), [], {} 等。转义字符将元字符转义为普通字符例如 . 表示匹配实际的点字符而不是任意字符。
转义符
正则表达式中那些有特殊含义的元字符如果要匹配它们本身就需要在它们前面要加上反斜杠。比如要匹配就要写成\
特殊字符
正则表达式对一些不能打印的特殊字符提供了表达方法。 \cX 表示Ctrl-[X]其中的X是A-Z之中任一个英文字母用来匹配控制字符。 [\b] 匹配退格键(U0008)不要与\b混淆。 \n 匹配换行键。 \r 匹配回车键。 \t 匹配制表符 tabU0009。 \v 匹配垂直制表符U000B。 \f 匹配换页符U000C。 \0 匹配null字符U0000。 \xhh 匹配一个以两位十六进制数\x00-\xFF表示的字符。 \uhhhh 匹配一个以四位十六进制数\u0000-\uFFFF表示的 Unicode 字符。
预定义模式
预定义模式指的是某些常见模式的简写方式。 \d 匹配0-9之间的任一数字相当于[0-9]。 \D 匹配所有0-9以外的字符相当于[^0-9]。 \w 匹配任意的字母、数字和下划线相当于[A-Za-z0-9_]。 \W 除所有字母、数字和下划线以外的字符相当于[^A-Za-z0-9_]。 \s 匹配空格包括换行符、制表符、空格符等相等于[ \t\r\n\v\f]。 \S 匹配非空格的字符相当于[^ \t\r\n\v\f]。 \b 匹配词的边界。 \B 匹配非词边界即在词的内部。
量词符
量词符用来设定某个模式出现的次数。 ? 问号表示某个模式出现0次或1次等同于{0, 1}。 * 星号表示某个模式出现0次或多次等同于{0,}。 加号表示某个模式出现1次或多次等同于{1,}。
字符类
字符类class表示有一系列字符可供选择只要匹配其中一个就可以了。所有可供选择的字符都放在方括号内比如[xyz] 表示x、y、z之中任选一个匹配。
脱字符如果方括号内的第一个字符是[^]则表示除了字符类之中的字符其他字符都可以匹配。比如[^xyz]表示除了x、y、z之外都可以匹配。连字符-某些情况下对于连续序列的字符连字符-用来提供简写形式表示字符的连续范围。比如[abc]可以写成[a-c][0123456789]可以写成[0-9]同理[A-Z]表示26个大写字母。
重复类
模式的精确匹配次数使用大括号{}表示。{n}表示恰好重复n次{n,}表示至少重复n次{n,m}表示重复不少于n次不多于m次。
贪婪模式
默认情况下都是最大可能匹配即匹配到下一个字符不满足匹配规则为止。这被称为贪婪模式。
组匹配
正则表达式的括号表示分组匹配括号中的模式可以用来匹配分组的内容。
非捕获组(?:x)称为非捕获组Non-capturing group表示不返回该组匹配的内容即匹配的结果中不计入这个括号。非捕获组的作用请考虑这样一个场景假定需要匹配foo或者foofoo正则表达式就应该写成/(foo){1, 2}/但是这样会占用一个组匹配。这时就可以使用非捕获组将正则表达式改为/(?:foo){1, 2}/它的作用与前一个正则是一样的但是不会单独输出括号内部的内容。先行断言x(?y)称为先行断言Positive look-aheadx只有在y前面才匹配y不会被计入返回结果。比如要匹配后面跟着百分号的数字可以写成/\d(?%)/。先行否定断言x(?!y)称为先行否定断言Negative look-aheadx只有不在y前面才匹配y不会被计入返回结果。比如要匹配后面跟的不是百分号的数字就要写成/\d(?!%)/。
常见的正则表达式模式示例
匹配邮箱地址^\w([-.]\w)\w([-.]\w).\w([-.]\w)*$匹配手机号码^1[3456789]\d{9}$匹配URL地址^((https?|ftp)://)?([\da-z.-]).([a-z.]{2,6})([/\w .-])/?$搜索特定模式的字符串\b[A-Za-z0-9._%-][A-Za-z0-9.-].[A-Za-z]{2,}\b
二 this
在 JavaScript 中关键字 this 是一个特殊的对象引用它代表当前执行代码的上下文对象。具体来说this 可以引用以下不同的对象 全局对象在全局作用域中函数外部的 this 指向全局对象例如在浏览器环境中指向 window 对象在 Node.js 环境中指向 global 对象。 对象方法中的this当函数作为对象的方法调用时函数内的 this 指向调用该方法的对象。 构造函数中的 this当使用 new 关键字创建对象实例时构造函数内部的 this 指向正在创建的新对象实例。 函数调用中的 this如果函数不作为对象的方法调用并且没有使用 new 运算符那么 this 的值取决于执行环境。在严格模式下函数中的 this 为 undefined。在非严格模式下默认情况下 this 指向全局对象。 事件处理函数中的 this当事件处理函数被触发时函数中的 this 指向触发事件的元素。
需要注意的是函数中的 this 并不是词法作用域而是动态绑定的。它的值由函数的调用方式决定而不是函数被定义的位置。
可以使用 call、apply、bind 方法来显式地改变函数中 this 的值。这些方法允许你在调用函数的同时指定函数内部的 this 指向的对象。
总之this 在 JavaScript 中是一个重要的概念它提供了对当前执行环境的上下文对象的引用可以根据具体的使用场景来确定 this 的值。
三 微任务宏任务
微任务与宏任务
微任务microtask和宏任务macrotask。它们用于管理事件循环event loop中的代码执行顺序。 微任务Microtask 微任务是一组需要在当前任务执行结束后尽快执行的代码。常见的微任务包括 Promise 的回调函数、MutationObserver 的回调函数等。 微任务会在当前任务执行完成后立即执行不会等待其他任务。如果存在多个微任务它们会按照添加顺序依次执行直到微任务队列为空。 宏任务Macrotask 宏任务是一组需要在事件循环的下一个迭代中执行的代码。宏任务包括定时器setTimeout、setInterval、事件回调click、load 等、I/O 操作等。 宏任务会在当前任务执行完成后在下一个事件循环迭代开始之前执行。如果存在多个宏任务它们会按照顺序执行每个宏任务执行完毕后都会重新渲染页面。
事件循环的执行顺序如下
执行当前任务同步任务。执行所有微任务直到微任务队列为空。更新渲染重绘页面。从宏任务队列中取出一个任务执行。重复步骤2、3、4直到所有任务执行完毕。
需要注意的是微任务的优先级高于宏任务。也就是说当事件循环迭代开始时会首先执行所有微任务然后再执行宏任务。这种机制确保了微任务能够尽快执行以提供更好的用户体验。
在实际开发中理解微任务和宏任务的执行顺序对于编写高效的 JavaScript 代码非常重要特别是涉及到异步操作和事件处理时。
同步异步任务微任务宏任务执行顺序 同步任务 同步任务是按照代码的书写顺序依次执行的任务。也就是说当遇到同步任务时会阻塞后续代码的执行直到该任务执行完毕才会继续执行下一个任务。 异步任务 异步任务是指在主线程之外执行的任务不会阻塞后续代码的执行。常见的异步任务包括定时器、网络请求、事件监听等。当遇到异步任务时会将其交给相应的引擎处理并继续执行后续代码。 微任务Microtask 微任务是一组需要在当前任务执行结束后尽快执行的代码。微任务中的代码会优先于下一个宏任务执行。常见的微任务包括 Promise 的回调函数、MutationObserver 的回调函数等。 宏任务Macrotask 宏任务是一组需要在下一个事件循环迭代中执行的代码。宏任务包括定时器setTimeout、setInterval、事件回调click、load 等、I/O 操作等。
在事件循环中执行顺序如下
执行当前同步任务遇到异步任务时将其交给相应引擎处理。当前同步任务执行完毕后执行所有微任务直到微任务队列为空。更新渲染重绘页面。从宏任务队列中取出一个任务执行。重复步骤2、3、4直到所有任务执行完毕。
需要注意的是微任务的优先级高于宏任务。也就是说每个宏任务执行完毕后都会先执行所有微任务然后再执行下一个宏任务。这种机制确保了微任务能够尽快执行优化了页面的渲染和响应性能。
总结起来同步任务会阻塞后续代码的执行异步任务会在主线程之外执行并根据任务类型将其分为微任务和宏任务。微任务的执行优先级高于宏任务确保微任务能够及时执行。
四 原型链
JavaScript 中的原型链是一种用于实现对象属性继承的机制。每个对象都有一个内部属性 [[Prototype]]它指向该对象的原型prototype。通过原型链对象可以访问和继承原型对象上的属性和方法。
具体来说当我们访问一个对象的属性时JavaScript 引擎首先查找对象本身是否具有该属性。如果不存在则会沿着原型链向上查找直到找到该属性或到达原型链的顶端Object.prototype为止。
// 定义一个父级构造函数
function Parent() {this.name Parent;
}// 在父级构造函数的原型上添加一个方法
Parent.prototype.sayHello function() {console.log(Hello, I am this.name);
};// 定义一个子级构造函数
function Child() {this.name Child;
}// 将子级构造函数的原型指向父级实例建立原型链
Child.prototype new Parent();// 创建子级对象
var child new Child();// 访问子级对象的属性和方法
console.log(child.name); // 输出Child
child.sayHello(); // 输出Hello, I am Child
Parent 和 Child 是两个构造函数Child 的原型被设置为一个 Parent 的实例。这样一来在创建 Child 的对象时它会继承 Parent 的属性和方法。
通过原型链child 对象在访问属性和方法时首先查找自身是否包含如果没有就会去它的原型对象上查找。如果原型对象也没有则会继续向上查找直到找到为止。
需要注意的是原型链是通过实现对象之间的原型关系来实现的并不是通过复制属性值。这使得我们可以动态地往原型对象上添加、修改和删除属性和方法而这些改动会立即反映在所有继承该原型的对象上。
