![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
计算机
王先生
这个作者很懒,什么都没留下…
展开
-
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 · 18121 阅读 · 0 评论 -
查看TCP连接的命令是什么?
查看TCP连接的命令是什么?A.tcpdumpB.topC.netstatD.ifconfig答案:Ctcpdump是简单可靠网络监控的实用工具top 显示活动进程方面的情况netstat显示网络有关的信息,比如套接口使用情况、路由、接口、协议(TCP等)等ifconfig是查看活动的网卡信息...原创 2022-03-07 20:16:39 · 3130 阅读 · 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 · 296 阅读 · 0 评论 -
Ajax是什么?Ajax的交互模型?同步和异步的区别?如何解决跨域问题?
Ajax是什么?Ajax的交互模型?同步和异步的区别?如何解决跨域问题?原创 2022-03-07 17:44:37 · 452 阅读 · 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 · 980 阅读 · 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 · 4464 阅读 · 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 · 1582 阅读 · 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 · 202 阅读 · 0 评论 -
null和undefined的区别?
null本质上是一个对象,undefined是一个特殊的属性进行数值运算时,null的值是0,undefined的值是NANnull是js的一个保留关键字,undefined不是所以,从数值来说,nullundefined ,但是null ! undefined,因为他们本质不同...原创 2022-03-04 16:38:36 · 66 阅读 · 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 · 109 阅读 · 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 · 139 阅读 · 0 评论 -
如何理解前端模块化
将原本一个复杂的程序按功能模块等形式进行代码拆分,在不同部分的内部仅暴露接口(方法),在主程序中进行调用和组合,称为前端模块化,其优势是减少代码耦合度,提高运行效率,降低维护难度,减少代码和提高复用性...原创 2022-03-04 09:23:36 · 173 阅读 · 0 评论 -
Flappy Bird如何保证游戏的流畅运行
Flappy Bird是风靡一时的手机游戏,玩家要操作一只小鸟穿过无穷无尽的由钢管组成的障碍。如果要你在HTML前端开发这个游戏,为了保证游戏的流畅运行,并长时间运行也不会崩溃,请列举开发要注意的性能问题和解决的方法。1.首先,由于不间断的运行,游戏里的场景会不断产生和消失,产生就用图片随机拼接就行,但是消失如果不加以处理,就会导致内存泄漏,所以我们可以使用卷轴式的场景处理方法,把消失的场景重新进行使用。2.动画的ui要和运算需要解耦,比如小鸟的运行轨迹和碰撞算法等,需要跟ui动画分离,在空闲的时候运行原创 2022-03-04 09:03:47 · 3130 阅读 · 0 评论 -
js前端优化
1.js要放在底部 防止阻塞线程,减少对dom的操作带来的重排重绘。2.html中减少直接绑定元素和直接添加样式,使用外部css和js3.对于图片进行处理,包括压缩,cdn,雪碧图等方式,大量图片渲染时使用懒加载和预加载 避免空的图片src–空的图片的src仍然会使浏览器发送请求到服务器4.减少网络请求次数和dns查询次数同时缓存ajax5.减少cookie大小...原创 2022-03-04 08:42:18 · 486 阅读 · 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 · 2362 阅读 · 0 评论 -
status: [‘active‘, ‘exception‘, ‘normal‘][Math.floor((Math.random()*3))],
Math.random():获取0~1随机数Math.floor() method rounds a number DOWNWARDS to the nearest integer, and returns the result. (小于等于 x,且与 x 最接近的整数。)其实返回值就是该数的整数位:Math.floor(0.666) --> 0Math.floor(39.2783) --> 39所以我们可以使用Math.floor(Math.random())去获取你想要的一个范围内原创 2022-03-02 02:19:24 · 158 阅读 · 0 评论 -
快速排序js实现
function quickSort(arr){if(arr.length <= 1) return arr;var index = Math.floor(arr.length/2);var key = arr.splice(index,1)[0];var left = [],right = [];arr.forEach(function(v){ v <= key ? left.push(v) : right.push(v);});return quickSort(left原创 2022-03-01 03:33:47 · 190 阅读 · 0 评论 -
产品领域的极致思考(6)
最近一直没有更新,是因为去拜读了糗事百科王坚的结网,这本书在豆瓣上有很高的评分,是一本十分不错的书。那回到正题,这篇是极致思考的第六篇,今天来说说产品文档的那些事,要做好一份优秀的产品文档,我觉得第一件事就是明确需求,用户需求是第一个需要调查,评测,统计的事,如果一个产品的核心不是满足了用户的某种需求,而是搞得花里胡哨很炫的,那一般就不会成,实用主义起了很大的占比。就是说,是做一个好的工具,而不是做一个“艺术品”。这时候你已经通过了可用性测试,A/B测试,最小化可行测试之后就可以将概念变成图纸,那以网站原创 2020-06-25 14:38:29 · 179 阅读 · 1 评论 -
产品领域的极致思考(5)
大家好,我是Eric,今天是产品的极致思考第五篇,今天和大家聊聊产品领域的入门知识。供大家思考和阅读,那现在开始。首先要说一下产品经理的晋升通道,一般应届大学生进入互联网公司职位是产品专员/产品助理,这时候大部分是有人来带,大概1-2年后更具业绩上升为产品经理,负责一个完整的模块,再做到3-5年后晋升到高级产品经理,这时候会负责一个模块,也就是一个功能集/生产线,在下一个职位就是产品专家,然后就是产品总监,到产品副总裁。其实这个岗位不必开发简单,具体的选择还是要看个人的天赋,兴趣,和能力等。然后再说说产原创 2020-06-17 23:01:21 · 191 阅读 · 0 评论 -
产品领域的极致思考(4)
今天阅读了网易云音乐副总裁王诗沐的《幕后产品》,看到一些地方我觉得非常认同。文章有些观点写的很好,例如,产品经理的核心是创业者的精神,终身学习的能力,好的联想,敢于决断,我非常认同这些观点。同时我觉得要有一种极致的精神,把每一个细节扣死,把每一个需求研究到本质,这本身就是一种态度问题,而不是能力问题。很多人想知道如何才能在产品的这条路上走得更远,为了回答这个问题,我首先要说一些背景知识,在产品的这个领域,好的人才很少,那为什么人才少,因为产品的领域在学校很少有这样的课程,高等学府教的一般都是开发。所原创 2020-06-14 22:23:33 · 236 阅读 · 0 评论 -
产品领域的极致思考(3)
这篇是产品领域的极致思考第三篇,今天是杰伦出新歌《Mojito》的日子,歌手的歌曲就和互联网的产品一样,都是创作者打磨到极致的作品 。这次聊聊大家都感兴趣的需求分析,这是产品领域最常提到的词汇。首先要定义需求这个词的定义,在toc端的产品里,用户的需求在我看来本质就是人的需要,情绪,和欲望。市面上的所有的产品都会选择其中的方向来打造自己的产品设计里面的功能。具体的做法就是用户调查分析,用户肖像刻画。其实说白了就是统计你到底能在我这获取什么,你到底想获得什么,可能未来有什么更大的发展,然后建立数据模型,指导原创 2020-06-12 22:00:05 · 253 阅读 · 0 评论