前端需要知道的计算机网络知识 置顶 | 发表于 2020-01-20 | 分类于 计算机网络 | 浏览器背后 浏览器的一个请求从发起到返回经历了什么 浏览器中输入url,拆分解析出域名domain,将域名发送给DNS服务器 DNS服务器会根据域名查询出对应的IP地址,将IP地址返回给浏览器 浏览器在收到IP地址之后,就知道向哪个地址发起请求。TCP三次握手连接建立后,按照http网络协议发 ... 阅读全文 »
我的踩坑合集 置顶 | 发表于 2019-06-06 | 分类于 bug | Invalid CSS after “body”: expected 1 selector or at-rule, was “{“ vue 中图片添加url 的注意事项 👈讲的是vue中若img src使用的是data中存储图片路径的变量,则必须使用require或import引用;若i ... 阅读全文 »
通用的事件绑定函数 发表于 2020-04-06 | 分类于 面试题 | 实现事件绑定、事件委托一体化的通用的事件绑定函数。 123456789101112131415161718192021222324252627282930313233function bindEvent(elem, type, selector, fn) { if (fn == nu ... 阅读全文 »
for循环中i的值的问题 发表于 2020-04-05 | 分类于 面试题 | JavaScript创建十个a标签,点击每个a标签弹出对应的序号。 先来看错误的版本👇 123456789101112let i, afor (i = 0; i < 10; i++) { a = document.createElement('a') a.innerHT ... 阅读全文 »
手写一个bind函数 发表于 2020-04-02 | 分类于 面试题 | call、apply、bind这些都是Function.prototype中定义的。我们将手写的bind1直接写到Function的原型上。 123456789101112131415161718192021222324252627// 模拟 bindFunction.prototype.bind1 ... 阅读全文 »
js里判断变量是数组还是对象的四种方法 发表于 2020-04-01 | 分类于 面试题 | 方法一:constructor12console.log(arr.constructor === Array)console.log(obj.constructor === Array); 方法二:instanceof 方法三:Array.isArray()12345var arr = [] ... 阅读全文 »
深克隆 发表于 2020-03-20 | 分类于 JavaScript | 浅克隆1234567891011121314var obj = { name: 'abc', age: 18, sex: 'male'}function clone(origin, target) { var target = target || { ... 阅读全文 »
rem适配和vw适配 发表于 2020-03-12 | 分类于 移动端 | 什么是适配?适配:在不同尺寸的手机设备上,页面相对性的达到合理的展示(自适应)或者保持统一效果的等比缩放(看起来差不多) 适配的方法: 1234567891、百分比适配2、viewport缩放3、DPR缩放4、rem适配5、vw、vh适配 百分比适配width:宽度的百分比是相对于父盒子wid ... 阅读全文 »
viewport的设置 发表于 2020-03-11 | 分类于 移动端 | 给段简单的代码如下: 12345678910111213141516171819202122232425<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t ... 阅读全文 »
CSS像素|物理像素|PPI|像素比 发表于 2020-03-10 | 分类于 移动端 | 物理像素(设备像素)物理像素也称为设备像素,指的是屏幕的物理像素,任何设备屏幕的物理像素的数量都是固定不变的,单位是pt(点)。如手机的分辨率,iPhone6分辨率是750x1334,即横向上有750个物理像素,750pt,纵向上有1334个物理像素,1334pt。 物理像素的值大小是固定的、绝 ... 阅读全文 »