中二码农-CSDN博客

String常用方法1、substring（start，end）用于提取字符串中介于两个指定下标之间的字符；2、charAt（index）返回指定索引处的字符串；3、concat连接多个字符串，返回连接后的字符串的副本；4、indexOf（）方法返回调用它的String对象中第一次出现的指定值的索引，若未找到该值，则返回-1。5、lastIndexOf（）返回str在字符串中最后一次出现的位置；6、replace（str1，str2）str1可以为正则表达式，用str2替换str17、spl

2021-12-28 23:16:10 712

原创 JavaScript的for、for in、for of循环，打断循环的方法

一、for循环支持数组、字符串。（不建议遍历对象）二、for...in语句以任意的顺序遍历一个对象的除Symbol以外的可枚举属性，包括继承的可枚举对象。主要用来遍历对象而构建的。(不建议遍历数组，因为它是以任意的顺序来遍历的。)三、for...of语句在可迭代对象（包括Array、Map、Set、String、TypedArray、arguments对象等等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句。四、1、breake终止整次的循环；2、continue终止

2021-12-26 13:30:42 4345

原创前端总体的粗糙整理

前端知识架构对于任何的计算机语言来说都是“用规定的文法，去表达特定的语义，最终操作运行时的”一个过程。文法可以分成词法和语法。语义与语法具有一一对应的关系。程序=算法+数据结构，对运行时来说，类型就是数据结构，执行过程就是算法。HTML和CSS浏览器的实现原理和API前端工程实践软件架构师主要解决功能复杂的问题，服务端的架构师主要解决高流量的的问题，前端主要负责页面的天然解耦。模块一 JavaScriptvoid(0) 运算符，传递任何的表达...

2021-12-26 09:34:26 140

原创正则表达式

匹配单个字符直接在后面使用限定符？可有可无。零次或一次。非贪婪模式* 匹配零个或多个字符。贪婪模式+ 匹配一次以上的字符{ } 匹配的字符出现的次数或范围匹配多个字符使用小括号括起来（）再配合限定符使用或运算符 |字符类 [ ]可以匹配中括号里面的字符 [^ ]匹配中括号里面以外的字符，包括换行符元字符就是预先为我们定义好了的一系列常用的字符类型，一般以\开头\d代表数字字符 ...

2021-12-02 22:24:26 42

原创 JavaScript常见错误

一、SyntaxError 语法错误最常见的错误如变量名以数字开头了、双引号使用了中文、却少括号。二、TypeError 类型错误变量或参数不是预期类型时会发生的错误。常见错误把未定义的变量当函数使用、读取一个未定义的对象或者调用其方法的时候。三、ReferenceError 引用错误常见于未声明变量就直接使用四、RangeError 范围错误包含在变量或参数中的数值超出有效范围时发生的错误。...

2021-11-29 21:14:53 86

转载理解ES6 class中的constructor方法和super的作用

理解 es6 class 中 constructor 方法和 super 的作用 - 简书在JS中的静态方法与动态方法的区别：静态方法：在构造函数本身上定义的方法，只能通过构造函数本身来调用，new出来的对象不能调用。动态方法：也叫做实例方法，它是通过prototype原型对象来添加的，所有的实例对象都能够继承调用。通过先定义一个引用变量，指向构造函数定义的新对象，对对象中的属性可以像成一个指针，指向一个方法。...

2021-10-22 15:57:59 487

原创 forEach（）、map（）、reduce（）、filter（）ES6的三个函数

如果需要返回一个数组使用map（）；可以说是对数组的每一项进行处理，然后再返回一个新数组。如果需要返回一个结果使用reduce（）；可以说是要拿数组中的每一项进行计算。最后得到一个数。例如购物车中的总数，总价钱的计算。如果需要过滤一个结果使用filter（）。排除不需要的项，从而得到一个新的数组。map（）函数传入的参数为一个匿名函数，匿名函数的参数有三个，依次为数组的每一项、数组的索引、数组本身，函数体写入对应的逻辑。循环此匿名函数。比如数组有几项就会执行几次。reduce（）函数也是传入

2021-10-21 16:51:57 208

原创 JavaScript的原型(proto、protype)、ES6的class、继承、原型链

JavaScript的语言中。原型是一个对象，每一个对象都有一个原型对象，每一个对象都可以使用它原型对象上所有的的属性和方法。JavaScript的原型(__proto__、protype)获取原型对象上的方法：1、通过对象的__proto__获取；let dog = { name:"二哈"}dog.__proto__.eat = function() { console.log("吃翔");}dog.eat() // 吃翔2、通过构造函数的prototype属性拿到原

2021-10-16 12:42:01 168

原创与验证相关的cookie、session、token

cookie认证简单的讲cookie是服务端发送给客户端、并保存在客户端的，在下次访问该服器时，这个cookie就是彼此识别的凭证。cookie是保存在本地终端的数据。由服务端设置并生成后，发送给浏览器，浏览器就保存发送过来的cookie，此后并不会因为关闭浏览而丢失cookie，在下次访问同一网站时会把该cookie发送给服务器。由于cookie是存在客户端上的，所以浏览器就加入了一些限制确保cookie不会被恶意使用，同时不会占据太多的磁盘空间，所以每个域的cookie数量是有限的。cook

2021-10-14 22:57:23 170

原创跨域请求（JSONP、CORS、webpack的本地代理、proxy代理）

跨域：是由于浏览的同源策略限制出现的。同源策略会阻止一个域的脚本和另外一个域的内容进行交互。同源是指两个页面具有相同的协议（protocol）、主机（host）和端口号（port）。当请求的url的协议、域名、端口三者之间任意一个与当前页面的url不同就为跨域。非同源的限制有：1、无法向非同源的地址发送AJAX请求2、无法读取非同源的Cookie、LocalStorage和IndexedDB3、无法接触非同源网页的DOMJSONP实现跨域JSONP是服务器与客户端跨域通信的常用方法.

2021-10-13 23:27:14 613

原创 Ajax（异步的JavaScript和XML）

Asynchronous（异步的）、Synchronous（同步的）。AJAX（Asynchronous JavaScript and XML）异步的JavaScript和XML。AJAX是一种无需重新加载整个网页的情况下，能够更新部分网页的的技术；比如在搜索框输入内容，后台可以返回推荐列表，实现局部请求，不同于以往重新加载整个浏览器。它就是一种创建更好更快以及交互性更强的Web应用程序技术。实现客户端与服务端的异步通信。AJAX的应用场景：搜索框的推荐列表、用户登录时检验用户是否存在、登录时

2021-10-13 18:56:38 139

原创 JavaScript的call、apply、bind

三者都可以改变this的指向，三者的第一个参数都是调用函数时被重新定义的this值。后面的参数都是调用函数时传入的参数。call和apply都可以直接调用函数，使用方法只有一点不同，即传入参数的方式不同。call是以参数列表的形式传入参数，apply是以一个数组的形式传入参数。bind不能直接调用函数，而是会创建一个新的函数，可以使用变量接收后，再手动的调用。它传递参数的形式与call一样，都是以参数列表的形式传入参数。...

2021-10-12 12:48:17 52

原创模块化（CommonJS、ES6）

模块化是将一个复杂的程序依据一定的规则（规范）封装成几个块（文件），并组合在一起，块的内部数据是私有的，只是向外暴露一些接口，与其他模块通信。优点：减少命名冲突、更好的分离、按需加载、更高的复用性、高维护性一、CommonJS在服务器端：模块的加载是运行时同步加载（阻塞模式）在浏览器端：模块需要提前编译打包处理1.1 在服务器端（基于node.js）导出模块语法：// value 是任何形式的数据、对象module.exports= value // module.exp.

2021-10-11 23:24:02 88

原创 JS的预解析

js的预解析指JavaScript代码的执行过程。分两步：第一步是对代码的预解析阶段：此阶段会进行变量提升，函数声明整体提升，以及对代码格式语法的校验。注意：若变量名与函数名同名时，函数的优先级高于变量，所以变量会被覆盖。第二步是对代码的执行阶段：此阶段会从头到尾根据变量的赋值与函数的调用一行一行的执行代码。...

2021-10-11 01:28:49 53

weixin_62111285的博客

原创 React Hooks

原创 JavaScript常用方法