<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[LittleRoundFace的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/LittleRoundFace</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; LittleRoundFace]]></copyright><item><title><![CDATA[浏览器存储HTTP中的URL长度限制、cookie、sessionStorage和localStorage的区别和使用]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/125320199</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/125320199</guid><author>LittleRoundFace</author><pubDate>Thu, 16 Jun 2022 17:35:48 +0800</pubDate><description><![CDATA[浏览器存储HTTP中的URL长度限制、cookie、sessionStorage和localStorage的区别和使用]]></description><category></category></item><item><title><![CDATA[Warning:useEffect函数中取消所有订阅和异步任务]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/121505658</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/121505658</guid><author>LittleRoundFace</author><pubDate>Tue, 23 Nov 2021 23:36:35 +0800</pubDate><description><![CDATA[Warning：Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.useEffect清理函数中取消所有订阅和异步任务
报错：]]></description><category></category></item><item><title><![CDATA[js获取时间常见用法整理]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/121491442</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/121491442</guid><author>LittleRoundFace</author><pubDate>Tue, 23 Nov 2021 13:44:59 +0800</pubDate><description><![CDATA[业务需求中常用的时间选择器需给定默认时间段，或者校验是否在某时间段内，这时候总是现去查很浪费时间，因此整理了一下常用的默认时间，方便后续需要直接时候来查（copy)，我比较常用的插件是moment.js，所以本文给了两种获取方式：一个原生js方式获取时间端段，一个直接用moment.js插件中方法获取时间段

Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。

js原生获取时间段
//格式化时间
export function formatTime]]></description><category></category></item><item><title><![CDATA[路由传参方式]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/121448573</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/121448573</guid><author>LittleRoundFace</author><pubDate>Sun, 21 Nov 2021 00:44:36 +0800</pubDate><description><![CDATA[路由传参方式
1.params方式
参数不丢失但是需要一个个手动定义
this.props.history.push({pathname:`/detail/${id}`})

获取参数
this.props.match.params.id

路由文件中的配置
&lt;Route path="/detail/:id/:orderId?" component={Detail} /&gt;

1.1 params传参(刷新页面后参数不消失，参数会在地址栏显示)
路由页面：
注意要配置 /:id
&lt;Route]]></description><category></category></item><item><title><![CDATA[React基本使用你都掌握了么？]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/121448558</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/121448558</guid><author>LittleRoundFace</author><pubDate>Sun, 21 Nov 2021 00:41:57 +0800</pubDate><description><![CDATA[React基本使用你都掌握了么？
基本使用——常用，必须会
高级特性——不常用，但体现深度，下篇文章会复习【React高级特性】
Hooks——常用，必须会，前面已分享过基础【React Hooks基本使用详解】
Redux和React-router使用，后续文章也会介绍【Redux和React-router使用】
老规矩先来看几个常考的react基础面试题：
React典型面试题举例


React组件如何通讯


JSX本质是什么？


context是什么？有什么用途？


shouldCompone]]></description><category></category></item><item><title><![CDATA[React Hooks基本使用详解]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/120318367</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/120318367</guid><author>LittleRoundFace</author><pubDate>Wed, 15 Sep 2021 22:14:55 +0800</pubDate><description><![CDATA[React Hooks基本使用详解

Hooks let you use state and other React features without writing a class
Hooks可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性

一、类组件不足：

状态难以复用（渲染属性Render Props、高阶组件HOC、Mixin、Hooks可以解决这个问题）在hooks出来之前，常见的代码重用方式是 HOC 和render props，这两种方式带来的问题是：你]]></description><category></category></item><item><title><![CDATA[使用execCommand将文字样式设置成css样式的办法]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/117703680</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/117703680</guid><author>LittleRoundFace</author><pubDate>Tue, 08 Jun 2021 15:18:02 +0800</pubDate><description><![CDATA[使用execCommand将文字样式设置成css样式的办法
前言
最近解决富文本编辑器umeditor中增加更多字号的需求，发现一个非常有意思的 API execCommand 。我们可以通过这个 API 操控富文本中的内容。关于此execCommand 详解，基于以上知识的介绍，来看看如何在umeditor组件基础上增加更多字号
问题描述
看完umeditor文档我想你应该知道，给编辑器增加字号再简单不过了，就是在配置文件中umeditor.config.js增加一行代码就完事儿了，像这样：
fontsi]]></description><category></category></item><item><title><![CDATA[前端面试技巧]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/115038467</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/115038467</guid><author>LittleRoundFace</author><pubDate>Sun, 21 Mar 2021 01:43:29 +0800</pubDate><description><![CDATA[前端面试葵花宝典
今天参加了一个分享大会，是关于前端面试的，虽然自己目前并无跳槽面试需求，但是觉得了解一下行业标准对自己现在查缺补漏更好一些。大会是线上的从早晨9点就开始了，一直到晚上七点多才结束，其实里面有10个分享嘉宾，不过我开头和中间有事都没有听见，听到的4~5个分享讲师分享的内容真的是干货满满，有点相见恨晚的感觉，于是会后我就想整理一下，让更多人也能有机会更早知道这些面试规则和技巧，早知道早去练习这些能力。对于准备跳槽的小伙伴会更有帮助。
注意：本文内容来自如下大会的各个大佬的讲课内容，我边听边做了]]></description><category></category></item><item><title><![CDATA[教你写出高性能 JavaScript]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/113892593</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/113892593</guid><author>LittleRoundFace</author><pubDate>Sat, 20 Feb 2021 19:45:49 +0800</pubDate><description><![CDATA[教你写出高性能 JavaScript
最近又在研究性能优化，于是复习起了三年前自己看完高性能 JavaScript 那本书整理的笔记，觉得虽然三年前整理的东西了，但是现在拿出来还是觉得不过时很有用。本文主要介绍两大块页面级优化、代码级优化；至于实践与应用还有工具上篇文章有讲解过：前端性能优化及其度量方法

页面级优化

页面级优化-加载和执行
从设计实现层面简化页面


脚本位置：底部
将脚本内容在页面信息内容加载后再加载
将脚本尽可能的往后挪，减少对并发下载的影响。


组织脚本：减少外链


合理设置 ]]></description><category></category></item><item><title><![CDATA[前端性能优化及其度量方法]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/113892145</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/113892145</guid><author>LittleRoundFace</author><pubDate>Sat, 20 Feb 2021 19:36:10 +0800</pubDate><description><![CDATA[前端性能优化及其度量方法
前端页面性能对用户留存、用户直观体验有着重要影响，当页面加载时间超过 2 秒后，加载时间每增加一秒，就会有大量的用户流失，所以做好页面性能优化，对网站来说是一个非常重要的步骤。
提到性能优化，灵魂三问来啦，什么是前端性能优化？如何度量前端性能？如何做性能优化？一个页面的性能指标非常多，面对一大堆性能指标，可能一个老手也一时间不知道从何开始分析，所以本篇文章我会介绍一些性能优化最基础的知识点和工具，以及根据工作分析出数据如何做性能优化，并推荐几个公司个性化需求改造后的性能检测工具。
]]></description><category></category></item><item><title><![CDATA[通过挑土豆—我学会了如何区分JS数组的遍历方法]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/111194074</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/111194074</guid><author>LittleRoundFace</author><pubDate>Tue, 15 Dec 2020 10:58:08 +0800</pubDate><description><![CDATA[前言
从最开始学的for循环遍历方法，到后来层出不穷的各种遍历方法，其实最大的区别就是应用场景的不同。
我们最需要记住的就是，什么情况下用哪一种方法比较合适。
从挑土豆开始

这里有一堆土豆，如果换成代码，可以表示如下：
var potatos = [{ id: '1001', weight: 50 },
{ id: '1002', weight: 80 },
{ id: '1003', weight: 120 },
{ id: '1004', weight: 40 },
{ id: '1005', wei]]></description><category></category></item><item><title><![CDATA[前端技术浪潮与应用]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/110285181</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/110285181</guid><author>LittleRoundFace</author><pubDate>Sat, 28 Nov 2020 16:08:12 +0800</pubDate><description><![CDATA[2020年前端技术浪潮与应用
文章目录2020年前端技术浪潮与应用一、前端基建01.前端可视化01-1.页面可视化搭建①页面可视化背景-前端行业提效分析②业界-前端行业提效轮子：[前端可视化搭建工具业界的轮子](https://juejin.im/post/6858881797490098190)③背景-提效轮子总结归纳④智能化相关行业提效分析⑤举例可视化搭建其中的一个例子来看前端可视化——imgcookimgcook介绍-产品大图imgcook介绍-产品大图核心技术难点-智能识别表达拆解核心技术难点-智能]]></description><category></category></item><item><title><![CDATA[玩转 React 高阶组件这一篇就够]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/110284615</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/110284615</guid><author>LittleRoundFace</author><pubDate>Sat, 28 Nov 2020 15:59:29 +0800</pubDate><description><![CDATA[高阶组件


高阶组件是一个函数，接收一个组件，然后返回一个新的组件。 ——高阶组件
文章目录高阶组件高阶组件的简介使用 HOC 解决横切关注点问题不要改变原始组件。使用组合。约定：将不相关的 props 传递给被包裹的组件约定：最大化可组合性约定：包装显示名称以便轻松调试注意事项不要在 render 方法中使用 HOC务必复制静态方法Refs 不会被传递HOC的实际应用日志打点可用、权限控制双向绑定表单校验前端混沌工程：React Chaos总结

高阶组件的简介
1. 为什么需要高阶组件？

这个问题很]]></description><category></category></item><item><title><![CDATA[js数据类型你真的懂了么？]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/109758548</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/109758548</guid><author>LittleRoundFace</author><pubDate>Tue, 17 Nov 2020 23:51:15 +0800</pubDate><description><![CDATA[js数据类型你真的懂了么？
js数据类型有哪些？这个很基础的问题，被问到的人可能会想干嘛拿这么简单的弱智问题问我，这怎么会问倒我，不就是那几种么，但是深入下去我们经常会犯一些错误，下面会详细介绍js数据类型及常见的特殊情况，还有如何判断数据类型，数据类型之间如何转换等
文章目录js数据类型你真的懂了么？原始（Primitive）类型BigInt重点说一下这个新的原始类型对象（Object）类型类型数据判断 typeof vs instanceof  vs constructor vs Object.prot]]></description><category></category></item><item><title><![CDATA[页面可视化搭建工具业界的轮子]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/107895116</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/107895116</guid><author>LittleRoundFace</author><pubDate>Sun, 09 Aug 2020 15:51:16 +0800</pubDate><description><![CDATA[页面可视化搭建工具业界的轮子
无论大公司还是小公司，我们开发前端工程时候，项目工程又很多类似的功能或者页面，开发经常是加班加点搬砖去做一些无成长反复操作的工作，看键盘上 ctrle 键已经被磨掉了漆，C 和 V 也马上磨白了，那对于开发如何把这些重复的工作用机器去解决？在前端资源紧缺的情况下，是否可直接有工具直接就可以搭建出我想要的前端页面？于是业界的页面可视化搭建工具就出现了，本文会介绍目前最流行的页面可视化搭建工具，也会提供一些开源的可视化搭建项目供大家参考（Copy）。
1 页面可视化搭建 简介
编程]]></description><category></category></item><item><title><![CDATA[js新增基本数据类型，ES10新增数据类型BigInt，js数据基本数据类型,你不知道的js数据类型详解，8种js数据类型]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/103649429</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/103649429</guid><author>LittleRoundFace</author><pubDate>Sat, 21 Dec 2019 22:52:01 +0800</pubDate><description><![CDATA[js数据类型
js数据类型有哪些？这个很基础的问题，被问到的人可能会想干嘛拿这么简单的弱智问题问我，这怎么会问倒我，不就是那几种么，但是深入下去我们经常会犯一些错误，下面会详细介绍js数据类型及常见的特殊情况，还有如何判断数据类型，数据类型之间如何转换等
原始（Primitive）类型

原始类型有哪几种？null 是对象嘛？

在JS中，存在着7的原始（Primitive）类型，分别是：

Bo...]]></description><category></category></item><item><title><![CDATA[js数据类型，你不知道的js数据类型详解，BigInt新增数据类型]]></title><link>https://blog.youkuaiyun.com/LittleRoundFace/article/details/103649384</link><guid>https://blog.youkuaiyun.com/LittleRoundFace/article/details/103649384</guid><author>LittleRoundFace</author><pubDate>Sat, 21 Dec 2019 22:47:30 +0800</pubDate><description><![CDATA[js数据类型
js数据类型有哪些？这个很基础的问题，被问到的人可能会想干嘛拿这么简单的弱智问题问我，这怎么会问倒我，不就是那几种么，但是深入下去我们经常会犯一些错误，下面会详细介绍js数据类型及常见的特殊情况，还有如何判断数据类型，数据类型之间如何转换等
原始（Primitive）类型

原始类型有哪几种？null 是对象嘛？

在JS中，存在着7的原始（Primitive）类型，分别是：

Bo...]]></description><category></category></item></channel></rss>