自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 小谈实习工作体验 菜鸡心路历程

1-3个月 初来乍到 初生牛犊但怕虎这个阶段熟悉项目,自己练习写一个demo.搞懂项目结构,发布流程等.总是在好奇一些是否该封装的问题.以及风格考虑,写过魔法数,被教育了(活活逮住)3-6个月 小小跃进 亩产不止一千八速度上去了,可是文件结构,不是甚规范.喜欢统一处理,ts的引入,觉得写得还挺规范.一个类似的需求,写着写着发现可以优化好多内容,也尝试了很多写法.以及自己思考的一些东西,具体实现起来也是很nice.6-now 自诩入门 天不生我,键来代码优化,结构优化,页面优化,做一些页面加

2021-05-17 09:26:38 187 1

原创 2021-3-24 react hooks 中useEffect 与 promise.all 激情碰撞

asyncfunctionadd(){constarrs=[]awaitprintArr.map((id)=>{getReimDetails({reimburseId:id}).then((res)=>{arrs.push(res)})})returnarrs}add()console.log(add())...

2021-03-24 16:03:28 787

原创 老项目Antd 3 升级 4 随笔

升级项目 React 16.12.0 以上。 git提交 npx -p @ant-design/codemod-v4 antd4-codemod src 改变老项目的引用 Icon npm install --save @ant-design/icons ( 下载巨慢,如果icon引用的不多话,通过第4步,跳过此步) 注意:从@ant-design/compatible引入的老版本 Form 组件,样式类名会从.ant-form变成.ant-...

2020-12-04 18:54:30 1393

原创 react hooks心得

前端在软件工程中,如何减少重复劳动一直是程序员所关心的问题.在前端工程领域,围绕这一问题所提出的解决方案大大推动了前端的发展.React/Vue/Angular三大框架正是因为使用了组件化这一目前最佳的解决方案而知名.React而在React开发的过程中,组件往往只能解决View层的重复逻辑,对于Model层的逻辑来说组件的可复用性并不够强大.所幸这一问题,在开发者们的努力下,目前已经出现相对成熟的方案.其中可用性最好的有三种:HOC/render props/react hooks.HOCHOC

2020-11-27 14:11:09 173 1

原创 使用react-hooks及在项目中使用react-hooks遇到的一些问题的解决

什么是Hook?Hook是React16.8的新增特性。它可以让我们在不编写class的情况下使用state以及其他react的特性。Hook 是一些可以让我们在函数组件里“钩入” React state 及生命周期等特性的函数。他可以让我们不使用 class 也能使用 React。先看一下类组件和函数式组件在实现同一个功能时,两者的区别。class组件import React, { Component } from “react”;export default class Button ext

2020-11-27 14:08:14 2008

原创 JavaScript宏任务微任务

**宏任务(macrotask )和微任务(microtask )**宏任务一般是:包括整体代码script,setTimeout,setInterval、I/O、UI render。微任务主要是:Promise、Object.observe、MutationObserver(参考此处链接-详情)。这里我引用查找的某乎上一句话,作者evan,我觉得说的很棒一个Event Loop,Microtask 是在 Macrotask 之后调用,Microtask 会在下一个Event Loop 之前执

2020-10-24 23:52:11 245

原创 html页面实现圣杯布局flex

``<html><head> <style> div{ outline: 2px solid; margin: 5px; } /* 以下为整个页面的布局 */ .main{ display:flex; flex-direction: column; height:100%; } .top, .footer{ height: 50px; } /* 以下为中间的body布局 */ .body

2020-10-18 15:17:06 335

原创 浅谈axios与jQuery不同

特点及区别: 1.axios是一个专一的异步请求框架,用于封装底层的XMLHttpRequest,类似于之前ajax,而 jquery:只是顺便封装了dom操作 2.axios是基于承诺对象(promise)的,也就是可以使用承诺对象中的方法(then,catch,finally) 每次发送axios请求,返回值为promise对象 axios().then() axios.all() jquery不基于承诺对象 3.axios对响应数据进行了二次封装 $.ajax

2020-10-15 15:26:13 3185

原创 JavaScript倒计时-双11

js 对双11倒计时var today=new Date();var endDay=new Date(“2020/11/11”);var result=(endDay.getTime()-today.getTime())/1000;//不写getTime(),则调用valueOf// var result=(endDay-today)/1000;var day=parseInt(result/(246060));var hour=parseInt((result-day246060)/(6060

2020-10-11 13:46:59 1471

原创 Javascript学习笔记之汇总类数组对象转换为数组的几种方式

作者:姚一豪时间:2020-8-20

2020-10-11 13:43:33 227

原创 JavaScript学习笔记之原型链汇总

Object.prototype只是一个普通对象,它是js原型链的最顶端 Object.prototype.__proto__=== null;//true Object.prototype.prototype === undefied;//trueObject.prototype只是一个普通对象(普通对象没有prototype属性,所以值是undefined),Object.prototype是js原型链的最顶端,它的__proto__是null(有__proto__属性,但值是nul..

2020-08-25 17:02:28 164

原创 JavaScript之数组字符串常用方法汇总以及针对练习题解析

JS数组字符串常用方法数组相关方法汇总字符串相关方法汇总相关题型解析1、查找数组元素位置2、添加元素(末尾添加)方法一:普通的for循环拷贝+push方法二:使用concat将传入的数组或非数组值与原数组合并,组成一个新的数组并返回方法三:使用slice浅拷贝+push3、移除数组中的元素(返沪新的数组)方法一:filter过滤方法二:for循环+push(效率高于for循环)for循环+splice5、数组求和方法一:普通for循环方法二:forEach循环方法三:[reduce](https://dev

2020-08-19 11:31:44 581

原创 JavaScript学习之浅谈闭包概念 -------2020-08-18

作者:姚一豪日期:2020年8月18日一、变量的作用域 变量的作用域分为:全局变量和局部变量.Js作为弱类型语言,可以体现在变量的作用域上,函数内部可以访问到全局变量vary=3;functionfoo(){console.log(y);}foo();//3函数外部无法访问到内部变量function foo(){var y = 3;}console.log(y); // y is not defined二、外部访...

2020-08-18 20:08:56 427 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除