xiaoxiaofly的博客

原创 js实现千分位分割加逗号正则匹配实现，以及详细解析，以及正则实现小写字符串转驼峰字符串

千分位分割var a = '2221221225.88';var b = a.replace(/(\d{3})(?=\d)/g, '$1,')解析：如下第一个括号(\d{3})代表的是3个数字；第二个括号\d代表数字，也就是在满足前面的情况下，下一个是数字的就满足要匹配的东西；$1代表第一个括号的内容；结果如下console.log(b)//222,122,122,5.88...

原创 js 闭包应用场景

闭包就是返回的那个匿名函数，一直引用着外层函数的某个变量，导致那个变量无法销毁，闭包就可以一直调用，外层函数的活动对象已经销毁，但是闭包的活动对象并没有销毁应用场景一.页面有很多li元素，点击每一个li获取到该li标签的索引index。如下代码并不能获取到点击的li的索引使用闭包可以实现该需求应用场景二.延迟函数中的回调应用场景三应用...

原创 2023web前端秋招，牛客网上笔试答题，读取多行数据存储问题,看了这篇，秋招上岸大厂不是事

line1 = readline().split(' '),line2 = readline().split(' ').map(Number),line3 = readline().split(' '),每运行一次readline()，就读取一行数据而且返回值是当行数据的字符串组成形式所以如果是多行的话，一般题目会让在第一行告诉接下来还有n行数据需要读取这个时候就for循环n次 ...

原创 css文本溢出换行问题

单行溢出省略多行溢出省略

原创 HTTP1.0、HTTP1.1 和 HTTP2.0 的区别

早在 HTTP 建立之初，主要就是为了将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器。也是说对于前端来说，我们所写的HTML页面将要放在我们的 web 服务器上，用户端通过浏览器访问url地址来获取网页的显示内容，但是到了 WEB2.0 以来，我们的页面变得复杂，不仅仅单纯的是一些简单的文字和图片，同时我们的 HTML 页面有了 CSS，Javascript，来丰富我们的页面展...

原创 输入一棵二叉树，判断该二叉树是否是平衡二叉树。

function IsBalanced_Solution(pRoot){ // write code here if(!pRoot) return true; return Math.abs(height(pRoot.left)-height(pRoot.right))<=1; function height(node){ if(!n...

原创 剑指offer求数组中的逆序对

在数组中的两个数字，如果前面一个数字大于后面的数字，则这两个数字组成一个逆序对。输入一个数组,求出这个数组中的逆序对的总数P。并将P对1000000007取模的结果输出。 即输出P%1000000007function InversePairs(data){ var copy = data.slice(); return mergeInversePairs(data, c...

原创 二进制中1的个数

function NumberOf1(n){ // write code here let count = 0; while(n != 0){ count++; n = n & (n - 1); } return count;}

原创 JS中onclick与addEventListener绑定事件的区别

onclick()这种写法是DOM0级规范的写法，是所有的浏览器支持的，但是这种写法有不能同时绑定多个事件、使代码耦合在了一起的弊端。但是addEventListener() 是DOM2标准中定义的方法，它可以控制是在事件捕获阶段或者是在冒泡阶段调用事件处理程序。既然这个是DOM2标准中定义的，那么只有支持DOM2级事件处理程序的浏览器才支持这个方法（IE9,Firefox,Safari,Chro...

原创 js toString与valueOf什么时候会触发调用

var obj = { toString:function(){ console.log('toString') return Object.prototype.toString.call(this) }, valueOf:function(){ console.log('valueOf') return Object.prototyp...

原创 ES6的模块化规范和CommonJS的模块化规范的差异

ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，旨在成为浏览器和服务器通用的模块解决方案。其模块功能主要由两个命令构成：export 和 import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。/** 定义模块 math.js **/var n = 1;function add(){ return 2+3}e...

原创 js垃圾回收机制

垃圾回收对于开发者来说，JavaScript 的内存管理是自动的、无形的。我们创建的原始值、对象、函数……这一切都会占用内存。当某个东西我们不再需要时会发生什么？JavaScript 引擎如何发现它、清理它？可达性JavaScript 中主要的内存管理概念是可达性。简而言之，『可达』值是那些以某种方式可访问或可用的值。它们保证存储在内存中。 这里列出固有的可达值基本集合，...

原创 js 执行环境及作用域

执行环境定义了变量或函数有权访问的其他数据，决定了他们各自的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。每个函数都有自己的执行环境。当执行流进入一个函数时，函数的环境会被推入一个环境栈中。而在函数执行之后，栈将其环境弹出，把控制权返回给之前的执行环境。当代码在一个环境中执行时，会创建变量对象的一个作用域链。作用域链的用途是保证对执行环境有权访...

原创 前端关于项目，需要自己平常思考的问题

美团校招项目面试1.项目开发过程中如何保证代码是高质量的，或者如何定义代码高质量？你讲的这几点是否应用在你的项目中了？2.浏览器的兼容，你是如何去判断自己做的系统要满足用户使用哪些最低版本的浏览器，就是说你做的系统要兼容到什么浏览器，你是如何去判断的？3.项目开发过程中，最大的痛点是什么？为什么出现这样的情况？开发之前去思考就可以避免这些问题啊？4.原理与实践相结合，有哪些例子体现...

原创 前端浏览器的两种缓存:协商缓存和强缓存

1.浏览器缓存机制浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。浏览器缓存的优点有：减少了冗余的数据传输，节省了网费 减少了服务器的负担，大大提升了网站的性能 加快了客户端加载网页的速度浏览器缓存主要有两类：缓存协商和彻底缓存，也有称之为协商缓存和强缓存强缓存：不...

转载 一个页面从输入URL到页面加载显示完成，这个过程都发生什么？

一般会经历以下几个过程：1、首先，在浏览器地址栏中输入url2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作。3、在发送http请求前，需要域名解析(DNS解析)，解析获取相应的IP地址。4、浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。5、握手成功后，浏览器向服务器发送http请求，请求数据包。...

原创 css组合选择器

原创 JavaScript AMD 与 CMD 规范

CMD 推崇依赖就近;AMD 推崇依赖前置 CMD 是延迟执行;AMD 是提前执行 CMD性能好,因为只有用户需要的时候才执行;AMD用户体验好,因为没有延迟,依赖模块提前执行了 //CMDdefine(function(require,exports,module){ var a=require('./a') a.doSomethimg() var b=req...

原创 箭头函数

箭头函数内部的this总是指向定义时所在的对象基本用法ES6 允许使用“箭头”（=>）定义函数。 var f = v => v;上面的箭头函数等同于： var f = function (v) { return v; }如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 var f = ...

原创 js继承常用的方式

一.原型链继承function SuperType(){ this.property = true;} SuperType.prototype.getSuperValue = function(){ return this.property}function SubType(){ this.subproperty = false;}// 继承了SuperType...

原创 js 类数组（argumens）转换成数组

类数组定义1.拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串来理解；2.不具有数组所具有的方法shift,unshift,splice,slice,concat,reverse,sort...由于类数组不具有数组所具有的操作数组的方法，将类数组转换为数组之后就能调用如shift,unshift,splice,slice...

原创 js函数声明提升优先级与变量声明提升优先级的关系

js中函数声明先提升还是变量先提升根据官方书籍《你不知道的javascript》（上卷）中写道：“函数会首先被提升，然后才是变量”。例子：console.log(foo);function foo(){ console.log("函数声明");}var foo = "变量";输出为：function foo(){ console.log("函数...