float 布局高度坍塌问题（08.13） 1. 父容器高度坍塌问题 导致的原因 浮动元素脱离文档流，使包含它的无高度样式的父容器感知不到其存在而发生内容无法撑开高度的现象 代码 <div class='ct'> <div class='a'></div> <div class='b'></div> </div> .ct{ width:300px; border: 10px solid; } .a{ float:left; width:100px; height:100px; background:...

ES2017 异步处理 async/await 1. 什么是 async/await async 顾名思义是“异步”的意思，async 用于声明一个函数是异步的。而 await 从字面意思上是“等待”的意思，就是用于等待异步完成。并且 await 只能在 async 函数中使用。 通常 async、await 都是跟随 Promise 一起使用的。为什么这么说呢？因为 async 返回的都是一个 Promise 对象。同时 async 适用于任何类型的函数上。这样 await 得到的就是一个 Promise 对象（如果不是 Promise 对象的话那 async 返回的是什么就是什么）； aw...

Vue 的性能优化 1. 编码阶段 尽量减少 data 中的数据，data 中的数据都会增加 getter 和 setter，会收集对应的 watcher； v-if 和 v-for 不能连用； 如果需要使用 v-for 给每项元素绑定事件时使用事件代理； SPA 页面（单页面应用）采用 keep-alive 缓存组件； 在更多的情况下，使用 v-if 替代 v-show； key 保证唯一； 使用路由懒加载，异步组件； 防抖、节流； 第三方模块按需导入； 长列表滚动到可视区域动态加载； 图片懒加载； 2. SEO优化 预渲染； 服务器端渲染 SSR； 3. 打包优化 压缩代码； T...

翻转不包含字母的字符串 2021-08-09 1.题目描述 const str = '123abd3-adfz-34-akjkfaf'; function reverseStr(str) { } // 输出：321abd-3adfz-43-akjkfaf 2. 解答 function reverseStr(str){ let res = ""; let needReverse = ""; function ReverseNotAlp(needReverse){ for(let i=needReverse.lengt...

代码输出题 1. 示例1： for(var i=0; i<10; i++){ setTimeout(() => { console.log(i); }, 0) } 解答：输出10个10 更改为输出0-9； 1.1 通过let实现 for(let i=0; i<10; i++){ setTimeout(() => { console.log(i); }, 0) } 输出：0-9 1.2 通过闭包实现 for(var i=0; i<10; i++){ ((j) => (setTimeout(...

Vue 中v-for和v-if 1. v-for和v-if的渲染优先级 首先：永远不要把 v-if 和 v-for 同时用在同一个元素上。 其次：当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级，这句话代表着，当 v-if 和 v-for 同时出现。渲染函数会先执行到 v-for。我们的本意是根据用户权限来控制是否显示一个列表。但是如果代码如上的话 v-if 实际上是执行到了列表渲染的每一项。 如果遇到这种需求的话我们建议的写法是： <div v-if = 'flag'> <div v-for='(item) in lcList' :key='ite...

判断链表是否有环 1. 快慢指针法 实现思路：起初，快指针和慢指针一起指向头结点。快指针每次走2步，慢指针每次走1步，直到走到尾结点。若快慢指针相遇，说明链表中有环；若不相遇，说明链表中无环。 public class Solution{ public boolean hasCycle(ListNode head){ if(head == null) return false; ListNode p = head, q = head; while(p.next != null && p.next.next != null ...

HTTP 常见请求方法 1.1. GET 最常用的方法，它是发送一个请求来获取服务器上的资源，资源通过 HTTP 响应头和数据（如 html 文档，图片，样式，视频等）返回给客户端（如浏览器）。 GET 请求可以在 URL 中附带查询参数，如 test.php?id=1。 GET 请求可被缓存； GET 请求保留在浏览器历史记录中； GET 请求可被收藏为书签； GET 请求不应在处理敏感数据时使用； GET 请求有长度限制，不同浏览器的长度限制不同； GET 请求只应当用于取回数据； 在浏览器地址栏中输入网址访问资源都是通过 GET 方式发送 HTTP 请求； 表单的 methods 属性...

进程和线程 1. 区别 （1）地址空间 线程共享本进程的地址空间，而进程之间是独立的地址空间。 （2）资源 线程共享本进程的资源如内存、I/O、cpu等，不利于资源的管理和保护，而进程之间的资源是独立的，能很好的进行资源管理和保护。 （3）健壮性 多进程要比多线程健壮，一个进程崩溃后，在保护模式下不会对其他进程产生影响，但是一个线程崩溃整个进程都死掉。 （4）执行过程 每个独立的进程有一个程序运行的入口、顺序执行序列和程序入口，执行开销大。 但是线程不能独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制，执行开销小。 （5）可并发性 两者均可并发执行。 （6）切换时 进程切换时，消...

ES6模块和CommonJS CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。 CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。 1. CommonJS 模块 CommonJS 模块输出的是值的拷贝，也就是说，一旦输出一个值，模块内部的变化不会影响到这个值。 // common.js var count = 1; var printCount = () =>{ return ++count; } module.exports = { printCount: printCount, count: count }; ...

js 定时器 1. setTimeout() 延时定时器 1.1 创建延时定时器 let timer = setTimeout( () => { console.log('延时定时器'); }, 2000) 1.2 清除延时定时器 clearTimout(timer); 2. setInterval() 间歇定时器 2.1 创建间歇定时器 let timer = setInterval( () => { console.log("data:" + new Date()) }, 3000) 2.2 清除间歇定时器 clearInterv...

TCP四次挥手 1. 第一次 当主机A完成数据传输后,将控制位FIN置1，提出停止TCP连接的请求 ； 2. 第二次 主机B收到FIN后对其作出响应，确认这一方向上的TCP连接将关闭,将ACK置1； 3. 第三次 由B 端再提出反方向的关闭请求,将FIN置1 ； 4. 第四次 主机A对主机B的请求进行确认，将ACK置1，双方向的关闭结束.。