<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[pig_html的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/pig_html</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; pig_html]]></copyright><item><title><![CDATA[首发！vue3重点！一文了解Composition API新特性：ref、toRef、toRefs]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/118186433</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/118186433</guid><author>pig_html</author><pubDate>Thu, 24 Jun 2021 13:46:47 +0800</pubDate><description><![CDATA[一文了解Composition API新特性：ref、toRef、toRefs
在上一篇文章中，我们初步了解了vue3的新特性，今天，我们将延续Composition API的话题，来了解Composition API带来的新特性： ref 、 toRef 和 toRefs 。
下面开始进入本文的讲解✨
一、????如何理解ref、toRef和toRefs
1、ref、toRef和toRefs是什么
（1）ref
1）ref是什么

ref 可以生成 值类型（即基本数据类型） 的响应式数据；
ref 可以用]]></description><category></category></item><item><title><![CDATA[从Vue2.0到React17——React开发入门]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/118115235</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/118115235</guid><author>pig_html</author><pubDate>Tue, 22 Jun 2021 20:01:25 +0800</pubDate><description><![CDATA[前言
找工作时发现有一些公司是以React作为技术栈的，而且薪资待遇都不错，为了增加生存的筹码，所以还是得去学一下React，增加一项求生技能。因为我用Vue2.0开发项目已经四年了，故用Vue2.0开发项目的思路来学习React。
前端项目是由一个个页面组成的，对于Vue来说，一个页面是由多个组件构成的，页面本身也是一个路由组件。对于React来说也是如此。Vue会提供一系列技术支持来完成一个组件的开发，可以从这一系列技术支持出发，去React中寻找对应的技术支持来入门React，比如React中如何开发]]></description><category></category></item><item><title><![CDATA[做了3年测试，靠着这份面试题和答案，我成功跳槽字节跳动拿到了前端offer]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/115144541</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/115144541</guid><author>pig_html</author><pubDate>Tue, 23 Mar 2021 21:15:00 +0800</pubDate><description><![CDATA[个人经历
给大家一个参考，计算机信息工程专业，大学学过前端，毕业后阴差阳错在小公司做了三年测试后，意外地拿到了字节跳动前端的offer，成功跳槽到了字节跳动事业部。
字节跳动面试对基础比较看重，然后需要你有两三个比较好的项目，一面重视面试者对前端基础的把握，还要手写代码，不过不难。
二面部门的leader面，这一面比较难，面试官会对你的项目细节进行深挖，所以说项目要牛逼一点，最后还会有一道逻辑题（侥幸），三面是还是技术面，最后是HR面，如果你想进大公司的话，下面这些技术是肯定要掌握的：html5，css3，]]></description><category></category></item><item><title><![CDATA[非科班出身拿下字节跳动前端offer，我有一份50000字面试宝典分享给你！]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/115100056</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/115100056</guid><author>pig_html</author><pubDate>Mon, 22 Mar 2021 21:35:12 +0800</pubDate><description><![CDATA[个人经历
本人211学校，回想我大一的时候，读的是机电工程，因为对计算机专业好就业比较看重，后来在大一下的时候开始了自己双学位之路，开始了学计算机专业，从此开始了科班生的生涯。接触前端也大概是在大一下学期，在一个叫腾讯课堂的地方偶然发现了一套 JS 的视频，看着感觉不错，想深入这个领域，但后来发现越往后面学越需要一些计算机科班的专业基础，于是我当时果断转到了计算机。因此这一步选择算得上偶然，也是一个必然。
大二上学校的课程压力比较大，不温不火地学了一个学期，中途有过做全栈的想法，报了个 Python Web]]></description><category></category></item><item><title><![CDATA[牛笔了！字节跳动大佬整理：CSS 核心知识（万字长文，值得收藏！）]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/115016527</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/115016527</guid><author>pig_html</author><pubDate>Fri, 19 Mar 2021 21:38:47 +0800</pubDate><description><![CDATA[本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。
这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。
小tip：后续内容更精彩哦。

核心概念和知识点
语法
CSS 的核心功能是将 CSS 属性设定为特定的值。一个属性与值的键值对被称为声明（declaration）。
color: red;
复制代码

而如果将一个或者多个声明用 {} ]]></description><category></category></item><item><title><![CDATA[我打破了 React Hook 必须按顺序、不能在条件语句中调用的枷锁]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/114838699</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/114838699</guid><author>pig_html</author><pubDate>Mon, 15 Mar 2021 16:26:26 +0800</pubDate><description><![CDATA[React 官网介绍了 Hook 的这样一个限制：

不要在循环，条件或嵌套函数中调用 Hook， 确保总是在你的 React 函数的最顶层以及任何 return 之前调用他们。遵守这条规则，你就能确保 Hook 在每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect 调用之间保持 hook 状态的正确。(如果你对此感到好奇，我们在下面会有更深入的解释。)

这个限制在开发中也确实会时常影响到我们的开发体验，比如函数组件中出现 if 语句提前 retu]]></description><category></category></item><item><title><![CDATA[阿里妈妈出的新工具，给批量修改项目代码减轻了痛苦]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/114730856</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/114730856</guid><author>pig_html</author><pubDate>Sat, 13 Mar 2021 10:04:51 +0800</pubDate><description><![CDATA[作为一个程序员，当然总是期望自己的代码能「一次编写，四处运行」，但真实经验往往是「一处修改，百处填坑」，依赖落后了好几个版本了想要升级、老代码已经看着很不爽了打算重构，都需要下坚决的决心，毕竟哪里漏掉了或者改错了都可能酿成大祸，我们一般都怎么搞呢？
放弃不搞
顿时就减轻了痛苦有木有…但如果你坚持要搞，请往下看！
土办法的真香和局限
对于一些简单的需求，比如最近在掘金上看到了一个例子，去掉项目中 console.log(xxx) 代码，我相信大家平时遇到这种需求第一个想法都是直接选择编辑器批量文本替换成空字符]]></description><category></category></item><item><title><![CDATA[字节跳动前端面试题解析：盛最多水的容器]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/114678602</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/114678602</guid><author>pig_html</author><pubDate>Thu, 11 Mar 2021 20:01:31 +0800</pubDate><description><![CDATA[create by db on 2021-3-11 16:10:51
Recently revised in 2021-3-11 16:22:59

闲时要有吃紧的心思，忙时要有悠闲的趣味

原题链接11. 盛最多水的容器 &gt; 目录


题目描述
思路分析
AC 代码
总结

题目描述

返回目录

给你 n 个非负整数 a1，a2，…，an，每个数代表坐标中的一个点 &nbsp;(i,&nbsp;ai) 。在坐标内画 n 条垂直线，垂直线 i&nbsp; 的两个端点分别为 &nbsp;(i,&nb.]]></description><category></category></item><item><title><![CDATA[字节跳动最爱考的前端面试题：CSS 基础]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/114640649</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/114640649</guid><author>pig_html</author><pubDate>Wed, 10 Mar 2021 17:12:31 +0800</pubDate><description><![CDATA[注意：每道题前面出现的 (xx) 数字代表这道题出现的频次，此 CSS 基础是基于 30+ 篇前端面经整理出的问题和对应的回答、参考链接等。文章内容为拿到 Offer 的本人整理。

（2）写代码：css div 垂直水平居中，并完成 div 高度永远是宽度的一半（宽度可以不指定）
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name=.]]></description><category></category></item><item><title><![CDATA[凭借这份前端面试宝典，我成功拿到了字节跳动、腾讯、阿里巴巴等六家大厂offer！]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/114415547</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/114415547</guid><author>pig_html</author><pubDate>Fri, 05 Mar 2021 22:21:37 +0800</pubDate><description><![CDATA[前言
又逢金三银四，拿到大厂的offer一直是程序员朋友的一个目标，我是如何拿到大厂offer的呢，今天给大家分享我拿到大厂offer的利器，前端核心知识面试宝典，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题\数据结构与算法。
整个核心知识点的内容很详细，很多知识点在总结的时候会有一些纰漏，不会在文章中将所有内容都展示给大家，全部都整理在了一个pdf里面，对大家面试有帮助的可以关注小编+评论留言领取！
HTML面试题部分
1.H5的新特性有哪些
2.Label的作用是什么？]]></description><category></category></item><item><title><![CDATA[8个有点优秀的CSS实践]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/114376904</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/114376904</guid><author>pig_html</author><pubDate>Thu, 04 Mar 2021 20:19:54 +0800</pubDate><description><![CDATA[CSS计算选中标签元素
这是一种社交平台的常见需求，比如说在掘金平台中让用户选择感兴趣的标签，通常都是用JS来处理已经选择了的标签数量。今天给出一个css版本：
&lt;p&gt;请选择你感兴趣的标签:&lt;/p&gt;
&lt;input type="checkbox" id="topic1"&gt;&lt;label for="topic1" class="topic"&gt;Vue&lt;/label&gt;
...
&lt;p&gt;您已选择&lt;span class="topic-counte]]></description><category></category></item><item><title><![CDATA[字节跳动最爱考的前端面试题：JavaScript 基础]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/114325727</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/114325727</guid><author>pig_html</author><pubDate>Wed, 03 Mar 2021 17:38:25 +0800</pubDate><description><![CDATA[注意：每道题前面出现的 (xx) 数字代表这道题出现的频次，此 JS 基础是基于 30+ 篇前端面经整理出的问题和对应的回答、参考链接等。文章内容为拿到 Offer 的本人整理。

（2）问：0.1 + 0.2 === 0.3 嘛？为什么？
JavaScirpt 使用 Number 类型来表示数字（整数或浮点数），遵循 IEEE 754 标准，通过 64 位来表示一个数字（1 + 11 + 52）

1 符号位，0 表示正数，1 表示负数 s
11 指数位（e）
52 尾数，小数部分（即有效数字）

最大.]]></description><category></category></item><item><title><![CDATA[2021前端学习路径书单—自我成长之路]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/113922768</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/113922768</guid><author>pig_html</author><pubDate>Sun, 21 Feb 2021 20:06:59 +0800</pubDate><description><![CDATA[正式学习前端大概 3 年多了，接触前端大概 4 年了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

JS
《JavaScript高级程序设计（第4版）》
第三版:豆瓣评分9.3
第四版:豆瓣评分8.5
现在建议学习第四版，因为第三版很多还是以ES5的语法进行讲解的，目前]]></description><category></category></item><item><title><![CDATA[最佳实践React性能优化]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/113837724</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/113837724</guid><author>pig_html</author><pubDate>Wed, 17 Feb 2021 20:27:30 +0800</pubDate><description><![CDATA[1: React.lazy和React.Suspense封装dynamic函数动态引入组件

1：基本使用

//使用方法
import React, {Component} from 'react';
import {dynamic} from './utils';

const LoadingHome = dynamic(() =&gt; import('./components/Home'));
const LoadingUser = dynamic(() =&gt; import('./compon]]></description><category></category></item><item><title><![CDATA[阿里面试官的”说一下从url输入到返回请求的过程“问的难度就是不一样！]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/113822158</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/113822158</guid><author>pig_html</author><pubDate>Tue, 16 Feb 2021 09:21:54 +0800</pubDate><description><![CDATA[前言
年前准备换工作，总结了一波面试最频繁的面试问题跟大家交流。此文章是关于浏览器的常见问题，大概面试10家遇到6家提问类似问题（主要是大厂和中厂）。（面试的部分内容已经忘了，为了串联成一个完整的故事，增加可读性，20%的内容为虚构），目前入职滴滴出行成都团队。
问题: 从浏览器地址栏输入url到请求返回发生了什么
你一看这种烂掉牙的问题，小case，但996面试大佬由此延展的问题已经远远超越了这个问题本身了，不信你就接着看。
我回答了首先会进行 url 解析，根据 dns 系统进行 ip 查找。
话音刚落]]></description><category></category></item><item><title><![CDATA[【建议收藏】2021字节跳动、腾讯、阿里巴巴等一线互联网校招前端面试真题解析]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/113619653</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/113619653</guid><author>pig_html</author><pubDate>Wed, 03 Feb 2021 21:08:56 +0800</pubDate><description><![CDATA[HTML 篇
说说 title 和 alt 属性

两个属性都是当鼠标滑动到元素上的时候显示
alt 是 img 的特有属性，是图片内容的等价描述，图片无法正常显示时候的替代文字。
title 属性可以用在除了base，basefont，head，html，meta，param，script和title之外的所有标签，是对dom元素的一种类似注释说明，

Html5 有哪些新特性、移除了哪些元素

新增元素：

绘画canvas
用于媒介回放的video 和 audio 元素
本地离线存储 localSto]]></description><category></category></item><item><title><![CDATA[网易高工手打：中高级前端必须注意的40条移动端H5坑位指南]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/113619172</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/113619172</guid><author>pig_html</author><pubDate>Wed, 03 Feb 2021 20:43:42 +0800</pubDate><description><![CDATA[前言
不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。
三年半沉淀通过本文记录下所遇到的坑位，或许有些坑位还未遇到，但本文记录的40条坑位绝对能让同学们少走很多弯路，特别是前端小白。为了减少废话提高本文质量，对以下内容做一些约定。

提及的安卓系统包括A]]></description><category></category></item><item><title><![CDATA[疫情期间，一个前端妹子的面试小记(含答案)]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/113271227</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/113271227</guid><author>pig_html</author><pubDate>Wed, 27 Jan 2021 20:42:22 +0800</pubDate><description><![CDATA[背景
我18年本科毕业，年前已有换工作想法，一直没有付诸行动，疫情爆发后回到老家，年后开始找工作，对于自己水平不是很清楚，之前找工作一直都挺顺利的。大学毕业没有留在实习单位继续做前端开发，那时候三大框架已经开始流行了，实习公司用的还是jquery。回老家学了一个月的车和vue、小程序后，凭着自学做的项目找了一周工作入职第一家公司。面试经验比较少，想着多面面看看对方公司的反馈。年前还没开始准备就面了腾讯，终止于二面，所以说还是要好好复习再面大厂。
面的岗位以两三年为主，虽然我是1.5年经验，但有的岗位年限要求]]></description><category></category></item><item><title><![CDATA[可能是目前最全的《前端校招面试题及解析》(292页)]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/113000298</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/113000298</guid><author>pig_html</author><pubDate>Fri, 22 Jan 2021 20:13:31 +0800</pubDate><description><![CDATA[前言
最近在准备面试，然后复习下之前写过的项目，书籍，笔记，文章。一看很多知识点都没有印象，最可拍的是连自己为了防止忘记写的文章竟然都感觉不是自己写的。有些开始怀疑人生了。
好了，废话少说，离金三银四求职高峰期没多久了，我把我收集到的资料分享给大家。也祝到家有个好工作。(本文资料 适合0-2年)
从入门到精通，包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。
文章中所列主要为大纲部分，详细内容可以在文末自行获取哈！
如果]]></description><category></category></item><item><title><![CDATA[【建议收藏】2021前端校招BATJ面试秘籍，为你保驾护航金三银四，直通大厂！]]></title><link>https://blog.youkuaiyun.com/pig_html/article/details/112909883</link><guid>https://blog.youkuaiyun.com/pig_html/article/details/112909883</guid><author>pig_html</author><pubDate>Wed, 20 Jan 2021 20:22:15 +0800</pubDate><description><![CDATA[本文主要是javascript和css方面的基础面试题，适合面试前以及平时复习食用。
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。
什么？你问我要好的面试题文章，这不是就在]]></description><category></category></item></channel></rss>