Famigilstimo-优快云博客

原创 React自定义HOC组件，解决表单双向绑定问题

一、介绍laoce-react-form 1.1、背景首先本人是一个Vue前端开发工作者，为了拓展自己的技术栈，这才准备揭开react的神秘面纱。当初学者react的时候，发现作为MVC框架，确实有很多不方便的地方，需要很多需要开发者自己来配置的地方，带来了很多不便的地方，不像Vue框架，有着官方的语法糖v-model来解决双现数据流的问题，但是react也给开发者带来的很多自由发挥的空间。废话不多说了，先上github的项目地址：https://github.com/xinlong-chen865/

2021-10-17 20:10:43 766

原创 vscode使用Prettier Code插件保姆级教程

为什么要使用prettier？在大公司，前端开发的代码可能会有自己的代码规范，如果快速生成自己的代码规范呢？使用Prettier是一个比较好的选择！如何安装Prettier Code插件？在侧边栏最后一个选项，在搜索栏中搜索Prettier Code,然后安装即可。项目中如何配置在你新建的项目中，新建两个配置文件即可，一个是.prettierignore文件，这个文件的作用类似于.gitignore文件，为了忽略哪些文件;另外一个是.prettierrc.js文件，这个文件是配置你的代码校验规则

2021-09-06 09:49:13 11160 5

原创使用策略模式对If语句的优化——前端

条件判断语句if语句switch语句通过数组索引和对象属性策略模式优化实践我在看《web前端性能优化》这本书的逻辑语句部分，看完之后感悟到了很多，所以现在把我吸收的精华分享出来。请往下看~~~ if语句通常的if-else语句，很简单哦，我就写一个伪代码作为举例。 if(value === 0){ //对于0的处理 }else if(value === 1){ //对于1的处理 }else if(value === 2){ //对于2的处理 }else if(value === 3){ //对于

2021-06-13 22:43:11 589

原创 allSettled()与all()的区别？promise初级篇

还不知道allSettled与all方法的区别吗？介绍allSettled()介绍all()allSettled()与all()的区别介绍allSettled() 在es6推出的Promise实例中，有一个方法叫allSettled()。通过Promise.allSettled()可以接收一个数组，并且在数组里面的所有实例，全部执行完，再通过then方法或者catch方法,对数组里面的实例进行遍历与操作。上代码！！！ (function(window){ let p1 = new Promise(

2021-05-10 10:38:02 7837

原创 js中parseInt()的诡异行为

parInt（0.0000006）居然等于6parseInt函数的作用探究原因总结原因改正探讨背景：不知道小伙伴们有没有发现，如果是parseInt（0.006）或者parseInt(0.0006)等返回的值都应该0，但是parseInt（0.0000006）返回的值却诡异的6，这到底为什么呢？ parseInt函数的作用首先先说一下，parseInt()的作用是什么？他是js原生的方法，是用来把数字字符串转化为Number类型的数字的，还有他只是转化整数部分。探究原因发现我们理想的是把这个小数都变

2021-04-25 13:22:44 911 3

原创一道JS算法面试题——冒泡、选择排序

JS排序算法基础排序冒泡排序选择排序面试题基础排序今天学习了数据结构，遇到了一个关于算法的面试题，然后从中想到了冒泡排序和选择排序对一个数组从小到大的排序的方法，今天分享给大家，顺便记录下我的学习经历吧。冒泡排序要求：对数组[6,3,8,2,9,1]进行从小到大的排序想法：相邻的两个位置进行对比，如果大的那个换到右边，小的那个换到左边。上代码！ var arr = [6,3,8,2,9,1]; var len = arr.length; for(var i=0;i<arr.length;i+

2021-04-18 21:58:21 1567 10

原创学习JS之数组去重

数组去重数组的遍历方法filter()map()forEach()数组去重的方法数组的遍历方法 filter() filter()函数的意思是过滤一个数组，返回的值，是过滤后符合条件的值。 //声明一个数组 var arr = [1,2,3,4,11,12]; //返回值小于10 var result = arr.filter((item,index,array)=>{ console.log(item); //返回每一项的值如：1，2，3，4，11，12 console.log(index)

2021-04-16 12:46:37 378

原创通过promise处理回调地狱问题，初级篇

通过promise处理回调地狱问题，初级篇回调地狱问题是什么处理回调地狱问题处理并发问题回调地狱问题是什么不知道各位小朋友，有没有使用过，通过Ajax对接口发起请求，如果使用过肯定遇到过这样的问题，就是ajax请求里再使用ajax请求，然后再使用ajax请求。这样的操作如果使用了多次，会让你的代码特别混乱，让你自己的看不下去你的代码，而且很容易遇到错误。处理回调地狱问题 ES6新语法的promise就可以解决回调地狱问题，上代码！这里的setTimeOut就仿真异步请求 new Promise((re

2021-03-28 16:47:21 2311 4

原创学习ES6之迭代器生成器异步处理，初级篇

生成器对异步问题进行处理生成器（generator的应用）第一个：回调地狱问题第二个：按顺序加载生成器（generator的应用）在上一篇博客上，我写了对数组的扩展、迭代器与生成器的介绍和使用场景，今天我分享一下对生成器处理异步问题的方法第一个：回调地狱问题何为回调地狱呢？如果接触过jquery ajax的朋友，一定知道通过用$.get或者$.post的方法获得请求时，请求到的结果在success中，就像这样： $(function(){ $.ajax({ method: "get", u

2021-03-08 14:32:37 4311 13

原创学习ES6之迭代器生成器使用场景，初级篇

迭代器生成器到底有什么用？使用场景！基础知识数组的扩展迭代器（Iterator）生成器（generator）使用场景基础知识今天学习了es6的生成器和迭代器，真的有很多感想，我是一个正在学习前端的学生，可能说的不对，可以请各大大神多多包涵，就是总结一个我学到的东西。好了现在开始数组的扩展再说生成器迭代器之前，要先了解一个es6的知识，就是es6新添加的数组的扩展，有三个功能是entries() , keys() , values()，这三个功能很类似，都是在干一件事情，举个例子: for(let i

2021-03-06 16:22:26 3863 9

iloveyu123的博客