{"pageContext":{"index":15,"total":362,"name":"2019-08-18","items":[{"node":{"frontmatter":{"title":"AWS 宣布推出 Polly 服务的新特性-神经文本转语音(NTTS)","publish":true,"cover":"","showCover":true,"date":"2019-08-09","category":"AI","url":"https://amazonaws-china.com/cn/polly/","author":"AWS 编辑 Ka","translator":"","tags":["tts"],"priority":1},"html":"

Amazon Polly 是一种文本转语音 (TTS) 服务，它使用高级的深度学习技术来合成酷似人声的语音。

\n

支持中文普通话.测试

\n

Amazon Polly 语音及支持的语言的完整列表。

"}},{"node":{"frontmatter":{"title":"React v16.9 新特性React.Profiler","publish":true,"cover":"","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://segmentfault.com/a/1190000020074818","author":"瓶子君@segmentfault","translator":"","tags":["react"],"priority":1},"html":"

测量 React 应用程序渲染的频率以及渲染的 \"成本\" 。其目的是帮助识别应用程序中渲染缓慢的部分，并且可能更益与 memoization 等优化 。

\n
render(\n  <Profiler id=\"application\" onRender={onRenderCallback}>\n    <App>\n      <Navigation {...props} />\n      <Main {...props} />\n    </App>\n  </Profiler>\n);
"}},{"node":{"frontmatter":{"title":"VSCode实用插件列表","publish":true,"cover":"https://cdn.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800/https://www.jonrcorbin.com/wp-content/uploads/2019/08/fullstack_vscode.png","showCover":true,"date":"2019-08-09","category":"javascript","url":"https://www.jonrcorbin.com/the-best-vs-code-extension-list-for-full-stack-developers/","author":"Jon R. Corbin","translator":"","tags":["vscode"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"buffer浏览器上完全兼容node buffer api的库","publish":true,"cover":"","showCover":true,"date":"2019-08-09","category":"javascript","url":"https://github.com/feross/buffer","author":"Feross Aboukhadijeh","translator":"","tags":["buffer"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"destructing妙用-不使用第三个变量交换两个变量的值","publish":true,"cover":"","showCover":true,"date":"2019-08-16","category":"nodejs","url":"https://dmitripavlutin.com/5-interesting-uses-javascript-destructuring/","author":"Dmitri Pavlutin 编辑 Ka","translator":"","tags":["destructring"],"priority":1},"html":"

javascript里面支持多个变量

\n
let zero = 2;\nlet one = 1;\nlet two = 0;\n\n[zero, one, two] = [two, one, zero];\n\nzero; // => 0\none;  // => 1\ntwo;  // => 2
\n

复习一下c语言的两种方法（只支持两个变量）

\n

方法一

\n
#include <stdio.h>\n \nint main()\n{\n   int a, b;\n   \n   printf(\"Input two integers (a & b) to swap\\n\");\n   scanf(\"%d%d\", &a, &b);\n   \n   a = a + b;\n   b = a - b;\n   a = a - b;\n \n   printf(\"a = %d\\nb = %d\\n\",a,b);\n   return 0;\n}
\n

方法二

\n
#include <stdio.h>\n \nint main()\n{\n  int x, y;\n \n  scanf(\"%d%d\", &x, &y);\n \n  printf(\"x = %d\\ny = %d\\n\", x, y);\n \n  x = x ^ y;\n  y = x ^ y;\n  x = x ^ y;\n \n \n  printf(\"x = %d\\ny = %d\\n\", x, y);\n \n  return 0;\n}
"}},{"node":{"frontmatter":{"title":"formik-让我们轻松的使用react form","publish":true,"cover":"https://user-images.githubusercontent.com/4060187/61057426-4e5a4600-a3c3-11e9-9114-630743e05814.png","showCover":true,"date":"2019-08-09","category":"frontend-2","url":"https://github.com/jaredpalmer/formik","author":"Jared Palmer 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":"

说来说去，还是因为react没有双向绑定的缘故，所以操作一个form真是繁琐。

\n

formik就是尝试解决这样的问题。

\n
// Render Prop\nimport React from 'react';\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\n\nconst Basic = () => (\n  <div>\n    <h1>Any place in your app!</h1>\n    <Formik\n      initialValues={{ email: '', password: '' }}\n      validate={values => {\n        let errors = {};\n        if (!values.email) {\n          errors.email = 'Required';\n        } else if (\n          !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(values.email)\n        ) {\n          errors.email = 'Invalid email address';\n        }\n        return errors;\n      }}\n      onSubmit={(values, { setSubmitting }) => {\n        setTimeout(() => {\n          alert(JSON.stringify(values, null, 2));\n          setSubmitting(false);\n        }, 400);\n      }}\n    >\n      {({ isSubmitting }) => (\n        <Form>\n          <Field type=\"email\" name=\"email\" />\n          <ErrorMessage name=\"email\" component=\"div\" />\n          <Field type=\"password\" name=\"password\" />\n          <ErrorMessage name=\"password\" component=\"div\" />\n          <button type=\"submit\" disabled={isSubmitting}>\n            Submit\n          </button>\n        </Form>\n      )}\n    </Formik>\n  </div>\n);\n\nexport default Basic;
\n

文档

"}},{"node":{"frontmatter":{"title":"infernojs-专注于性能的web框架","publish":true,"cover":"https://user-images.githubusercontent.com/2021355/36063342-626d7ea8-0e84-11e8-84e1-f22bb3b8c4d5.png","showCover":true,"date":"2019-08-09","category":"frontend-2","url":"https://github.com/infernojs/inferno","author":"inferno 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"inter-被github和mozila使用的开源字体","publish":true,"cover":"https://github.com/rsms/inter/raw/master/docs/res/metrics.png","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://github.com/rsms/inter","author":"Rasmus","translator":"","tags":["font"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"justgage-控制面板动画特效","publish":true,"cover":"https://github.com/toorshia/justgage/raw/master/docs/img/screenshot.gif","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://github.com/toorshia/justgage","author":"Bojan Djuricic","translator":"","tags":["font"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"mespeak基于webassembly的纯浏览器端TTS库","publish":true,"cover":"","showCover":true,"date":"2019-08-09","category":"javascript","url":"https://github.com/mikolalysenko/mespeak","author":"Norbert Landsteiner 编辑 Ka","translator":"","tags":["tts"],"priority":1},"html":"

在线demo

\n

新版本分两个部分，UI部分和core，core自动以worker方式运行。\n目前语音质量还是有待提高。

"}},{"node":{"frontmatter":{"title":"npkill-快速帮你找到大node_modules的包","publish":true,"cover":"https://camo.githubusercontent.com/ad0b856d5f6472b5cdd6bc54972416011cd49ff1/68747470733a2f2f6e706b696c6c2e6a732e6f72672f696d672f6e706b696c6c2d64656d6f2d302e332e302e676966","showCover":true,"date":"2019-08-09","category":"nodejs","url":"https://github.com/voidcosmos/npkill","author":"Estefanía García Gallardo and Juan Torres Gómez","translator":"","tags":["npm"],"priority":1},"html":"

安装 npm i -g npkill\n使用 cd ~/projects npkill

"}},{"node":{"frontmatter":{"title":"react-admin使用Material,GraphQL,ES6,RESTapi的React管理后台模板","publish":true,"cover":"https://camo.githubusercontent.com/22a49c2e3bbb98df60e7e97fa740007ae455ba70/68747470733a2f2f6d61726d656c61622e636f6d2f72656163742d61646d696e2f696d672f646174612d70726f76696465722e706e67","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://github.com/marmelab/react-admin","author":"marmelab 编辑 Ka","translator":"","tags":["react"],"priority":2},"html":"

非常值得称道的是，此项目直接使用npm包的方式使用。支持多方后端。文档也非常详细。

"}},{"node":{"frontmatter":{"title":"react-native-htmlview-在react native中显示html的组件","publish":true,"cover":"https://camo.githubusercontent.com/40c061e190af77493771d432dfc75ba1b8332deb/687474703a2f2f692e696d6775722e636f6d2f46594f674259632e706e67","showCover":true,"date":"2019-08-09","category":"frontend-2","url":"https://github.com/jsdf/react-native-htmlview","author":"James Friend 编辑 Ka","translator":"","tags":["react"],"priority":2},"html":"
import React from 'react';\nimport {StyleSheet} from 'react-native';\nimport HTMLView from 'react-native-htmlview';\n\nclass App extends React.Component {\n  render() {\n    const htmlContent = `<p><a href=\"http://jsdf.co\">&hearts; nice job!</a></p>`;\n\n    return (\n      <HTMLView\n        value={htmlContent}\n        stylesheet={styles}\n      />\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  a: {\n    fontWeight: '300',\n    color: '#FF3366', // make links coloured pink\n  },\n});
"}},{"node":{"frontmatter":{"title":"tailwind.run-在线运行tailwindcss工具","publish":true,"cover":"","showCover":true,"date":"2019-08-17","category":"frontend","url":"https://tailwind.run","author":"编辑 Ka","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"使用Yarn工作区包含多个项目","publish":true,"cover":"https://yarnpkg.com/assets/feature-reliable.png","showCover":true,"date":"2019-08-09","category":"nodejs","url":"https://yarnpkg.com/lang/zh-hans/docs/workspaces/","author":"编辑 Ka","translator":"","tags":["yarn"],"priority":1},"html":"

yarn workspaces 可以包含多个项目。

\n\n

目录结构

\n
/package.json\n/yarn.lock\n\n/node_modules\n/node_modules/cross-env\n/node_modules/workspace-a -> /workspace-a\n\n/workspace-a/package.json\n/workspace-b/package.json
\n

其中顶层/package.json

\n
{\n  \"private\": true,\n  \"workspaces\": [\"workspace-a\", \"workspace-b\"]\n}
\n

workspaces中的数组指明各子项目。

"}},{"node":{"frontmatter":{"title":"useAuth基于auth0的完全前端认证react钩子","publish":true,"cover":"https://camo.githubusercontent.com/e5f8a596e3406a7129d347b2cc6bbe4a3e76da02/68747470733a2f2f692e696d6775722e636f6d2f4b756e45656d4e2e676966","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://github.com/Swizec/useAuth","author":"Swizec Teller 编辑 Ka","translator":"","tags":["react"],"priority":2},"html":"
\n

Auth0 是一家“身份验证即服务”提供商，旨在为开发人员提供简单易用的身份管理服务。为了保持灵活性和可扩展性，Auth0 身份管理平台允许开发人员在身份验证和授权管道中增加自定义代码。

\n
\n
import React from \"react\"\nimport { navigate } from \"gatsby\"\n\nimport { AuthProvider } from \"react-use-auth\"\n\nexport const wrapRootElement = ({ element }) => (\n\t<AuthProvider\n\t  navigate={navigate}\n\t  auth0_domain=\"useauth.auth0.com\"\n\t  auth0_client_id=\"GjWNFNOHq1ino7lQNJBwEywa1aYtbIzh\"\n\t>\n\t  {element}\n\t</AuthProvider>\n)
\n

使用useAuth可以完全做到不写任何服务端代码直接前端走完auth0认证流程并获得用户信息。

"}},{"node":{"frontmatter":{"title":"使用Cheerio和pipedream抓取网站","publish":true,"cover":"","showCover":true,"date":"2019-08-16","category":"nodejs","url":"https://medium.com/@dylan.sather/scrape-a-site-with-node-and-cheerio-in-5-minutes-4617daee3384","author":"Dylan Sather 编辑 Ka","translator":"","tags":["scrape"],"priority":1},"html":"

pipedream可用来免费运行nodejs脚本和计划任务。\ncheerio用来解析html，用法类似jquery。

"}},{"node":{"frontmatter":{"title":"几个grid布局在线生成器","publish":true,"cover":"","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://www.sitepoint.com/css-grid-generators/","author":"Maria Antonietta Perna 编辑 Ka","translator":"","tags":["css"],"priority":1},"html":"

CSS Grid Generator by Sarah Drasner

\n

LayoutIt by Leniolabs

\n

Griddy by Drew Minns

\n

Vue Grid Generator by Masaya Kazama

\n

CSS Grid Layout Generator by Dmitrii Bykov

\n
\n

老编觉得LayoutIt by Leniolabs最好用。

\n
"}},{"node":{"frontmatter":{"title":"响应式样式简便写法-配合变量","publish":true,"cover":"https://res.cloudinary.com/practicaldev/image/fetch/s--Cr38Zq6E--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://cdn-images-1.medium.com/max/800/1%2A3O3UWwcJWEXoVGe-OQGsnw.gif","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://dev.to/perborgen/how-to-make-responsiveness-super-simple-with-css-variables-1gnm","author":"Per Harald Borgen","translator":"","tags":["css"],"priority":1},"html":"

配合css变量使代码更简洁，但是对于IE需要polyfill

"}},{"node":{"frontmatter":{"title":"实用python字符串方法","publish":true,"cover":"","showCover":true,"date":"2019-08-16","category":"python","url":"https://towardsdatascience.com/useful-string-methods-in-python-5047ea4d3f90","author":"Parul Pandey 编辑 Ka","translator":"","tags":["string"],"priority":1},"html":"

center( )

\n

\n

count( )

\n

\n

find( )

\n

\n

swapcase( )

\n

\n

ljust( ) and rjust( )

\n

\n

zfill( )

\n

"}},{"node":{"frontmatter":{"title":"游戏-飞翔的鸡蛋(Aero Egg)-ios非中国区可下载","publish":true,"cover":"https://blog.kazge.com/assets/volitantegg-show.gif","showCover":true,"date":"2019-06-12","category":"game","url":"https://blog.kazge.com/show/volitantegg/%E9%A3%9E%E7%BF%94%E7%9A%84%E9%B8%A1%E8%9B%8B.apk","author":"广告","translator":"","tags":["ads"],"priority":1},"html":"

APP Store(非国内账户可下载)\n安卓 - 中文

"}},{"node":{"frontmatter":{"title":"怎样缩小svg","publish":true,"cover":"","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://victorzhou.com/blog/minify-svgs/","author":"Victor Zhou","translator":"","tags":["svg"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"想让你的文章出现在这里？","publish":true,"cover":"","showCover":true,"date":"2019-07-08","category":"frontend","url":"mailto:editor@zhouexin.com?subject=投稿!","author":"投稿","translator":"","tags":["editor"],"priority":1},"html":""}}]}}