前端
王先生
这个作者很懒,什么都没留下…
展开
-
react中实现页面跳转
方式一:history在原窗口跳转this.props.history.push(“你的url后缀路径,不包含域名”)//比如this.props.history.push(“detail/”)(要在主函数中的参数加上props,一定要是主函数)方式二:打开新的跳转窗口let url = document.URL + “/detail/” + projectId;window.open(url) //此处的url是全路径方式三:使用标签,原窗口跳转项目列表方式四:非主函数直接修改pat原创 2022-03-09 15:51:49 · 18209 阅读 · 0 评论 -
查看TCP连接的命令是什么?
查看TCP连接的命令是什么?A.tcpdumpB.topC.netstatD.ifconfig答案:Ctcpdump是简单可靠网络监控的实用工具top 显示活动进程方面的情况netstat显示网络有关的信息,比如套接口使用情况、路由、接口、协议(TCP等)等ifconfig是查看活动的网卡信息...原创 2022-03-07 20:16:39 · 3191 阅读 · 0 评论 -
简述domready和onload事件的区别?图片的onload和domready和页面onload的先后顺序,并简述原因。
dom操作分为几步,1.解析html结构 2.解析外部脚本和内联样式 3. 解析并执行脚本 4.构建dom树 5.加载外部图片等资源 6.页面加载完毕domready就是在图片加载前,也就是第四步的时候调用,此时就可以修改页面的长宽,onload是在第五步执行的,这就是具体区别由此可见三者执行顺序为:domready→图片load→页面load。domready和onload事件区别;前者:在DOM文档结构准备完毕后就可以对DOM进行操作;后者:整个document文档(包括图片等加载信息)加载完成原创 2022-03-07 20:12:39 · 327 阅读 · 0 评论 -
Ajax是什么?Ajax的交互模型?同步和异步的区别?如何解决跨域问题?
Ajax是什么?Ajax的交互模型?同步和异步的区别?如何解决跨域问题?原创 2022-03-07 17:44:37 · 481 阅读 · 0 评论 -
react developer tools插件安装
方法一(直接翻墙):1.打开到扩展程序里面找到三点->更多工具->扩展程序(或者在浏览器里面直接输入chrome://extensions/也可以进入到扩展程序里面)3.点击:获取更多扩展程序搜索React,将会出现一系列与react有关的插件,一般情况下,react developer tools插件在第一个,选择安装就行了。方法二(通过github下载):1.先进入到https://github.com/facebook/react-devtools网址2.通过git c转载 2022-03-06 17:59:45 · 994 阅读 · 0 评论 -
解决yarn start启动失败的问题
这里我使用了一个气泡按钮,确定的话就会跳转到支付页面现在来解决按钮跳转的问题function confirm(props) { //console.log(props.target.ownerDocument.location.pathname); props.target.ownerDocument.location.pathname = "/home" //this.props.history.push("/home") //props.history.replace("/home"原创 2022-03-05 21:30:44 · 4574 阅读 · 0 评论 -
解决在jsx中循环渲染嵌套标签的问题(map解决
<Carousel autoplay effect="fade"> <div> <h3 style={contentStyle}><img src="https://s3.bmp.ovh/imgs/2022/03/f7f970c420839111.jpg " alt="" /></h3> </div> <div> <h3 style={contentSt...原创 2022-03-05 14:01:11 · 1630 阅读 · 0 评论 -
关于弹性盒子中 flex: 0 1 auto 的一系列问题
三个参数分别对应的是 flex-grow, flex-shrink 和 flex-basis,默认值为 0 1 auto。1.flex-grow 属性定义项目的放大比例,默认为 0,即如果存在剩余空间,也不放大。2.flex-shrink 属性定义了项目的缩小比例,默认为 1,即如果空间不足,该项目将缩小。3.flex-basis 属性定义了在分配多余空间之前,项目占据的主轴空间(main size)。因为是弹性盒子,所以调整元素比例是很重要的,如果设置了flex-grow或flex-shrink,原创 2022-03-04 16:45:27 · 231 阅读 · 0 评论 -
null和undefined的区别?
null本质上是一个对象,undefined是一个特殊的属性进行数值运算时,null的值是0,undefined的值是NANnull是js的一个保留关键字,undefined不是所以,从数值来说,nullundefined ,但是null ! undefined,因为他们本质不同...原创 2022-03-04 16:38:36 · 80 阅读 · 0 评论 -
简述 css 盒子模型,是否了解 box-sizing 属性
一个盒子包括,盒子边框,盒子中放的东西,盒子中的东西和边框的距离,盒子的外边距一个盒子包括,盒子边框,盒子中放的东西,盒子中的东西和边框的距离,盒子的外边距对应的就是border ,content(width&height), padding ,margin 每个属性都可以加上top left down rightbox-sizing可以设置盒子的边界三个值,content-box 默认宽高,border-box 包含border的宽高,inherited 继承父元素的宽高...原创 2022-03-04 09:47:56 · 118 阅读 · 0 评论 -
在网页里显示一个div浮层,位于网页正中,该浮层内的文本显示用户电脑当前时间,格式YYYY-MM-DD hh:mm:ss,如2013-08-16 10:22:05。
在网页里显示一个div浮层,位于网页正中,该浮层内的文本显示用户电脑当前时间,格式YYYY-MM-DD hh:mm:ss,如2013-08-16 10:22:05。浮层居中可以使用JavaScript或者CSS实现。<!DOCTYPE html><html><head lang="ch"> <meta charset="UTF-8"> <title></title></head> <st原创 2022-03-04 09:32:00 · 154 阅读 · 0 评论 -
如何理解前端模块化
将原本一个复杂的程序按功能模块等形式进行代码拆分,在不同部分的内部仅暴露接口(方法),在主程序中进行调用和组合,称为前端模块化,其优势是减少代码耦合度,提高运行效率,降低维护难度,减少代码和提高复用性...原创 2022-03-04 09:23:36 · 185 阅读 · 0 评论 -
js前端优化
1.js要放在底部 防止阻塞线程,减少对dom的操作带来的重排重绘。2.html中减少直接绑定元素和直接添加样式,使用外部css和js3.对于图片进行处理,包括压缩,cdn,雪碧图等方式,大量图片渲染时使用懒加载和预加载 避免空的图片src–空的图片的src仍然会使浏览器发送请求到服务器4.减少网络请求次数和dns查询次数同时缓存ajax5.减少cookie大小...原创 2022-03-04 08:42:18 · 512 阅读 · 0 评论 -
js生成随机时间
moment(new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * Math.floor((Math.random()*10000))).getTime()).format(‘YYYY-MM-DD HH:mm’)使用moment.js 加上面的这段代码可以任意生成随机时间原创 2022-03-02 03:26:18 · 2421 阅读 · 0 评论