LittleRoundFace-CSDN博客

原创页面可视化搭建工具业界的轮子

页面可视化搭建工具业界的轮子无论大公司还是小公司，我们开发前端工程时候，项目工程又很多类似的功能或者页面，开发经常是加班加点搬砖去做一些无成长反复操作的工作，看键盘上 ctrle 键已经被磨掉了漆，C 和 V 也马上磨白了，那对于开发如何把这些重复的工作用机器去解决？在前端资源紧缺的情况下，是否可直接有工具直接就可以搭建出我想要的前端页面？于是业界的页面可视化搭建工具就出现了，本文会介绍目前最流行的页面可视化搭建工具，也会提供一些开源的可视化搭建项目供大家参考（Copy）。1 页面可视化搭建简介编程

2020-08-09 15:51:16 2789

原创浏览器存储HTTP中的URL长度限制、cookie、sessionStorage和localStorage的区别和使用

浏览器存储HTTP中的URL长度限制、cookie、sessionStorage和localStorage的区别和使用

2022-06-16 17:35:48 587 1

原创 Warning:useEffect函数中取消所有订阅和异步任务

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清理函数中取消所有订阅和异步任务报错：

2021-11-23 23:36:35 1515

原创 js获取时间常见用法整理

业务需求中常用的时间选择器需给定默认时间段，或者校验是否在某时间段内，这时候总是现去查很浪费时间，因此整理了一下常用的默认时间，方便后续需要直接时候来查（copy)，我比较常用的插件是moment.js，所以本文给了两种获取方式：一个原生js方式获取时间端段，一个直接用moment.js插件中方法获取时间段Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。js原生获取时间段//格式化时间export function formatTime

2021-11-23 13:44:59 1916

原创路由传参方式

路由传参方式1.params方式参数不丢失但是需要一个个手动定义this.props.history.push({pathname:`/detail/${id}`})获取参数this.props.match.params.id路由文件中的配置<Route path="/detail/:id/:orderId?" component={Detail} />1.1 params传参(刷新页面后参数不消失，参数会在地址栏显示)路由页面：注意要配置 /:id<Route

2021-11-21 00:44:36 941

原创 React基本使用你都掌握了么？

React基本使用你都掌握了么？基本使用——常用，必须会高级特性——不常用，但体现深度，下篇文章会复习【React高级特性】Hooks——常用，必须会，前面已分享过基础【React Hooks基本使用详解】Redux和React-router使用，后续文章也会介绍【Redux和React-router使用】老规矩先来看几个常考的react基础面试题：React典型面试题举例React组件如何通讯JSX本质是什么？context是什么？有什么用途？shouldCompone

2021-11-21 00:41:57 429

原创 React Hooks基本使用详解

React Hooks基本使用详解Hooks let you use state and other React features without writing a classHooks可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性一、类组件不足：状态难以复用（渲染属性Render Props、高阶组件HOC、Mixin、Hooks可以解决这个问题）在hooks出来之前，常见的代码重用方式是 HOC 和render props，这两种方式带来的问题是：你

2021-09-15 22:14:55 671

原创使用execCommand将文字样式设置成css样式的办法

使用execCommand将文字样式设置成css样式的办法前言最近解决富文本编辑器umeditor中增加更多字号的需求，发现一个非常有意思的 API execCommand 。我们可以通过这个 API 操控富文本中的内容。关于此execCommand 详解，基于以上知识的介绍，来看看如何在umeditor组件基础上增加更多字号问题描述看完umeditor文档我想你应该知道，给编辑器增加字号再简单不过了，就是在配置文件中umeditor.config.js增加一行代码就完事儿了，像这样：fontsi

2021-06-08 15:18:02 441

原创前端面试技巧

前端面试葵花宝典今天参加了一个分享大会，是关于前端面试的，虽然自己目前并无跳槽面试需求，但是觉得了解一下行业标准对自己现在查缺补漏更好一些。大会是线上的从早晨9点就开始了，一直到晚上七点多才结束，其实里面有10个分享嘉宾，不过我开头和中间有事都没有听见，听到的4~5个分享讲师分享的内容真的是干货满满，有点相见恨晚的感觉，于是会后我就想整理一下，让更多人也能有机会更早知道这些面试规则和技巧，早知道早去练习这些能力。对于准备跳槽的小伙伴会更有帮助。注意：本文内容来自如下大会的各个大佬的讲课内容，我边听边做了

2021-03-21 01:43:29 2622

原创教你写出高性能 JavaScript

教你写出高性能 JavaScript最近又在研究性能优化，于是复习起了三年前自己看完高性能 JavaScript 那本书整理的笔记，觉得虽然三年前整理的东西了，但是现在拿出来还是觉得不过时很有用。本文主要介绍两大块页面级优化、代码级优化；至于实践与应用还有工具上篇文章有讲解过：前端性能优化及其度量方法页面级优化页面级优化-加载和执行从设计实现层面简化页面脚本位置：底部将脚本内容在页面信息内容加载后再加载将脚本尽可能的往后挪，减少对并发下载的影响。组织脚本：减少外链合理设置

2021-02-20 19:45:49 274

原创前端性能优化及其度量方法

前端性能优化及其度量方法前端页面性能对用户留存、用户直观体验有着重要影响，当页面加载时间超过 2 秒后，加载时间每增加一秒，就会有大量的用户流失，所以做好页面性能优化，对网站来说是一个非常重要的步骤。提到性能优化，灵魂三问来啦，什么是前端性能优化？如何度量前端性能？如何做性能优化？一个页面的性能指标非常多，面对一大堆性能指标，可能一个老手也一时间不知道从何开始分析，所以本篇文章我会介绍一些性能优化最基础的知识点和工具，以及根据工作分析出数据如何做性能优化，并推荐几个公司个性化需求改造后的性能检测工具。

2021-02-20 19:36:10 2540 1

原创通过挑土豆—我学会了如何区分JS数组的遍历方法

前言从最开始学的for循环遍历方法，到后来层出不穷的各种遍历方法，其实最大的区别就是应用场景的不同。我们最需要记住的就是，什么情况下用哪一种方法比较合适。从挑土豆开始这里有一堆土豆，如果换成代码，可以表示如下：var potatos = [{ id: '1001', weight: 50 },{ id: '1002', weight: 80 },{ id: '1003', weight: 120 },{ id: '1004', weight: 40 },{ id: '1005', wei

2020-12-15 10:58:08 379

原创前端技术浪潮与应用

2020年前端技术浪潮与应用文章目录2020年前端技术浪潮与应用一、前端基建01.前端可视化01-1.页面可视化搭建①页面可视化背景-前端行业提效分析②业界-前端行业提效轮子：[前端可视化搭建工具业界的轮子](https://juejin.im/post/6858881797490098190)③背景-提效轮子总结归纳④智能化相关行业提效分析⑤举例可视化搭建其中的一个例子来看前端可视化——imgcookimgcook介绍-产品大图imgcook介绍-产品大图核心技术难点-智能识别表达拆解核心技术难点-智能

2020-11-28 16:08:12 2298

原创玩转 React 高阶组件这一篇就够

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

2020-11-28 15:59:29 396 1

原创 js数据类型你真的懂了么？

js数据类型你真的懂了么？js数据类型有哪些？这个很基础的问题，被问到的人可能会想干嘛拿这么简单的弱智问题问我，这怎么会问倒我，不就是那几种么，但是深入下去我们经常会犯一些错误，下面会详细介绍js数据类型及常见的特殊情况，还有如何判断数据类型，数据类型之间如何转换等文章目录js数据类型你真的懂了么？原始（Primitive）类型BigInt重点说一下这个新的原始类型对象（Object）类型类型数据判断 typeof vs instanceof vs constructor vs Object.prot

2020-11-17 23:51:15 196

原创 js新增基本数据类型，ES10新增数据类型BigInt，js数据基本数据类型,你不知道的js数据类型详解，8种js数据类型

js数据类型js数据类型有哪些？这个很基础的问题，被问到的人可能会想干嘛拿这么简单的弱智问题问我，这怎么会问倒我，不就是那几种么，但是深入下去我们经常会犯一些错误，下面会详细介绍js数据类型及常见的特殊情况，还有如何判断数据类型，数据类型之间如何转换等原始（Primitive）类型原始类型有哪几种？null 是对象嘛？在JS中，存在着7的原始（Primitive）类型，分别是：Bo...

2019-12-21 22:52:01 1443

原创 js数据类型，你不知道的js数据类型详解，BigInt新增数据类型