{"pageContext":{"index":16,"total":364,"name":"2019-08-25","items":[{"node":{"frontmatter":{"title":"NativeScript 6.0 发布，完全支持 Vue.js","publish":true,"cover":"https://oscimg.oschina.net/oscnet/fa1e822efc69ced72b23a3047ecf0c55e79.jpg","showCover":true,"date":"2019-08-22","category":"mobile","url":"https://www.oschina.net/news/108362/nativescript-6-0-released","author":"afterer@OSCHINA","translator":"","tags":["mobile"],"priority":1},"html":"
\n

React Native只支持React，那么Angular和Vue就由NativeSript来实现。

\n
"}},{"node":{"frontmatter":{"title":"7中方式增加你的Angular程序的accessibility","publish":true,"cover":"https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/tb_870x2201a4c36fc3c124e66a1fe2a08c9caa5f0.png?sfvrsn=3ed7c96b_1","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://www.telerik.com/blogs/7-ways-to-make-your-angular-app-more-accessible","author":"Chris Ward","translator":"","tags":["accessibility"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Ionic react候选版发布","publish":true,"cover":"https://ionicframework.com/blog/wp-content/uploads/2019/08/start_ionic_react_app_cli.png","showCover":true,"date":"2019-08-22","category":"mobile","url":"https://ionicframework.com/blog/announcing-ionic-react-release-candidate/","author":"Ely Lucas (Ionic)","translator":"","tags":["ionic"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Node v12.9.0发布，Promise.allSettled可用","publish":true,"cover":"https://github.com/nodegui/examples/raw/master/nodegui/calculator/calculator_linux.png","showCover":true,"date":"2019-08-22","category":"nodejs","url":"https://nodejs.org/en/blog/release/v12.9.0/","author":"Atul R 编辑 Ka","translator":"","tags":["desktop"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"admin-bro react实现的管理后台模板","publish":true,"cover":"https://github.com/SoftwareBrothers/admin-bro/raw/master/docs/anim.gif","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://github.com/SoftwareBrothers/admin-bro","author":"SoftwareBrothers 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":"

在线体验
\n用户名: test@example.com\n密码: password

"}},{"node":{"frontmatter":{"title":"auth0配合mongodb实现自定义数据库auth0服务","publish":true,"cover":"https://cdn.auth0.com/blog/mongodb-atlas/testing-the-login-script.png","showCover":true,"date":"2019-08-22","category":"database","url":"https://auth0.com/blog/auth0-tutorials-using-mongodb-atlas-as-a-custom-database/","author":"Bruno Krebs","translator":"","tags":["mongodb"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"NodeGUI-基于Qt的桌面端开发框架","publish":true,"cover":"https://github.com/nodegui/examples/raw/master/nodegui/calculator/calculator_linux.png","showCover":true,"date":"2019-08-22","category":"nodejs","url":"https://github.com/nodegui/nodegui","author":"Atul R 编辑 Ka","translator":"","tags":["desktop"],"priority":1},"html":"

与Electron，NW不同的是，构建的是Native程序，使用css+javascript的方式组织程序。注重性能优化。

"}},{"node":{"frontmatter":{"title":"date-fns更简单易用的时间操作库","publish":true,"cover":"","showCover":true,"date":"2019-08-22","category":"nodejs","url":"https://github.com/date-fns/date-fns","author":"date-fns 编辑 Ka","translator":"","tags":["time"],"priority":1},"html":"
import { format, formatDistance, formatRelative, subDays } from 'date-fns'\n\nformat(new Date(), \"'今天是' iiii\")\n//=> \"今天是 Friday\"\n\nformatDistance(subDays(new Date(), 3), new Date())\n//=> \"3 days ago\"\n\nformatRelative(subDays(new Date(), 3), new Date())\n//=> \"last Friday at 7:26 p.m.\"
"}},{"node":{"frontmatter":{"title":"filepond-强大易用的上传组件","publish":true,"cover":"https://github.com/pqina/filepond-github-assets/raw/master/filepond-animation-01.gif?raw=true","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://github.com/pqina/filepond","author":"Rik Schennink 编辑 Ka","translator":"","tags":["upload"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"es2019新函数","publish":true,"cover":"","showCover":true,"date":"2019-08-22","category":"javascript2","url":"https://css-tricks.com/all-the-new-es2019-tips-and-tricks/","author":"Laurie Barth 编辑 Ka","translator":"","tags":["es2019"],"priority":1},"html":"

Object.fromEntries

\n
let students = {\n  amelia: 20,\n  beatrice: 22,\n  cece: 20,\n  deirdre: 19,\n  eloise: 21\n};\n\n// convert to array in order to make use of .filter() function\n// Object.entries 实现于 ES2017\nlet overTwentyOne = Object.entries(students).filter(([name, age]) => {\n  return age >= 21;\n}); // [ [ 'beatrice', 22 ], [ 'eloise', 21 ] ]\n\n// 相当于Object.entries的反向操作\nlet DrinkingAgeStudents = Object.fromEntries(overTwentyOne);\n// { beatrice: 22, eloise: 21 }
\n

Array.prototype.flat

\n
let courseStudents = [\n  ['Janet', 'Martha', 'Bob', ['Phil', 'Candace']],\n  ['Wilson', 'Taylor'],\n  ['Edith', 'Jacob', 'Peter', 'Betty']\n];\n\nlet flattenOneLevel = courseStudents.flat(1);\nconsole.log(flattenOneLevel);\n// [\n//   'Janet',\n//   'Martha',\n//   'Bob',\n//   [ 'Phil', 'Candace' ],\n//   'Wilson',\n//   'Taylor',\n//   'Edith',\n//   'Jacob',\n//   'Peter',\n//   'Betty'\n// ]\n\nlet flattenTwoLevels = courseStudents.flat(2);\nconsole.log(flattenTwoLevels);\n// [\n//   'Janet',   'Martha',\n//   'Bob',     'Phil',\n//   'Candace', 'Wilson',\n//   'Taylor',  'Edith',\n//   'Jacob',   'Peter',\n//   'Betty'\n// ]
\n

Array.prototype.flatMap

\n
let grades = [78, 62, 80, 64];\n\nlet flatMapped = grades.flatMap(grade => [grade, grade + 7]);\n// [\n//  78, 85, 62, 69,\n//  80, 87, 64, 71\n// ]
\n

String.trimStart 和 String.trimEnd

\n

等同于 String.trimRight 和 String.trimLeft

\n
let message = '   Welcome to CS 101    ';\nmessage.trimEnd();\n// '   Welcome to CS 101'\nmessage.trimStart();\n// 'Welcome to CS 101   '\nmessage.trimEnd().trimStart();\n// 'Welcome to CS 101'
\n

catch 可不绑定异常类型

\n
try {\n  let parsed = JSON.parse(obj);\n} catch {\n  console.log(obj);\n}
\n

Function.toString()保留原空格格式

"}},{"node":{"frontmatter":{"title":"geek 的方式拼出 banana","publish":true,"cover":"","showCover":true,"date":"2019-08-22","category":"javascript","url":"https://stackoverflow.com/questions/57456188/why-is-the-result-of-ba-a-a-tolowercase-banana","author":"Stack Overflow 编辑 Ka","translator":"","tags":["time"],"priority":1},"html":"
console.log(+'a'); //输出'NaN'\nconsole.log('ba' + +'a' + 'a'); // 输出'baNaNa'\ndocument.write(('b' + 'a' + +'a' + 'a').toLowerCase());
"}},{"node":{"frontmatter":{"title":"javascript 检测文件类型","publish":true,"cover":"","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://github.com/pqina/filepond","author":"Sindre Sorhus 编辑 Ka","translator":"","tags":["file"],"priority":1},"html":"

通过 Buffer/Uint8Array/ArrayBuffer 检测文件类型\n支持远程检测。

\n
const xhr = new XMLHttpRequest();\nxhr.open('GET', 'unicorn.png');\nxhr.responseType = 'arraybuffer';\n\nxhr.onload = () => {\n  fileType(new Uint8Array(this.response));\n  //=> {ext: 'png', mime: 'image/png'}\n};\n\nxhr.send();
"}},{"node":{"frontmatter":{"title":"neon-绑定RUST用于实现native模块","publish":true,"cover":"https://github.com/neon-bindings/neon/raw/master/neon.png","showCover":true,"date":"2019-08-22","category":"nodejs","url":"https://github.com/neon-bindings/neon","author":"Neon Bindings","translator":"","tags":["rust"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"npm 6.11.0发布，默认再不会创建根用户拥有的文件（除非根用户运行创建）","publish":true,"cover":"","showCover":true,"date":"2019-08-22","category":"nodejs","url":"https://blog.npmjs.org/post/187146797665/release-6110","author":"npm 编辑 Ka","translator":"","tags":["npm"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"quicklink 由 Chrome 开源来的加载加速工具","publish":true,"cover":"https://camo.githubusercontent.com/d9e978c30d6e62fa13b4aea5af2560eebb67e20f/68747470733a2f2f692e696d6775722e636f6d2f4e56525a4c48762e706e67","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://github.com/GoogleChromeLabs/quicklink","author":"Google Chrome Labs 编辑 Ka","translator":"","tags":["chrome"],"priority":1},"html":"\n

使用示例：

\n
<!-- Include quicklink from dist -->\n<script src=\"dist/quicklink.umd.js\"></script>\n<!-- Initialize (you can do this whenever you want) -->\n<script>\n  quicklink();\n</script>
"}},{"node":{"frontmatter":{"title":"react-sortable-hoc-高阶函数式可排序列表，支持拖拽","publish":true,"cover":"https://oscimg.oschina.net/oscnet/fa1e822efc69ced72b23a3047ecf0c55e79.jpg","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://github.com/clauderic/react-sortable-hoc","author":"Maks Akymenko","translator":"","tags":["react"],"priority":1},"html":"

在线demo

"}},{"node":{"frontmatter":{"title":"react-spinners加载动画特效,支持修改颜色","publish":true,"cover":"https://camo.githubusercontent.com/92f836c3865f034ba3d5df879c43cf4d0facc3ff/68747470733a2f2f63646e2e7261776769742e636f6d2f676f6b63616e2f72656163742d7368696d6d65722f6d61737465722f6d656469612f64656d6f2e676966","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://github.com/davidhu2000/react-spinners","author":"David Hu 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":"

在线demo

"}},{"node":{"frontmatter":{"title":"react-shimmer 加载图片闪光特效","publish":true,"cover":"https://camo.githubusercontent.com/92f836c3865f034ba3d5df879c43cf4d0facc3ff/68747470733a2f2f63646e2e7261776769742e636f6d2f676f6b63616e2f72656163742d7368696d6d65722f6d61737465722f6d656469612f64656d6f2e676966","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://github.com/gokcan/react-shimmer","author":"Gokcan Degirmenci 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"top 10 mongodb安全实践","publish":true,"cover":"https://i2.wp.com/blog.sqreen.com/wp-content/uploads/2019/07/Blog_Mongodb_security_best_pratices.png?resize=1640%2C624&ssl=1","showCover":true,"date":"2019-08-22","category":"database","url":"https://blog.sqreen.com/top-10-security-best-practices-for-mongodb/","author":"Casey Dunham","translator":"","tags":["mongodb"],"priority":1},"html":"

官方安全检查清单

\n"}},{"node":{"frontmatter":{"title":"requestAnimationFrame和react hook配合使用","publish":true,"cover":"","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://css-tricks.com/using-requestanimationframe-with-react-hooks/","author":"Hunor Márton Borbély","translator":"","tags":["react"],"priority":1},"html":"
function App() {\n  const [state, setState] = React.useState(0)\n\n  const requestRef = React.useRef()\n  \n  const animate = time => {\n    requestRef.current = requestAnimationFrame(animate);\n  }\n    \n  React.useEffect(() => {\n    requestRef.current = requestAnimationFrame(animate);\n    return () => cancelAnimationFrame(requestRef.current);\n  }, []); // 注意这里。保证只调一次\n  \n  return <div>{state}</div>;\n}
"}},{"node":{"frontmatter":{"title":"v8n-链式验证库","publish":true,"cover":"https://github.com/imbrn/v8n/raw/master/docs/assets/logo.png","showCover":true,"date":"2019-08-22","category":"javascript","url":"https://github.com/imbrn/v8n","author":"Bruno C. Couto 编辑 Ka","translator":"","tags":["validation"],"priority":1},"html":"
v8n()\n  .string()\n  .minLength(5)\n  .first(\"H\")\n  .last(\"o\")\n  .test(\"Hello\"); // true
"}},{"node":{"frontmatter":{"title":"产品级别上使用 javascript 原生模块特性","publish":true,"cover":"","showCover":true,"date":"2019-08-22","category":"javascript","url":"https://philipwalton.com/articles/using-native-javascript-modules-in-production-today/","author":"Philip Walton 编辑 Ka","translator":"","tags":["module"],"priority":1},"html":"