logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【前端性能优化摸索】浏览器发起的网络请求,经历了哪些阶段以及该如何优化

一、发起的网络请求,经历了哪些阶段以及该如何优化我们从开发者工具的network就可以清楚的看到每个请求的时长,以及网页加载的情况。Stalled:是浏览器得到要发出这个请求的指令,到请求可以发出的等待时间,一般是代理协商、以及等待可复用的TCP连接释放的时间,不包括DNS查询、建立TCP连接等时间等。queueing完后开始Stalled,上图Stalled所用时间为6.45ms。Proxy n

#http#性能优化#前端
react父组件调用子组件的方法

在父组件中定义了一个handleClickChild()方法,用于调用子组件的handleClick()方法。在这个例子中,我们使用useImperativeHandle() Hook将子组件的handleClick()方法暴露给父组件,以便父组件可以调用它。在这个例子中,我们在handleClickChild()方法中调用子组件的handleClick()方法。通过以上步骤,就可以在函数式组件中

文章图片
#react.js#javascript#前端
【react 使用swiper插件写轮播图】:完整代码无bug+ 样式.less

【效果实例】【treasure.js】首先:npm install swiper -- save我写的死数据,如果你要自己加图片或者有数据,就在swiper-wrapper的子项map方法循环就好了。。建议直接npm官网看一下,里面有详细的react.js用法。我这里没有设置其他属性,只有滑动和分页器,其他比如自动播放,延迟时间等属性,查一下官网,然后设置在生命周期...

【20】前端实习:react官方文档练习(状态提升/ {温度计例子})

【温度计】import React, {Component} from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';import * as serviceWorker from './serviceWorker';function Water(props...

[mobx]入门学习:API的理解和mobx-react在hooks的demo

一、[前导]class类语义用原型链实现继承:function Animal(){}//父类function Dog(){}//子类/**根据原型链dog._proto_ === Animal.prototypeDog.proptotype._proto_ === Animal.prototype**///--->实现继承(但是Dog.prototype.constructor指向的是Ani

【react-router4.0+】版本导入browserHistory失效('BrowserHistory' is not exported from 'react-router')

当在js文件中引用:import {BrowserHistory} from 'react-router'报错:./src/pages/store.jsAttempted import error: 'BrowserHistory' is not exported from 'react-router'.react-router4.0官方文档里已经废弃了:Brow...

【20】前端实习:react官方文档学习(构成与继承)

【组合例子1】function Contacts() {return <div className="Contacts" />;}function Chat() {return <div className="Chat" />;}function SplitPane(props) {return (<div classN...

【react-hook】useEffect与useLayoutEffect及componentDidMount的关系

参考大佬的文章:https://www.jianshu.com/p/5296c5acf788摘要:在React通知到Renderer渲染器后,渲染器又分了三个子阶段来处理:beforeMutation阶段(渲染视图前)mutation阶段(渲染试图)layout阶段(渲染视图后)渲染器会在mutation阶段完成后, 在layout阶段同步的调用useLayoutEffect,在子组件嵌套中于是如

2024保姆级AI编程Cursor-Vscode使用教程

cursor帮你写!玩转AI--给一张UI图,一键生成需求代码

文章图片
#前端
【layui/layuimini】在其中一个页面,通过a标签跳转到另一个页面,新开一个窗口,并且在框架内打开

【调用方法】//跳转到【工作管理】--人员管理页面function navigateToTeamPersonModule() {window.parent.layui.element.tabAdd('layuiminiTab',{tabId: "/page/team-person",href: "/page/team-person",title

#javascript
    共 13 条
  • 1
  • 2
  • 请选择