程序媛的梦工厂

移动端常见meta设置

移动端上拉、下拉刷新如何实现？

浏览器常见进程和线程

微服务之间的js隔离和css隔离实现原理

【代码】JS常见问题。

JWT是什么JWT（JSON Web Token）：用来在用户和服务器之间传递安全可靠的信息三部分组成：eader（头部）, 声明类型，这里是JWT，声明加密的算法，最后通过Base64编码Payload（数据）， 应用层自己带的数据信息。因为该部分是明文的， 所以不可以带敏感信息。 比如可以带 user_id， 但是不可以带 user 的密码等。Signature（签名）HMACSHA256(base64Url(header)+.+base64Url(payload),secretKey)一

单点登录：Single Sign On，是指在多个应用系统中，用户只需要登录任意一个系统，就可以访问其他的互相信任的系统，能有效提升用户体验。

1、客户端发送 http 请求，经过三次握手，建立 TCP连接，在 http 请求里存放 websocket 支持的版本号等信息；4.每条记录都有id 每次请求客户端保留一个最大id 以后每次重连 都需要查询比这个id新的记录就行了。2、服务器接收请求，同样以 http 协议回应；3、连接成功，客户端与服务器建立持久性的连接。

都是包管理工具，但是yarn的出现是为了弥补npmV4（npmV5结合yarn和自身的一些问题做了很大的升级，性能和速度都提高了）及之前版本的一些问题。

垃圾回收

【代码】ES2023最新特性。

async await实际上是语法糖，可以通过书写同步代码的方式，执行异步操作，内部实现其实就是通过generator和yield实现。await后面返回的是一个promise对象。

使用场景：

概念不同Fetch是一种新的获取资源的接口方式，可以直接使用Axios是一个基于XMLHttpRequest封装的工具包，需要引入才可以使用传递数据的方式不同Fetch则是需要放在body属性中，以字符串的方式进行传递Axios是放到data属性里，以对象的方式进行传递响应超时Fetch需要通过AbortController来设置Axios是直接设置timeout就可以对数据的转化Fetch则不同，它需要使用者进行手动转化,arrayBuffer()，blob()，

vue 数据双向绑定

官方文档路由模式hash路由http://www.abc.com/#/hellohistory路由http://www.abc.com/hello

因此导出的axios需要关联到request方法，这里巧妙的通过bind函数进行关联，生成关联后的instance函数，同时指定它的调用上下文就是Axios的实例对象，因此instance调用时也能获取到实例对象上的defaults和interceptors属性；： 实质上axios是一个函数，但函数也属于是一个对象，所以同样可以向它身上追加属性和方法，我们所使用的axios是通过createInstance这个函数创造出来的，它简单实现的源码如下。

中心扩散就是从中心往外逐层扩散。以单个字符往两边扩散，如果两边字符相等则是回文串。扩散又分两种情况 分别是以该字符为中心，和以该字符和下一个字符的空隙为中心。所以只需要判断该串的首尾字符是否相等以及其子串是否为回文即可判断该串是否为回文串。如果字符串首尾字符相同且去除首尾的子串也为回文串 那么 该字符串必定为回文串。由于长度是从短到长，也就是遍历到的字符串其去除首尾的子串必定已经得到判断。然后从长度为2开始依次遍历每个长度下的子串 ，并记录该子串是否为回文。那么首先 所有长度为1的 单个字符都为回文。

全网最全微前端知识点总结

项目代码管理方式，单个仓库中管理多个项目是一种设计思想：是一种工具，对于使用npm和git管理多软件包代码仓库的工作流程进行优化。

Function.prototype.a = () => { console.log(1);}Object.prototype.b = () => { console.log(2);}function A() {}const a = new A();a.a(); // 报错a.b(); // 2A.a(); // 1A.b(); // 2Function.prototype.a = 'Function';Object.prototype.a = 'Ob...

合并两个有序数组（使用数组双头部指针）function mergeArr(arr1, arr2) { let len1 = arr1.length; let len2 = arr2.length; let result = new Array(len1+len2).fill(0); let i = 0; let j = 0; let cur; while (i < len1 || j < len2) { if (i === len1) { cur = arr2[j.

为什么会出现这个问题？计算机中用二进制来存储小数，大部分小数转成二进制之后都是无限循环的值，因此存在取舍问题，也就是精度丢失。0.1和0.2在转换成二进制后会无限循环，0.1转换为二进制表示0.0001100110011001100...（1100无限循环），0.2转换为二进制数据表示为0.00110011001100...(1100循环)。由于标准位数的限制后面多余的位数会被截掉，此时就已经出现了精度的损失，相加后因浮点数小数位的限制而截断的二进制数字在转换为十进制就会变成 0.30000000000

js实现动画1、实现方式requestAnimationFrame：将执行动画的每一步传到requestAnimationFrame中，在每次执行完后进行异步回调来连续触发动画效果。setTimeout和setInterval+css改变（导致页面频繁性重排重绘，消耗性能）2、优点：JavaScript动画控制能力很强, 可以在动画播放过程中对动画进行控制：开始、暂停、回放、终止、取消都是可以做到的。动画效果比css3动画丰富,有些动画效果，比如曲线运动,冲击闪烁,视差滚动效果，只有JavaS

处理组件配置项初始化根组件时进行了选项合并操作，将全局配置合并到根组件的局部配置上初始化每个子组件时做了一些性能优化，将组件配置对象上的一些深层次属性放到 - vm.$options 选项中，以提高代码的执行效率初始化组件实例的关系属性，比如 parent、parent、children、root、root、refs 等处理自定义事件调用 beforeCreate 钩子函数初始化组件的 inject 配置项，得到 ret[key] = val 形式的配置对象，然后对该配置对象进行浅层的响.

由于同源策略的影响，所以作为程序员就必须解决跨域的问题，此文章说的是CORS（跨域资源共享）1、简单请求必须满足以下的条件请求方法必须是HEAD GET POST之一http的头信息AcceptAccept-LanguageContent-LanguageLast-Event-IDContent-Type: application/x-www-for...

metadata元数据，用于描述数据的数据，不会显示在页面上，但是机器却可以识别。

首先知道http和https有什么区别？http使用端口80，https使用端口443http运行在TCP协议上，所传输的内容那个都是明文，https运行在SSL/TLS上，SSl/TLS是运行在TCP上，所传输的内容是经过加密的https需要购买证书http + 加密 + 认证 + 完整性保护 = httpshttps建立的过程该过程既使用了 对称加密也使用了非对称加密。在交换...

借鉴博客这博客讲的挺好的，所以我就不多写了，主要记录一下我觉得比较绕的点。第三轮此时已经需要在以下马匹中选出前四A1是最快的，所以不需要再比了，所以就是A2,A3,A4,B1,B2,B3,C1,C2,D1比较B1暂定，剩余的8匹马再跑一次如果前三名中有B2或者C1的存在，那么此时就可以确认B1一定在前四，此时前四就是A1，B1，在刚才比赛的八匹马中再选出来前两名。前三没有B2和C...

堆和栈栈：自动分配的内存空间，它由系统自动释放。存放在栈内存中的简单数据段，数据大小确定，内存空间大小可以分配，主要存放以下几种数据，undefined, number, string, boolean, null堆：动态分配的内存，大小不定也不会自动释放。放在堆内存中的对象，变量实际保存的是一个指针，这个指针指向另一个位置。每个空间大小不一样，要根据情况开进行特定的分配。　　当我们需要访问...

普通青蛙问题背景：一只青蛙可以一次跳 1 级台阶或者一次跳 2 级台阶，例如：跳上第 1 级台阶只有一种跳法：直接跳 1 级即可。跳上第 2 级台阶有两种跳法：每次跳 1 级，跳两次；或者一次跳 2 级。问要跳上第 n 级台阶有多少种跳法？ / 1 n=1f(n)= 2 ...

原型链的问题：_proto_和prototype的区别？？？实现一个原型链继承？？？instanceOf是如何进行判断对象类型的？？

占位

前言：这些都是自己日常收藏的觉得比较复杂一点、题目挺绕的、大家日常容易忽略的小知识点的题目，我看到题目执行结果的时候，上面的表情包形象的表达了我当时的心情，大佬觉得简单就请不要嘲笑小生，请绕道走。

项目实践从接触前端至今有3年时间了，期间写的最多的就是静态页面，也写过H5和响应式页面，最近也开发了两个比较综合的项目wordpress主题。而且我自己也在各大自媒体平台发布技术文章。我觉得我这算是八小时外求生存，八小时内力求发展。学习方面虽然我在校主修的是电子商务，但是也学习了前端相关的课程，能熟练使用PS做出网页PSD图，使用前端代码重构页面效果。也在网站上接过一些项目，都获得很不错的成...

如果面试被问到Ajax的原理的话，我觉得可以从以下几个方面来讲。异步 | 线程 | 回调：Ajax就是告诉告诉浏览器我要去发送一个http请求，然后浏览器开一个线程去执行，由于该操作是异步的，此时浏览器可以去做其他的事情，当服器响应之后便可以执行回调函数。再就可以把Ajax的实现流程说一下let xhr = new XMLHttpRequest();xhr.open('get' ,'h...

es7Array.prototype.includes：判断是否包含某一个特定的值，包含则返回true。指数运算符**：在es7之前写2的3次方，Math.pow(2,3)，es7是2**3es8async/await：这个竟然是es8的属性，一直以为es6出的，es6的generator函数一样的作用，相当于是它的语法糖。Object.values()：返回对象的值，与Objec...

函数防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。function ajax(content) { console.log('ajax request ' + content)}function debounce(fun, delay) { return function (args) { let that = this ...

函数柯里化，add(1)(2)(3)，add(1, 2)(3)，add(1, 2, 3), add(1)(2, 3)