哪些情况会导致内存泄漏
1、意外的全局变量：由于使用未声明的变量,而意外的创建了一个全局变量,而使这个变量一直留在内存中无法被回收
2、被遗忘的计时器或回调函数：设置了 setInterval 定时器，而忘记取消它，如果循环函数有对外部变量的引用的话，那么这个变量会被一直留在内存中，而无法被回收。
3、脱离 DOM 的引用：获取一个 DOM 元素的引用，而后面这个元素被删除，由于一直保留了对这个元素的引用，所以它也无法被回收。
4、闭包：不合理的使用闭包，从而导致某些变量一直被留在内存当中。
----问题知识点分割线----
如何获得对象非原型链上的属性？
使用后
hasOwnProperty()方法来判断属性是否属于原型链的属性：function iterate(obj){
var res=[];
for(var key in obj){
if(obj.hasOwnProperty(key))
res.push(key+': '+obj[key]);
}
return res;
}
----问题知识点分割线----
伪元素和伪类的区别和作用？
- 伪元素：在内容元素的前后插入额外的元素或样式，但是这些元素实际上并不在文档中生成。它们只在外部显示可见，但不会在文档的源代码中找到它们，因此，称为“伪”元素。例如：
p::before {content:"第一章：";
}
p::after {content:"Hot!";
}
p::first-line {background:red;
}
p::first-letter {font-size:30px;
}
- 伪类：将特殊的效果添加到特定选择器上。它是已有元素上添加类别的，不会产生新的元素。例如：
a:hover {color: #FF00FF}
p:first-child {color: red}
总结： 伪类是通过在元素选择器上加?伪类改变元素状态，?伪元素通过对元素的操作进?对元素的改变。
----问题知识点分割线----
head 标签有什么作用，其中什么标签必不可少？
标签用于定义文档的头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：
</code>。<br />
其中 <code><title></code> 定义文档的标题，它是 head 部分中唯一必需的元素。<br />
----问题知识点分割线----<br />
深拷贝<br />
实现一：不考虑 <code>Symbol</code><br />
<blockquote><code>function deepClone(obj) {
if(!isObject(obj)) return obj;
let newObj = Array.isArray(obj) ? [] : {};
// for...in 只会遍历对象自身的和继承的可枚举的属性（不含 Symbol 属性）
for(let key in obj) {
// obj.hasOwnProperty() 方法只考虑对象自身的属性
if(obj.hasOwnProperty(key)) {
newObj[key] = isObject(obj[key]) ? deepClone(obj[key]) : obj[key];
}
}
return newObj;
}
</code></blockquote><br />
实现二：考虑 <code>Symbol</code><br />
<blockquote><code>// hash 作为一个检查器，避免对象深拷贝中出现环引用，导致爆栈
function deepClone(obj, hash = new WeakMap()) {
if(!isObject(obj)) return obj;
// 检查是有存在相同的对象在之前拷贝过，有则返回之前拷贝后存于hash中的对象
if(hash.has(obj)) return hash.get(obj);
let newObj = Array.isArray(obj) ? [] : {};
// 备份存在hash中，newObj目前是空对象、数组。后面会对属性进行追加，这里存的值是对象的栈
hash.set(obj, newObj);
// Reflect.ownKeys返回一个数组，包含对象自身的（不含继承的）所有键名，不管键名是 Symbol 或字符串，也不管是否可枚举。
Reflect.ownKeys(obj).forEach(key => {
// 属性值如果是对象，则进行递归深拷贝，否则直接拷贝
newObj[key] = isObject(obj[key]) ? deepClone(obj[key], hash) : obj[key];
});
return newObj;
}
</code></blockquote><br />
----问题知识点分割线----<br />
对 sticky 定位的理解<br />
sticky 英文字面意思是粘贴，所以可以把它称之为粘性定位。语法：position: sticky;
基于用户的滚动位置来定位。<br />
粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。它的行为就像 position:relative;
而当页面滚动超出目标区域时，它的表现就像 position:fixed;
，它会固定在目标位置。元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。这个特定阈值指的是 top, right, bottom 或 left 之一，换言之，指定 top, right, bottom 或 left 四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。<br />
----问题知识点分割线----<br />
继承<br />
原型继承
核心思想：子类的原型成为父类的实例<br />
实现：<br />
<blockquote><code>function SuperType() {
this.colors = ['red', 'green'];
}
function SubType() {}
// 原型继承关键: 子类的原型成为父类的实例
SubType.prototype = new SuperType();
// 测试
let instance1 = new SubType();
instance1.colors.push('blue');
let instance2 = new SubType();
console.log(instance2.colors);
// ['red', 'green', 'blue']
</code></blockquote><br />
原型继承存在的问题：<br />
<ol>
<li>原型中包含的引用类型属性将被所有实例对象共享</li>
<li>子类在实例化时不能给父类构造函数传参</li>
</ol>
构造函数继承
核心思想：在子类构造函数中调用父类构造函数<br />
实现：<br />
<blockquote><code>function SuperType(name) {
this.name = name;
this.colors = ['red', 'green'];
this.getName = function() {
return this.name;
}
}
function SubType(name) {
// 继承 SuperType 并传参
SuperType.call(this, name);
}// 测试
let instance1 = new SubType('instance1');
instance1.colors.push('blue');
console.log(instance1.colors);
// ['red','green','blue']let instance2 = new SubType('instance2');
console.log(instance2.colors);
// ['red', 'green']
</code></blockquote><br />
构造函数继承的出现是为了解决了原型继承的引用值共享问题。优点是可以在子类构造函数中向父类构造函数传参。它存在的问题是：1)由于方法必须在构造函数中定义，因此方法不能重用。2)子类也不能访问父类原型上定义的方法。<br />
组合继承
核心思想：综合了原型链和构造函数，即，使用原型链继承原型上的方法，而通过构造函数继承实例属性。<br />
实现：<br />
<blockquote><code>function SuperType(name) {
this.name = name;
this.colors = ['red', 'green'];
}
Super.prototype.sayName = function() {
console.log(this.name);
}
function SubType(name, age) {
// 继承属性
SuperType.call(this, name);
// 实例属性
this.age = age;
}
// 继承方法
SubType.prototype = new SuperType();
// 测试
let instance1 = new SubType('instance1', 1);
instance1.sayName();
// "instance1"
instance1.colors.push("blue");
console.log(instance1.colors);
// ['red','green','blue']let instance2 = new SubType('instance2', 2);
instance2.sayName();
// "instance2"
console.log(instance2.colors);
// ['red','green']
</code></blockquote><br />
组合继承存在的问题是：父类构造函数始终会被调用两次：一次是在创建子类原型时<code>new SuperType()</code>调用，另一次是在子类构造函数中<code>SuperType.call()</code>调用。<br />
寄生式组合继承(最佳)
核心思想：通过构造函数继承属性，但使用混合式原型继承方法，即，不通过调用父类构造函数给子类原型赋值，而是取得父类原型的一个副本。<br />
实现：<br />
<blockquote><code>function SuperType(name) {
this.name = name;
this.colors = ['red', 'green'];
}
Super.prototype.sayName = function() {
console.log(this.name);
}
function SubType(name, age) {
// 继承属性
SuperType.call(this, name);
this.age = age;
}
// 继承方法
SubType.prototype = Object.create(SuperType.prototype);
// 重写原型导致默认 constructor 丢失，手动将 constructor 指回 SubType
SubType.prototype.constructor = SubType;
</code></blockquote><br />
class 实现继承(ES6)
核心思想：通过 <code>extends</code> 来实现类的继承(相当于 <code>ES5</code> 的原型继承)。通过 <code>super</code> 调用父类的构造方法 (相当于 <code>ES5</code> 的构造函数继承)。<br />
实现：<br />
<blockquote><code>class SuperType {
constructor(name) {
this.name = name;
}
sayName() {
console.log(this.name);
}
}
class SubType extends SuperType {
constructor(name, age) {
super(name);
// 继承属性
this.age = age;
}
}// 测试
let instance = new SubType('instance', 0);
instance.sayName();
// "instance"
</code></blockquote><br />
虽然类继承使用的是新语法，但背后依旧使用的是原型链。<br />
----问题知识点分割线----<br />
为什么有时候?translate来改变位置?不是定位？<br />
translate 是 transform 属性的?个值。改变transform或opacity不会触发浏览器重新布局（reflow）或重绘（repaint），只会触发复合（compositions）。?改变绝对定位会触发重新布局，进?触发重绘和复合。transform使浏览器为元素创建?个 GPU 图层，但改变绝对定位会使?到 CPU。 因此translate()更?效，可以缩短平滑动画的绘制时间。 ?translate改变位置时，元素依然会占据其原始空间，绝对定位就不会发?这种情况。<br />
----问题知识点分割线----<br />
New操作符做了什么事情?<br />
<blockquote><code>1、首先创建了一个新对象
2、设置原型，将对象的原型设置为函数的prototype对象
3、让函数的this指向这个对象，执行构造函数的代码（为这个新对象添加属性）
4、判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象
</code></blockquote><br />
----问题知识点分割线----<br />
对浏览器的理解<br />
浏览器的主要功能是将用户选择的 web 资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是 HTML，也包括 PDF、image 及其他格式。用户用 URI（Uniform Resource Identifier 统一资源标识符）来指定所请求资源的位置。<br />
HTML 和 CSS 规范中规定了浏览器解释 html 文档的方式，由 W3C 组织对这些规范进行维护，W3C 是负责制定 web 标准的组织。但是浏览器厂商纷纷开发自己的扩展，对规范的遵循并不完善，这为 web 开发者带来了严重的兼容性问题。<br />
浏览器可以分为两部分，shell 和 内核。其中 shell 的种类相对比较多，内核则比较少。也有一些浏览器并不区分外壳和内核。从 Mozilla 将 Gecko 独立出来后，才有了外壳和内核的明确划分。<br />
<ul>
<li>shell 是指浏览器的外壳：例如菜单，工具栏等。主要是提供给用户界面操作，参数设置等等。它是调用内核来实现各种功能的。</li>
<li>内核是浏览器的核心。内核是基于标记语言显示内容的程序或模块。</li>
</ul>
----问题知识点分割线----<br />
如何提取高度嵌套的对象里的指定属性？<br />
有时会遇到一些嵌套程度非常深的对象：<br />
<blockquote><code>const school = {
classes: {
stu: {
name: 'Bob',
age: 24,
}
}
}
</code></blockquote><br />
像此处的 name 这个变量，嵌套了四层，此时如果仍然尝试老方法来提取它：<br />
<blockquote><code>const { name } = school
</code></blockquote><br />
显然是不奏效的，因为 school 这个对象本身是没有 name 这个属性的，name 位于 school 对象的“儿子的儿子”对象里面。要想把 name 提取出来，一种比较笨的方法是逐层解构：<br />
<blockquote><code>const { classes } = school
const { stu } = classes
const { name } = stu
name // 'Bob'
</code></blockquote><br />
但是还有一种更标准的做法，可以用一行代码来解决这个问题：<br />
<blockquote><code>const { classes: { stu: { name } }} = schoolconsole.log(name)// 'Bob'
</code></blockquote><br />
可以在解构出来的变量名右侧，通过冒号+{目标属性名}这种形式，进一步解构它，一直解构到拿到目标数据为止。<br />
----问题知识点分割线----<br />
Promise.all和Promise.race的区别的使用场景<br />
（1）Promise.all <code>Promise.all</code>可以将多个<code>Promise</code>实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。<br />
Promise.all中传入的是数组，返回的也是是数组，并且会将进行映射，传入的promise对象返回的值是按照顺序在数组中排列的，但是注意的是他们执行的顺序并不是按照顺序的，除非可迭代对象为空。<br />
需要注意，Promise.all获得的成功结果的数组里面的数据顺序和Promise.all接收到的数组顺序是一致的，这样当遇到发送多个请求并根据请求顺序获取和使用数据的场景，就可以使用Promise.all来解决。<br />
（2）Promise.race<br />
顾名思义，Promse.race就是赛跑的意思，意思就是说，Promise.race([p1, p2, p3])里面哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态。当要做一件事，超过多长时间就不做了，可以用这个方法来解决：<br />
<blockquote><code>Promise.race([promise1,timeOutPromise(5000)]).then(res=>{})
</code></blockquote><br />
----问题知识点分割线----<br />
实现 JSONP 跨域<br />
JSONP 核心原理：<code>script</code> 标签不受同源策略约束，所以可以用来进行跨域请求，优点是兼容性好，但是只能用于 GET 请求；<br />
实现：<br />
<blockquote><code>const jsonp = (url, params, callbackName) => {
const generateUrl = () => {
let dataSrchttps://www.it610.com/article/= "";
for(let key in params) {
if(params.hasOwnProperty(key)) {
dataSrc += `${key}=${params[key]}&`
}
}
dataSrc += `callback=${callbackName}`;
return `${url}?${dataSrc}`;
}
return new Promise((resolve, reject) => {
const scriptEle = document.createElement('script');
scriptEle.src = https://www.it610.com/article/generateUrl();
document.body.appendChild(scriptEle);
window[callbackName] = data => {
resolve(data);
document.removeChild(scriptEle);
}
});
}
</code></blockquote><br />
----问题知识点分割线----<br />
对事件委托的理解<br />
（1）事件委托的概念
事件委托本质上是利用了浏览器事件冒泡的机制。因为事件在冒泡过程中会上传到父节点，父节点可以通过事件对象获取到目标节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件，这种方式称为事件委托（事件代理）。<br />
使用事件委托可以不必要为每一个子元素都绑定一个监听事件，这样减少了内存上的消耗。并且使用事件代理还可以实现事件的动态绑定，比如说新增了一个子节点，并不需要单独地为它添加一个监听事件，它绑定的事件会交给父元素中的监听函数来处理。<br />
（2）事件委托的特点
<ul>
<li>减少内存消耗</li>
</ul>
如果有一个列表，列表之中有大量的列表项，需要在点击列表项的时候响应一个事件：<br />
<blockquote><code><ul id="list">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
......
<li>item n</li>
</ul>
</code></blockquote><br />
如果给每个列表项一一都绑定一个函数，那对于内存消耗是非常大的，效率上需要消耗很多性能。因此，比较好的方法就是把这个点击事件绑定到他的父层，也就是 ul 上，然后在执行事件时再去匹配判断目标元素，所以事件委托可以减少大量的内存消耗，节约效率。<br />
<ul>
<li>动态绑定事件</li>
</ul>
给上述的例子中每个列表项都绑定事件，在很多时候，需要通过 AJAX 或者用户操作动态的增加或者去除列表项元素，那么在每一次改变的时候都需要重新给新增的元素绑定事件，给即将删去的元素解绑事件；如果用了事件委托就没有这种麻烦了，因为事件是绑定在父层的，和目标元素的增减是没有关系的，执行到目标元素是在真正响应执行事件函数的过程中去匹配的，所以使用事件在动态绑定事件的情况下是可以减少很多重复工作的。<br />
<blockquote><code>// 来实现把 #list 下的 li 元素的事件代理委托到它的父层元素也就是 #list 上：
// 给父层元素绑定事件
document.getElementById('list').addEventListener('click', function (e) {
// 兼容性处理
var event = e || window.event;
var target = event.target || event.srcElement;
// 判断是否匹配目标元素
if (target.nodeName.toLocaleLowerCase === 'li') {
console.log('the content is: ', target.innerHTML);
}
});
</code></blockquote><br />
在上述代码中， target 元素则是在 #list 元素之下具体被点击的元素，然后通过判断 target 的一些属性（比如：nodeName，id 等等）可以更精确地匹配到某一类 #list li 元素之上；<br />
（3）局限性
当然，事件委托也是有局限的。比如 focus、blur 之类的事件没有事件冒泡机制，所以无法实现事件委托；mousemove、mouseout 这样的事件，虽然有事件冒泡，但是只能不断通过位置去计算定位，对性能消耗高，因此也是不适合于事件委托的。<br />
当然事件委托不是只有优点，它也是有缺点的，事件委托会影响页面性能，主要影响因素有：<br />
<ul>
<li>元素中，绑定事件委托的次数；</li>
<li>点击的最底层元素，到绑定事件元素之间的<code>DOM</code>层数；</li>
</ul>
在必须使用事件委托的地方，可以进行如下的处理：<br />
<ul>
<li>只在必须的地方，使用事件委托，比如：<code>ajax</code>的局部刷新区域</li>
<li>尽量的减少绑定的层级，不在<code>body</code>元素上，进行绑定</li>
<li>减少绑定的次数，如果可以，那么把多个事件的绑定，合并到一次事件委托中去，由这个事件委托的回调，来进行分发。</li>
</ul>
----问题知识点分割线----<br />
渲染过程中遇到 JS 文件如何处理？<br />
JavaScript 的加载、解析与执行会阻塞文档的解析，也就是说，在构建 DOM 时，HTML 解析器若遇到了 JavaScript，那么它会暂停文档的解析，将控制权移交给 JavaScript 引擎，等 JavaScript 引擎运行完毕，浏览器再从中断的地方恢复继续解析文档。也就是说，如果想要首屏渲染的越快，就越不应该在首屏就加载 JS 文件，这也是都建议将 script 标签放在 body 标签底部的原因。当然在当下，并不是说 script 标签必须放在底部，因为你可以给 script 标签添加 defer 或者 async 属性。<br />
----问题知识点分割线----<br />
link和@import的区别<br />
两者都是外部引用CSS的方式，它们的区别如下：<br />
<ul>
<li>link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。</li>
<li>link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。</li>
<li>link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。</li>
<li>link支持使用Javascript控制DOM去改变样式；而@import不支持。</li>
</ul>
----问题知识点分割线----<br />
如何?webpack来优化前端性能？<br />
<strong>【字节前端必会面试题】</strong>?webpack优化前端性能是指优化webpack的输出结果，让打包的最终结果在浏览器运?快速?效。<br />
<ul>
<li>压缩代码：删除多余的代码、注释、简化代码的写法等等?式。可以利?webpack的 UglifyJsPlugin 和 ParallelUglifyPlugin 来压缩JS?件， 利? cssnano （css-loader?minimize）来压缩css</li>
<li>利?CDN加速: 在构建过程中，将引?的静态资源路径修改为CDN上对应的路径。可以利?webpack对于 output 参数和各loader的 publicPath 参数来修改资源路径</li>
<li>Tree Shaking: 将代码中永远不会?到的?段删除掉。可以通过在启动webpack时追加参数 --optimize-minimize 来实现</li>
<li>Code Splitting: 将代码按路由维度或者组件分块(chunk),这样做到按需加载,同时可以充分利?浏览器缓存</li>
<li>提取公共第三?库: SplitChunksPlugin插件来进?公共模块抽取,利?浏览器缓存可以?期缓存这些?需频繁变动的公共代码</li>
</ul></p>
<div class="dede_pages"><ul></ul></div>
<div class="pcd_ad">
<center><div class="_ahwullr0ac"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u6834461",
container: "_ahwullr0ac",
async: true
});
</script>
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" >
</script></center>
</div>
<div class="mbd_ad">
<div style=margin-top:10px;margin-bottom:10px;>
<div class="_i7aftr79jl"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u5950612",
container: "_i7aftr79jl",
async: true
});
</script>
<!-- ½űֻһ -->
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" >
</script>
</div>
</div>
<h3>推荐阅读</h3>
<ul class="post-loop post-loop-default cols-0">
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/1672896.html" title="立夏风俗 立夏都有什么风俗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="立夏风俗 立夏都有什么风俗" src="http://img.readke.com/230420/1050401039-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1672896.html"> <b>立夏风俗 立夏都有什么风俗 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0S01123622021.html" title="苹果11怎么改铃声（苹果11如何改铃声）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="苹果11怎么改铃声（苹果11如何改铃声）" src="http://img200.easyfang.com/img.php?http://tqjimg.tianqistatic.com/toutiao/shuma/images/202003/12/fc823e3f78c2440e.jpg/tqj_pc"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/0S01123622021.html"> <b>苹果11怎么改铃声（苹果11如何改铃声） </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3928930.html" title="尼康55—200 尼康55-200二代怎么用"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="尼康55—200 尼康55-200二代怎么用" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3928930.html"> <b>尼康55—200 尼康55-200二代怎么用 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/09212312062021.html" title="《带刺的仙人球》"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="《带刺的仙人球》" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/09212312062021.html"> <b>《带刺的仙人球》 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3119975.html" title="促进扦插生根的五种方法 促进扦插生根的方法有哪些"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="促进扦插生根的五种方法 促进扦插生根的方法有哪些" src="http://img.readke.com/230906/13550KH9-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3119975.html"> <b>促进扦插生根的五种方法 促进扦插生根的方法有哪些 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/2698577.html" title="lol真的有外挂现象存在吗？你怎么看？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="lol真的有外挂现象存在吗？你怎么看？" src="http://img.readke.com/230711/2219201c1-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2698577.html"> <b>lol真的有外挂现象存在吗？你怎么看？ </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/2394802.html" title="王者更新不了怎么回事"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="王者更新不了怎么回事" src="http://img.readke.com/230602/1QK34322-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2394802.html"> <b>王者更新不了怎么回事 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3382219.html" title="中医有哪些祛痘痘妙招"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="中医有哪些祛痘痘妙招" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3382219.html"> <b>中医有哪些祛痘痘妙招 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/2004627.html" title="美缝剂是什么材料做的? 美缝剂是什么材料做的"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="美缝剂是什么材料做的? 美缝剂是什么材料做的" src="http://img.readke.com/230509/193603F49-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2004627.html"> <b>美缝剂是什么材料做的? 美缝剂是什么材料做的 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3838972.html" title="ios韩国账号，Iphone5s怎么重新注册一个韩国的ID账号"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="ios韩国账号，Iphone5s怎么重新注册一个韩国的ID账号" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3838972.html"> <b>ios韩国账号，Iphone5s怎么重新注册一个韩国的ID账号 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/2933291.html" title="积碳会导致发动机动力变差吗 积碳会导致发动机动力变差吗视频"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="积碳会导致发动机动力变差吗 积碳会导致发动机动力变差吗视频" src="http://img.readke.com/230804/225RGT5-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2933291.html"> <b>积碳会导致发动机动力变差吗 积碳会导致发动机动力变差吗视频 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3101739.html" title="阅读电子书,很多人都推荐Kindle,具体好在哪里？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="阅读电子书,很多人都推荐Kindle,具体好在哪里？" src="http://img.readke.com/230902/063A93309-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3101739.html"> <b>阅读电子书,很多人都推荐Kindle,具体好在哪里？ </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0S11160412021.html" title="Secret|Secret Love(爱与被爱)"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="Secret|Secret Love(爱与被爱)" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/0S11160412021.html"> <b>Secret|Secret Love(爱与被爱) </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3392301.html" title="香奈儿发源地"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="香奈儿发源地" src="http://img.readke.com/231109/04545W3Y-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3392301.html"> <b>香奈儿发源地 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3191284.html" title="北京接种新冠疫苗怎么预约最新"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="北京接种新冠疫苗怎么预约最新" src="http://img.readke.com/230929/20030U100-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3191284.html"> <b>北京接种新冠疫苗怎么预约最新 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/2573142.html" title="宿舍着火正确做法 宿舍起火怎么处理"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="宿舍着火正确做法 宿舍起火怎么处理" src="http://img.readke.com/230624/031F42c0-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2573142.html"> <b>宿舍着火正确做法 宿舍起火怎么处理 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/1404017.html" title="成都限行时间几点到几点 成都车辆尾号限行时间段是几点到几点"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="成都限行时间几点到几点 成都车辆尾号限行时间段是几点到几点" src="http://img.readke.com/230404/232629B14-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1404017.html"> <b>成都限行时间几点到几点 成都车辆尾号限行时间段是几点到几点 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/3912371.html" title="c minus 语法分析器 输出语法树"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="c minus 语法分析器 输出语法树" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3912371.html"> <b>c minus 语法分析器 输出语法树 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/553903.html" title="好用设置系统安装图文详细教程"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="好用设置系统安装图文详细教程" src="http://img.readke.com/220419/145951JI-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/553903.html"> <b>好用设置系统安装图文详细教程 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/4009995.html" title="mysql 查询不为null mysql查询数据不重"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="mysql 查询不为null mysql查询数据不重" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/4009995.html"> <b>mysql 查询不为null mysql查询数据不重 </b></a></h4>
<div class="item-meta">
<div class="item-meta-right"> </div>
</div>
</div>
</li>
</ul>
<p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/884631.html" title="谁不想在网页里来一颗核弹呢（狗头）" target="_blank">谁不想在网页里来一颗核弹呢（狗头）
</a></li> <li><a href="/c/882515.html" title="社招前端高频面试题" target="_blank">社招前端高频面试题
</a></li> <li><a href="/c/875332.html" title="cookie （websession互串的原因）" target="_blank">cookie （websession互串的原因）
</a></li> <li><a href="/c/873780.html" title="前端高频面试题(六)（附答案）" target="_blank">前端高频面试题(六)（附答案）
</a></li> <li><a href="/c/871417.html" title="前端高频面试题(二)（附答案）" target="_blank">前端高频面试题(二)（附答案）
</a></li> <li><a href="/c/871416.html" title="前端高频面试题(一)（附答案）" target="_blank">前端高频面试题(一)（附答案）
</a></li> <li><a href="/c/870736.html" title="前端高频面试题（附答案）" target="_blank">前端高频面试题（附答案）
</a></li> <li><a href="/c/848216.html" title="前端食堂技术周刊第 47 期（Docusaurus 2.0 、7 月登陆网络平台的新内容 、Nuxt.js 团队的轮子库）" target="_blank">前端食堂技术周刊第 47 期（Docusaurus 2.0 、7 月登陆网络平台的新内容 、Nuxt.js 团队的轮子库）
</a></li> <li><a href="/c/847098.html" title="百度分享插件的使用" target="_blank">百度分享插件的使用
</a></li> </ul></p>
<div class=entry-copyright>
<p></p>
</div>
</div>
<div class="entry-footer">
<div class="prev-next sb br mb clearfix">
<p class="post-prev fl ellipsis">上一篇：<a href='/c/885778.html'>4EVERLAND|4EVERLAND Ar Hosting: 一键在Arweave上托管您的网站</a> </p>
<p class="post-next fr ellipsis">下一篇：<a href='/c/885780.html'>nginx常用的日志配置</a> </p>
</div>
</div>
</div>
</article>
</main>
<aside class="sidebar">
<div class="widget widget_post_thumb">
<h3 class="widget-title"><span>更多...</span></h3>
<ul>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/885780.html" title="nginx常用的日志配置"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="nginx常用的日志配置" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/885780.html" title="nginx常用的日志配置">nginx常用的日志配置</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/885779.html" title="字节前端必会面试题"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="字节前端必会面试题" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/885779.html" title="字节前端必会面试题">字节前端必会面试题</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/885778.html" title="4EVERLAND|4EVERLAND Ar Hosting: 一键在Arweave上托管您的网站"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="4EVERLAND|4EVERLAND Ar Hosting: 一键在Arweave上托管您的网站" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/885778.html" title="4EVERLAND|4EVERLAND Ar Hosting: 一键在Arweave上托管您的网站">4EVERLAND|4EVERLAND Ar Hosting: 一键在Arweave上托管您的网站</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/885777.html" title="Linux服务器下搭建SFTP服务"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="Linux服务器下搭建SFTP服务" src="http://img.readke.com/220909/1AS12647-0-lp.jpg"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/885777.html" title="Linux服务器下搭建SFTP服务">Linux服务器下搭建SFTP服务</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/885776.html" title="阿里云ACE怎么考（现在的考试方式难不难？）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="阿里云ACE怎么考（现在的考试方式难不难？）" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/885776.html" title="阿里云ACE怎么考（现在的考试方式难不难？）">阿里云ACE怎么考（现在的考试方式难不难？）</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/885775.html" title="创建Iceberg表的步骤——《DEEPNOVA开发者社区》"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="创建Iceberg表的步骤——《DEEPNOVA开发者社区》" src="http://img.readke.com/220909/1AQ0N43-0-lp.jpg"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/885775.html" title="创建Iceberg表的步骤——《DEEPNOVA开发者社区》">创建Iceberg表的步骤——《DEEPNOVA开发者社区》</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/885774.html" title="如何在 RHEL 8 / CentOS 8 系统中下载 RPM 包而不安装它们 （）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="如何在 RHEL 8 / CentOS 8 系统中下载 RPM 包而不安装它们 （）" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/885774.html" title="如何在 RHEL 8 / CentOS 8 系统中下载 RPM 包而不安装它们 （）">如何在 RHEL 8 / CentOS 8 系统中下载 RPM 包而不安装它们 （）</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/885773.html" title="常见的网站托管主机有哪几种（）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="常见的网站托管主机有哪几种（）" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/885773.html" title="常见的网站托管主机有哪几种（）">常见的网站托管主机有哪几种（）</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/885767.html" title="品牌|从参与者到创变者：品牌视角下的KOL演变"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="品牌|从参与者到创变者：品牌视角下的KOL演变" src="http://img.readke.com/220909/16443C642-0-lp.png"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/885767.html" title="品牌|从参与者到创变者：品牌视角下的KOL演变">品牌|从参与者到创变者：品牌视角下的KOL演变</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/885765.html" title="新能源汽车|亏了666亿，蔚来太难了"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="新能源汽车|亏了666亿，蔚来太难了" src="http://img.readke.com/220909/1644125L8-0-lp.png"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/885765.html" title="新能源汽车|亏了666亿，蔚来太难了">新能源汽车|亏了666亿，蔚来太难了</a></p>
</div>
</li>
</ul>
</div>
</aside>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="clearfix">
<div class="footer-col footer-col-logo"> <!--<img src="/skin/images/logo-footer.png">--></div>
<div class="footer-col footer-col-copy">
<ul class="footer-nav hidden-xs">
<li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li>
<li class="menu-item menu-item-706"><a href="/it/">it技术</a></li>
</ul>
<div class="copyright">
<p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p>
</div>
</div>
<div class="footer-col footer-col-sns">
<div class="footer-sns"> </div>
</div>
</div>
</div>
</footer>
<div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;">
<div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true">
<use xlink:href="#wi-arrow-up-2"></use>
</svg></i></div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<script>var _web_js={};</script>
<script src="/skin/js/index.js"></script>
</body>
</html>