最可爱的草莓酱兔兔

转换为number数据类型的几种方式Number()——JS内置转换方法parseInt()/parseFloat()其他方式小tipNumber()——JS内置转换方法转换规则：string->number:若字符串（全部）为有效数字字符，则转换为相应的number类型数字。字符串中出现了无效数字字符，则转换结果为NaN。空串，转换为数字0。boolean-&g...

一个简单的用户名密码登录，期间会发生什么尼？登录模型核心流程如下：简单说明一下：格式校验：如判断用户名/密码框是否为空，或格式是否符合要求。如果不符合要求直接提示或进行相关的处理，就不向服务器发请求了。MD5加密：在真实项目中，密码等信息是一定要经过不可逆转加密的，MD5加密即不可逆转。可逆转的加密是可以按照相应规则进行解密的，所以还是不安全。在真实项目中通过MD5加密的密码是这样验证的：所谓不可逆转加密，就是不能被解密的。你在百度上可能会看到“在线MD5解密”的工具，它们是基于碰撞检测实现

只有代码警告⚠class MyPromise{ constructor(executor){ // 每一个实例都有一个状态和结果属性 this.status = 'pending'; this.value = undefined; // 创建数组存放then中的方法 this.resolveArr = []; this.rejectArr = []; // 定义change方法修改状态 let change = (status,value) => { if(

需求：在向服务器发送请求，获取数据后，动态创建一个盒子，然后点击盒子时，修改盒子的样式。// 核心代码(有问题版本)$.ajax({ url:'...', method:'get', success(result){ $('body').append('<div>...</div>'); // 创建盒子 }})；$('#box').click(function(){ $(this).css('background','lightcoral');})这样写

占位

引入Promise是ES6提供的一个内置类，是一种设计模式。为什么会出现Promise呢？在JavaScript中，所有代码都是单线程执行的。因此JavaScript的所有网络操作，浏览器事件，都必须异步执行。异步执行可以用回调函数实现，一种很常见的场景就是网络请求。但是当网络请求非常复杂时，就会出现回调地狱。发送请求1，成功->发送请求2，成功->发送请求3...这样一层层嵌套，非常不利于代码的维护。Promise对象是JavaScript 的异步编程的一种解决方案，可以很优雅的避开回

数组克隆方法有哪些ES6展开运算符let arr1 = [10,20,{name:'cmj'}];let arr2 = [...arr1];数组arr1中元素既有基本类型值，又有对象。把arr1中元素展开逐个赋值给arr2，最终arr2中元素与arr1全部相同，实现了数组的克隆。由于数组和对象均为引用类型值，实际存储的是堆内存地址。arr2===arr1返回false说明arr1和arr2占用了不同的堆内存，可是数组中的对象元素在克隆后仍占用同一块堆内存。像这样，只把最外层克隆，而内层与

目录AJAXAJAX核心四步操作XMLHttpRequest实例对象打开请求连接请求方法监听请求状态AJAX状态码——xhr.readyStateHTTP状态码——xhr.status发送请求AJAX引入：你是如何理解AJAX的？AJAX(Asynchronous Javascript And XML，异步JS和XML)。所谓异步JS指的是基于AJAX进行局部刷新。（全局刷新 vs 局部刷新）服务器渲染时代（全局刷新）：服务器收到HTTP请求，获取到请求的资源文件页面中的代码，从数据库中根据业务逻辑

【公开的内心独白】接触前端还没多久的时候参加了一次面试，被问到这个问题，由于基础薄弱，那时的我居然认为——这也能算作一个问题？不就输入网址弹出页面……完了么（我太天真了手动捂脸.jpg）后来我发现，这题就像无底洞露出的小小洞口。进去之后发现一篇新天地，而且是越探索越发觉广阔的那种。现在也没有算是理解太透彻，姑且将习得的内容整理下来，后面慢慢补充细节吧。总体而言分为以下几个步骤DNS解析什么是URLDNS解析TCP三次握手——建立连接发送HTTP请求服务器处理请求并返回响应结果TCP四次挥手——关闭

目录

目录

目录

目录

1let obj = { 2: 3, 3: 4, length: 2, push: Array.prototype.push}obj.push(1);obj.push(2);console.log(obj);2a等于什么值会让下面条件成立var a = ?;if (a == 1 && a == 2 && a == 3) { console.log('OK');}3function Fn(n,m) {

上一回说到Function.prototype上有三个神奇的方法call/apply/bind，他们都可以改变函数中的this指向。接下来的时间喃，请跟随我踏上“深入探索call/apply/bind的内部机制”之旅，知其然而知其所以然——才能屡战屡胜呀！bind方法原理前一篇文章this的情况总结中，我们了解了bind方法的用法，简单回顾：[function].call([context],params1,params2,…)，预先修改this，预先存储参数，而函数不被立即执行。下面我们就来康康

初学JS，你有没有被代码里的this搞得晕头转向？有一说一，反正我晕了。于是经过一番系统学习，终于算是理清了this这个鬼东西，希望看完这篇文章的你也能战胜this呀！目录全局上下文中的this块级上下文中的this函数私有上下文中的this事件绑定普通方法执行构造函数执行ES6中的箭头函数call/apply/bind方法全局上下文中的this在浏览器环境中，全局上下文中的this，就是window。let a = 12;console.log(this); // 控制台输出为

重写内置new方法编写_new方法实现内置new xxx()具备的功能。function Dog(name) { this.name = name;}Dog.prototype.bark = function () { console.log('wangwang');}Dog.prototype.sayName = function () { console.log('my name is ' + this.name);}function _new() { .

目录数据类型新的扩展&很重要的几句话原型链机制检测某个属性是否是某个对象的属性new函数执行要不要加()基于内置类原型扩展方法为啥要往原型上扩展方法tips数据类型新的扩展&很重要的几句话类——函数类型；实例——对象类型；函数也是对象，也有自己的键值对每一个函数 (除ES6中的箭头函数外) 都有一个内置属性prototype(原型属性)，属性值是一个对象，存储了当前类的公共属性&方法供实例调用。prototype堆中，如果是浏览器为其默认开辟的堆内存，则默认存在constr

面向对象思想，围绕对象、类、实例的概念与关系展开~对象、类、实例的概念可以按照自然界中类别和个体的概念进行理解。至于对象——万物皆对象~目录JS中的内置类自定义类JS中的内置类数据类型类：每种数据类型都有一个自己对应的类Number类：每个数字(包括NaN/Infinity)都是它的一个实例。String类：每个字符串都是它的一个实例。Boolean类Null&Undefined类：浏览器保护了这两个类。Symbol类：不可被new。BigInt类Object类：Arra

目录