11 飞翔的熊blabla

尚未进行身份认证

用产品思维写优质代码

等级
TA的排名 1k+

CSS IOS去掉阴影

input{border:none;outline:none;-webkit-appearance:none;}

2019-08-21 17:27:23

[译] Node.js, Express.js 搭建 HTTP/2 服务器

什么是HTTP/2现代互联网的TCP/IP协议发布于1975年,这项技术在41年前是多么令人惊讶。自它发布开始大部分形式,我们使用HTTP和后续接任者HTTP/1.1来实现客户端和服务端的通讯。它能很不错的传输Web,但今时今日的开发者建立网站的方式已经发生了巨大的改变。存在各式各样的外部资源链接例如图片、CSS文件、JavaScript资源。资源的种类数量只会持续增长。...

2019-08-18 14:24:14

z-index不起作用

<div><divstyle="z-index:2。。。"></div><divstyle="z-index:1。。。></div></div>第一个子div不起作用需要加relative才可以

2019-08-10 21:53:24

让div撑满整个屏幕的方法(css)

转载于:http://localhost:11212/sale-v2/mgm/record在body只有一个div的时候,可以通过这样的方式让div撑满整个屏幕。1.给div设置定位。  复习一下——  css中position有五种属性:    static:默认值,没有定位    absolute:绝对定位,相对于父级元素进行定位    relative:相对定位...

2019-08-10 20:49:00

getDerivedStateFromProps的Props最好别用this,否则初始化就出问题

上面的是错误的上面的是正确的当然static不允许用this

2019-08-08 10:52:37

webstorm如何正则匹配

匹配引用是$,故使用$1

2019-08-08 09:40:29

Node.js服务器启用Gzip压缩

转自于:https://www.jianshu.com/p/1c9909f9b0e9Gzip是什么复制大神们的解释吧:GZIP最早由Jean-loupGailly和MarkAdler创建,用于UNIX系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件,它们就是GZIP格式的。现今已经成为Internet上使用非常普遍的一种数据压缩格式,或者说一种文件格式。HTTP协...

2019-08-08 09:28:54

console.log 无反应,不输出了

转自于https://blog.csdn.net/weixin_42617800/article/details/879960231.F122.点三个点3.4、 恢复默认值并重新加载 (具体原因不明,先解决了问题再说,没空解释) ...

2019-08-07 09:21:20

React 中常见的动画实现方式

转自于:https://segmentfault.com/a/1190000012783439现在,用户对于前端页面的要求已经不能满足于实现功能,更要有颜值,有趣味。除了整体UI的美观,在合适的地方添加合适的动画效果往往比静态页面更具有表现力,达到更自然的效果。比如,一个简单的loading动画或者页面切换效果不仅能缓解用户的等待情绪,甚至通过使用品牌logo等形式,默默达到品牌宣...

2019-08-06 15:51:35

JS随机排序数组最终版

functionsortNumber(a,b){returnMath.random()-0.5;}vararr=arr=[9,3,1,2,5,8,4,7,6,0];arr.sort(sortNumber);

2019-08-06 15:37:08

tips:webstorm 使用eslint快捷键 快速修复文件里的错误

转自于:https://www.jianshu.com/p/5dec0652e781要求:1.安装2017版webstorm,旧版没有快捷键功能2.配置好eslint环境开始1.开启eslint设置,并且指向对应配置文件.eslintrc2.除了eslint其他代码验证都关闭3.eslint快捷键,选中某个文件后直接使用快捷键修复原文链接作者:J...

2019-08-06 14:43:41

使用chrome开发者工具中的performance面板解决性能瓶颈

转自于:https://www.cnblogs.com/xiaohuochai/p/9182710.html前面的话  使用ChromeDevTools的performance面板可以记录和分析页面在运行时的所有活动。本文将详细介绍如何使用performance面板解决性能瓶颈准备【匿名模式】  匿名模式可以保证Chrome在一个相对干净的环境下运行。比如安装了许多ch...

2019-08-04 11:30:42

JavaScript中的ilter()、forEach()、map()、reduce()、reduceRight()的区别

map()函数用于对数组或对象进行处理,并返回处理之后的数组.'usestrict'//严格模式letarr=[1,2,3,4];letnewArr=arr.map(function(item){  //使用map方法returnitem*2;});console.log(newArr);//[2,4,6,...

2019-08-02 10:56:37

React 的 getDerivedStateFromProps 生命周期 究竟有啥用 ?

随着reactv16.3版本的发布,最大的变动莫过于生命周期去掉了以下三个componentWillMountcomponentWillReceivePropscomponentWillUpdate同时为了弥补失去上面三个周期的不足又加了两个staticgetDerivedStateFromPropsgetSnapshotBeforeUpdate如下图:新的静态生命周...

2019-08-01 22:27:29

rn-viewpager ViewPagerAndroid的替代品

转自:https://www.npmjs.com/package/rn-viewpager?activeTab=readmeFeaturesunify<ViewPagerAndroid>and<ScrollViewpagingEnabled={true}>to<ViewPager>,addoffersamepropsasVi...

2019-08-01 12:12:18

React Native 性能优化总结

前言转载https://github.com/amandakelake/blog/issues/49最近在进行RN项目重构,通过查阅各种资料,从RN底层出发,思考总结了一些从react到react-native的性能优化相关问题Performance·ReactNative请先认真查看官方文档(英文文档)这一章节前方高能请注意:Unbundling+inlinerequ...

2019-08-01 12:11:59

react长列表优化方案: react-virtualized

典型开发问题如果所示,有教室1/2/3,每间教室下有1000+个学生学生组件为:functionStudent({student}){return<div>{student.name}</div>}复制代码如果我们直接把整个列表渲染出来,仅仅学生列表就会生成1000+个div标签.往往,我们的学生组件都...

2019-07-31 19:05:53

Chrome渲染分析之Rendering工具使用

页面的绘制时间(painttime)是每一个前端开发都需要关注的的重要指标,它决定了你的页面流畅程度。而如何去观察页面的绘制时间,找到性能瓶颈,可以借助Chrome的开发者工具。本文主要介绍Chrome渲染分析工具Rendering。如上图,按F12调出开发者工具,然后按“ESC”调出Rendering界面。以上5个选项的意思如下: 1、Showpaintrectan...

2019-07-31 10:42:14

react性能优化:redux的store中的数据量太大是否会影响性能

 最近在处理大list(infinitescrollview)时,发现元素多了之后react渲染开始变得卡顿,想找一找问题出在哪里了,在参考了一些博客和做了一番研究之后,给大家来个总结。redux的store中的数据量太大,肯定是会影响性能的,但是跟其本身占的内存并没有太大关系,影响的是一些别的东西,请往下看。  1.action触发大量reducer的开销  store过分庞大,就是...

2019-07-31 10:30:54

原 React如何渲染大数据量的列表?

本文参考自:原文地址我们经常会遇到这种需求,根据数据展示列表。这种代码估计你已经撸过成百上千次了。但如果你需要同时展示成千上万条数据呢,必然会造成浏览器卡顿,丢帧,甚至卡死的问题。本文将介绍利用react-virtualized来高效渲染大数据量列表。开始吧!首先创建一个React应用create-react-appvirtualization复制代码应用将展示10...

2019-07-31 10:29:54

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!