2019年08月_飞翔的熊blabla

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创比较合理的前端合并代码

三个基本分支master->用户使用的分支developer->给测试的分支，也是开发自测分支release->预发布分支,注意这是干净的分支自己开发的模块Module的分支->是基于master拉的分支开发项目自己新建一个开发分支->开发想在测试服务器自测合并到developer(注意developer不能合并到自己项目分支，因为deve...

2019-08-31 10:57:15 1323

原创 word-break: break-all; 会让word break了换行

RTword-break: break-all; 会让word break了换行

2019-08-27 16:49:21 1700

原创 react-i18next的使用

公司项目使用react做的，现在需要添加多语言，于是上网上搜到了react-i18next库，看了一些关于这个库的使用方法的文章，然而始终没有弄明白，于是决定仔细阅读文档，最终弄明白了使用方法，在这里记载一下。首先看官方文档的快速开始，按照文档一步一步走，首先安装包。npm install react-i18next i18next --save// 或者yarn add react...

2019-08-26 22:54:42 6195 1

原创 CSS IOS去掉阴影

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

2019-08-21 17:27:23 385

转载 [译] 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 620

原创 z-index不起作用

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

2019-08-10 21:53:24 459

转载让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 3174

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

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

2019-08-08 10:52:37 4792

原创 webstorm如何正则匹配

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

2019-08-08 09:40:29 1893

转载 Node.js服务器启用Gzip压缩

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

2019-08-08 09:28:54 680

转载 console.log 无反应，不输出了

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

2019-08-07 09:21:20 9622 6

转载 React 中常见的动画实现方式

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

2019-08-06 15:51:35 8241

原创 JS随机排序数组最终版

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

2019-08-06 15:37:08 147

转载 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 3804

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

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

2019-08-04 11:30:42 952

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

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

2019-08-02 10:56:37 372

转载 React 的 getDerivedStateFromProps 生命周期究竟有啥用？

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

2019-08-01 22:27:29 6230

转载 rn-viewpager ViewPagerAndroid的替代品

转自:https://www.npmjs.com/package/rn-viewpager?activeTab=readmeFeaturesunify <ViewPagerAndroid> and <ScrollView pagingEnabled={true}> to <ViewPager>, add offer same props asVi...

2019-08-01 12:12:18 682

转载 React Native 性能优化总结

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

2019-08-01 12:11:59 131