- 博客(28)
- 收藏
- 关注
RSS订阅原创 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
18073
原创 查看TCP连接的命令是什么？
查看TCP连接的命令是什么？A.tcpdumpB.topC.netstatD.ifconfig答案：Ctcpdump是简单可靠网络监控的实用工具top 显示活动进程方面的情况netstat显示网络有关的信息，比如套接口使用情况、路由、接口、协议（TCP等）等ifconfig是查看活动的网卡信息...
2022-03-07 20:16:39
3109
原创 简述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
292
原创 Ajax是什么？Ajax的交互模型？同步和异步的区别？如何解决跨域问题？
Ajax是什么？Ajax的交互模型？同步和异步的区别？如何解决跨域问题？
2022-03-07 17:44:37
438
转载 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
968
原创 解决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
4440
原创 解决在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
1535
原创 关于弹性盒子中 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
198
原创 null和undefined的区别？
null本质上是一个对象，undefined是一个特殊的属性进行数值运算时，null的值是0，undefined的值是NANnull是js的一个保留关键字，undefined不是所以，从数值来说，nullundefined ，但是null ! undefined,因为他们本质不同...
2022-03-04 16:38:36
65
原创 简述 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
106
原创 在网页里显示一个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
135
原创 如何理解前端模块化
将原本一个复杂的程序按功能模块等形式进行代码拆分，在不同部分的内部仅暴露接口（方法），在主程序中进行调用和组合，称为前端模块化，其优势是减少代码耦合度，提高运行效率，降低维护难度，减少代码和提高复用性...
2022-03-04 09:23:36
170
原创 Flappy Bird如何保证游戏的流畅运行
Flappy Bird是风靡一时的手机游戏，玩家要操作一只小鸟穿过无穷无尽的由钢管组成的障碍。如果要你在HTML前端开发这个游戏，为了保证游戏的流畅运行，并长时间运行也不会崩溃，请列举开发要注意的性能问题和解决的方法。1.首先，由于不间断的运行，游戏里的场景会不断产生和消失，产生就用图片随机拼接就行，但是消失如果不加以处理，就会导致内存泄漏，所以我们可以使用卷轴式的场景处理方法，把消失的场景重新进行使用。2.动画的ui要和运算需要解耦，比如小鸟的运行轨迹和碰撞算法等，需要跟ui动画分离，在空闲的时候运行
2022-03-04 09:03:47
3124
原创 js前端优化
1.js要放在底部 防止阻塞线程，减少对dom的操作带来的重排重绘。2.html中减少直接绑定元素和直接添加样式，使用外部css和js3.对于图片进行处理，包括压缩，cdn，雪碧图等方式，大量图片渲染时使用懒加载和预加载 避免空的图片src–空的图片的src仍然会使浏览器发送请求到服务器4.减少网络请求次数和dns查询次数同时缓存ajax5.减少cookie大小...
2022-03-04 08:42:18
484
原创 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
2334
原创 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
152
原创 js闭包是什么
js作用域有全局和局部 从内向外访问可以 从外向内访问不能访问局部函数变量的，是由内向外的 。同样在不同函数体中也不能互相访问，想要去访问就诞生了闭包这样的访问方式闭包的本质就是在函数类别创造另一个需要访问的函数...
2022-03-01 04:22:02
67
原创 js变量声明和变量提升
变量有自己的作用域 超出作用域外可能会产生问题 紧记这个 就不会犯错 在全新的es6 语法中 新增的let 和const 和块级作用域 如果你提前在全局声明了var 在局部依旧可以什么一个同名的bar
2022-03-01 04:08:42
90
原创 js数组去重
Array.prototype.unique = function(){var result = [];this.forEach(function(v){ if(result.indexOf(v) < 0){ result.push(v); }});return result;}
2022-03-01 03:54:24
293
原创 js原型链
什么事原型链 用通俗的话来说就是族谱关系 祖先是谁就是原型 每个对象都有原型 称为prototype 原型是一个对象 没错 因为要包含发布的不同子段 原型链呢就是串联起来的原型 链头是祖先object
2022-03-01 03:45:47
63
原创 js作用域链
什么是js作用域链 就是在代码执行时js引擎创建的一段执行上下文用通俗一点讲就是一篇文章有开头有结尾 串联起来的情节就是这个链每执行一个函数就会创建一个作用域链 链头就是全局作用域 链尾就是当前作用域...
2022-03-01 03:39:55
130
原创 快速排序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
186
原创 产品领域的极致思考（6）
最近一直没有更新，是因为去拜读了糗事百科王坚的结网，这本书在豆瓣上有很高的评分，是一本十分不错的书。那回到正题，这篇是极致思考的第六篇，今天来说说产品文档的那些事，要做好一份优秀的产品文档，我觉得第一件事就是明确需求，用户需求是第一个需要调查，评测，统计的事，如果一个产品的核心不是满足了用户的某种需求，而是搞得花里胡哨很炫的，那一般就不会成，实用主义起了很大的占比。就是说，是做一个好的工具，而不是做一个“艺术品”。这时候你已经通过了可用性测试，A/B测试，最小化可行测试之后就可以将概念变成图纸，那以网站
2020-06-25 14:38:29
170
1
原创 产品领域的极致思考（5）
大家好，我是Eric，今天是产品的极致思考第五篇，今天和大家聊聊产品领域的入门知识。供大家思考和阅读，那现在开始。首先要说一下产品经理的晋升通道，一般应届大学生进入互联网公司职位是产品专员/产品助理，这时候大部分是有人来带，大概1-2年后更具业绩上升为产品经理，负责一个完整的模块，再做到3-5年后晋升到高级产品经理，这时候会负责一个模块，也就是一个功能集/生产线，在下一个职位就是产品专家，然后就是产品总监，到产品副总裁。其实这个岗位不必开发简单，具体的选择还是要看个人的天赋，兴趣，和能力等。然后再说说产
2020-06-17 23:01:21
175
原创 产品领域的极致思考（4）
今天阅读了网易云音乐副总裁王诗沐的《幕后产品》，看到一些地方我觉得非常认同。文章有些观点写的很好，例如，产品经理的核心是创业者的精神，终身学习的能力，好的联想，敢于决断，我非常认同这些观点。同时我觉得要有一种极致的精神，把每一个细节扣死，把每一个需求研究到本质，这本身就是一种态度问题，而不是能力问题。很多人想知道如何才能在产品的这条路上走得更远，为了回答这个问题，我首先要说一些背景知识，在产品的这个领域，好的人才很少，那为什么人才少，因为产品的领域在学校很少有这样的课程，高等学府教的一般都是开发。所
2020-06-14 22:23:33
227
原创 产品领域的极致思考（3）
这篇是产品领域的极致思考第三篇，今天是杰伦出新歌《Mojito》的日子，歌手的歌曲就和互联网的产品一样，都是创作者打磨到极致的作品 。这次聊聊大家都感兴趣的需求分析，这是产品领域最常提到的词汇。首先要定义需求这个词的定义，在toc端的产品里，用户的需求在我看来本质就是人的需要，情绪，和欲望。市面上的所有的产品都会选择其中的方向来打造自己的产品设计里面的功能。具体的做法就是用户调查分析，用户肖像刻画。其实说白了就是统计你到底能在我这获取什么，你到底想获得什么，可能未来有什么更大的发展，然后建立数据模型，指导
2020-06-12 22:00:05
243
原创 产品领域的极致思考（2）
大家好，我是Eric，这是产品领域的极致思考的第二篇，上一篇我们讨论了市面上大型的APP的“外在”，因为前端是一个非常值得讨论的领域，所以我们继续讨论相关的话题。一个产品是如何搭建出来的？首先，市面上所有的产品都是在相似的框架下搭建的，因为这样可以让用户不用花太多时间去进行新的认知，同时，将一个个功能块组件起来，就像小时候玩乐高一样。在功能块的设计上，要遵守通俗易懂的原则，让用户看到Icon就能知道是个什么功能。还有一个原则就是求同存异，要有自己的产品的个性和灵魂。这个不得不说到iphone，当年那场
2020-06-10 23:41:01
158
原创 产品领域的极致思考（1）
大家好，我是Eric，这篇文章将要开启我的打造极致产品的研究和思考。首先，我们进行一些产品上的外在的思考。怎么样打造一款好的产品？我认为第一步就是选好颜色。为什么是颜色呢？其实是颜色代表着一直视觉上的第一感官，是人类本能去捕捉的东西，颜色用的好了就成为了一种记忆点，一种视觉符号。比如一说到红色，你会想到网易云音乐，一说到黄色，你会想到小黄车，一说到绿色，你会想到微信。...
2020-06-10 00:21:56
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人