张晋悦-优快云博客

转载 Async/await

有一种特殊的语法可以更舒适地与promise协同工作，它叫做async/await，它是非常的容易理解和使用。async让我们先从async关键字说起，它被放置在一个函数前面。就像下面这样：async function f() { return 1}函数前面的async一词意味着一个简单的事情：这个函数总是返回一个promise，如果代码中有return <非promis...

2019-05-03 10:47:38 244

原创 VS code 汉化及快捷键修改

VsCode汉化方式Vscode是一款开源的跨平台编辑器。默认情况下，vscode使用的语言为英文(us)，如何将其显示语言修改成中文了？1）打开vscode工具；2）点击左侧的Extensions（拓展）按钮，即可进入到拓展界面；3）进入后在拓展搜索栏搜索 Chinese;4）点击Chinese(Simplified) Language Pack for Visual Studio C...

2019-04-11 16:58:07 290

百度CDN支持版本2.0.3, 2.0.2, 2.0.1, 2.0.0,1.11.1, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3...

2019-04-05 19:46:14 7379

原创 Can't perform a React state update on an unmounted component.

这个错误是因为在组件卸载之后去设置state值导致的。我们不能在组件销毁之后去设置state值，为了防止出现内存泄漏的情况。一般出现这个问题的原因是调用了setTimeout函数，可以在组件卸载时通过调用componentWillUnmount钩子clearTImeout该函数...

2019-03-29 15:53:26 4625

原创 css3自适应fill-available&&fit-content&&max-content&&min-content

fill-available表示撑满可用空间（包括高度，宽度）[此处包括padding和margin会尽可能的撑满，只对于行内块（inline-block）和块元素（block）起作用，webkit内核支持。]fit-content表示宽度缩小到内容的宽度max-content表示用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。min-content表示用内部元素最小宽度值最大的那...

2019-03-28 22:12:00 310

原创 Cannot destructure property `createHash` of 'undefined' or 'null'(next服务端渲染引入next-less错误).

next中引入@zeit/next-less因next版本过低(webpack4之前的版本)无法执行next-less内置的mini-css-extract-pluginmini-css-extract-plugin(它为每个包含CSS的JS文件创建一个CSS文件。它支持CSS和SourceMaps的按需加载。此插件依赖webpack4.x.x)extract-text-webpack-pl...

2019-03-28 22:04:07 1299

原创 GooleTools;RegExp;Android Simulator Shortcut keys;DivWidth;

json文件生成小套路// import Translate from 'translate-components'/* * 匹配所有汉字RegExp: [\u4e00-\u9fa5] [\u4E00-\u9FA5]|[\uFE30-\uFFA0] * 汉字部分除了^的标签jsonRegExp: <Translate>[^\^]+?(?=-{4,}?)-{4,}?([a-z...

2019-03-27 21:39:23 307

转载 CSS 外边距(margin)重叠及防止方法

CSS 外边距(margin)重叠及防止方法两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去绝对值最大的负边界。注意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。但是边界的重叠也...

2019-03-27 12:17:28 361

原创 React父组件调用子组件的方法

旧版本调用方式<script type="text/babel"> ///子组件 var HelloMessage = React.createClass({ childMethod: function(){ alert("组件之间通信成功"); }, render: function() { ...

2019-03-26 23:06:16 3696 2

原创 Css高度自适应上下居中方式

通过添加父元素的伪元素:before{content:’’;display:inline-block;veralign:middle;height:100%}子元素{display:inline-block;veralign:middle;height:auto;}可以实现高度自适应并且上下居中...

2019-03-26 23:02:10 1541

原创正则表达式

正则表达式测试地址: goHomeTest.常用的元字符代码说明.匹配除换行符以外的任意字符\d匹配字母或数字或下划线或汉字\s匹配任意空白符\d匹配数字\b匹配单词边界^匹配字符串的开始$匹配字符串的结束常用的限定符代码说明*重复零次或者多次+重复一次或者更多次?重复零次或者一...

2019-03-26 01:50:34 190

原创 next-i18next 常见Bug记录

此处根本原因为next版本（使用withNamespaces导入命名空间报错）^5.0.0版本不支持导入_app.js导致i18n注入失败^6.0.0版本或者以上版本会支持导入_app.js尝试更新withNamespaces的wait和options并没有效果，相反会导致之后的一系列bug版本号 x.y.z ：z ：表示一些小的bugfix, 更改z的号，y ：表示一些大的版本更改，...

2019-03-25 10:44:13 1874

原创 git 常用操作

win10操作方法打开控制面板(Control Panel)；选择用户账户(User Accounts)；选择管理你的凭据(Credential Manager)；管理windows凭据(Manage Windows Credentials)；删除git保存的用户信息保存即可。...

2019-03-20 14:19:53 1179

原创 Teleport ultra/IDM(Internet Download Manager)

神器扒网站——teleport ultra IDM(Internet Download Manager)在平时的开发或者学习的过程中，我们难免会看到一些让人心动的网站，于是自己想把它搞下来，自己手工一个文件一个文件把它保存下来也可以实现，完成了也累得够呛，有一款扒站的神器，可以把你所喜欢的目标网站整个网站给扒下来，这个神器就是teleport ultra！下载与安...

2019-03-03 20:31:53 586

转载 npx语法

npm v5.2.0引入的一条命令（npx），引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。举例：使用create-react-app创建一个react项目。老方法：npm install -g create-react-appcreate-react-app my-app npx方式：npx create-react-app my-app 这条命令...

2019-02-17 14:08:28 473

原创 Command failed: git -c core.longpaths=true config --get remote.origin.url

「Unable to Connect to GitHub.com For Cloning」此处原因应该是因为网络无法透过git://方式将package download下来 Error: Command failed: git -c core.longpaths=true config --get remote.origin.url 清除缓存：npm cache clear 更...

2019-02-17 13:06:05 5885

原创 Electron编写第一个程序

1.初始化项目(npm init)2.安装electron框架(npm install --save-dev electron)3.把package配置文件启动项更改为 &amp;amp;amp;amp;amp;amp;quot;start&amp;amp;amp;amp;amp;amp;quot;: &amp;amp;amp;amp;amp;amp;quot;electron .&amp;amp;amp;amp;amp;amp;quot

2019-02-16 23:41:07 687

张晋悦的博客