{"pageContext":{"index":28,"total":362,"name":"2019-11-17","items":[{"node":{"frontmatter":{"title":" Netflix Bless - ssh密钥管理工具","publish":true,"cover":"https://miro.medium.com/max/1518/1*tQAIsR2YU7OezeQUr_Z8MQ.png","showCover":true,"date":"2019-10-11","category":"devops","url":"https://github.com/Netflix/bless","author":"Kshitij","translator":"","tags":["ssh"],"priority":2},"html":"

为安全起见，此服务需要运行在单独的AWS lambada服务上。

"}},{"node":{"frontmatter":{"title":"2019前端工具使用调查","publish":true,"cover":"https://ashleynolan.co.uk/assets/img/blog/tooling-survey/2019/q4.jpg","showCover":true,"date":"2019-11-14","category":"frontend2","url":"https://ashleynolan.co.uk/blog/frontend-tooling-survey-2019-results","author":"Ashley Nolan 编辑 Ka","translator":"","tags":["survey"],"priority":2},"html":"

CSS 处理器 Sass大幅度领先

\n

其满意度也是居首\n

\n

CSS 框架，bootstrap大幅度领先（相比去年仍减少7%）

\n

\n
\n

老编：Materilize居然比bulma还少。

\n
\n

CSS 工具 Autoprefixer居首

\n

\n

脚本内CSS(CSS-in-JS) 大部分没有使用，使用的主要是Styled Components

\n

\n

CSS 特性，主要用的是flexbox

\n

\n

脚本工具主要使用的是NPM,再其次是gulp

\n

\n

JS框架，jQuery和react依然遥遥领先,Vue超越Angular2

\n

\n\n

\n

JS打包工具, webpack居首

\n

\n

JS扩展语言typescript居首

\n

\n

JS测试 jest第一,mocha第二

\n

\n

JS性能测试,Lighthouse居首

\n

\n

可达性测试，大部分还未使用

\n

\n

包管理npm居首，yarn第二

\n

"}},{"node":{"frontmatter":{"title":"Chrome手机全屏地址栏问题","publish":true,"cover":"https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_960,f_auto,q_auto/v1572036939/100vh_problem_uoenhn.png","showCover":true,"date":"2019-11-14","category":"frontend","url":"https://css-tricks.com/some-things-you-oughta-know-when-working-with-viewport-units/","author":"Chris Coyier","translator":"","tags":["chrome"],"priority":1},"html":"

解决方案:

\n
body {\n  min-height: 100vh;\n  min-height: -webkit-fill-available;\n}
"}},{"node":{"frontmatter":{"title":"BSON和ObjectId","publish":true,"cover":"https://webassets.mongodb.com/_com_assets/cms/objectId-r9f66o4g4u.png","showCover":true,"date":"2019-11-15","category":"database","url":"https://www.mongodb.com/blog/post/quick-start-bson-data-types--objectid","author":"Ken W. Alger 编辑 Ka","translator":"","tags":["mongodb"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"Discord使用React Native在ios上的调优过程","publish":true,"cover":"https://miro.medium.com/max/500/1*aGWZttnhsIgBJYh5WCsxZQ.gif","showCover":true,"date":"2019-11-14","category":"frontend","url":"https://blog.kazge.com/front-end/2019/11/13/zh-tune-performance-of-discord-react-native-app/","author":"Miguel Gaeta 编辑 Ka","translator":"","tags":["react native"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Figma在多用户操作上的实践","publish":true,"cover":"https://images.ctfassets.net/1khq4uysbvty/49Nk3Z5SwJd645h9Z3Gj6t/8daae07fd486b1863111a545078476cf/multiplayer_prototype.png?w=736","showCover":true,"date":"2019-10-11","category":"algorithm","url":"https://www.figma.com/blog/how-figmas-multiplayer-technology-works/","author":"Evan Wallace","translator":"","tags":["multiplayer"],"priority":2},"html":"

figma是一个多用户实时协同设计的工具。\nredo,undo的操作示意图

\n"}},{"node":{"frontmatter":{"title":"ajv 高性能json schema验证","publish":true,"cover":"https://camo.githubusercontent.com/a5a018f4bb73429787af199c0335f5a472f2ca8c/68747470733a2f2f63686172742e676f6f676c65617069732e636f6d2f63686172743f636878743d782c79266368743d626873266368636f3d3736413446422663686c733d322e3026636862683d33322c342c31266368733d36303078343136266368786c3d2d313a253743646a76253743616a762537436a736f6e2d736368656d612d76616c696461746f722d67656e657261746f722537436a73656e25374369732d6d792d6a736f6e2d76616c69642537437468656d69732537437a2d736368656d612537436a73636b253743736b65656d61732537436a736f6e2d736368656d612d6c696272617279253743747634266368643d743a3130302c39382c37322e312c36362e382c35302e312c31352e312c362e312c332e382c312e322c302e372c302e32","showCover":true,"date":"2019-11-15","category":"nodejs","url":"https://github.com/epoberezkin/ajv","author":"Evgeny Poberezkin","translator":"","tags":["json"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"basic-ftp 支持FTPS的简单易用的ftp客户端","publish":true,"cover":"","showCover":true,"date":"2019-11-15","category":"nodejs","url":"https://github.com/patrickjuchli/basic-ftp","author":"Patrick Juchli","translator":"","tags":["ftp"],"priority":1},"html":"
\n

ftps不同于sftp，此工具不支持sftp。

\n
"}},{"node":{"frontmatter":{"title":"NodeBB 实时的开源论坛系统","publish":true,"cover":"https://camo.githubusercontent.com/915222375e480ca765aee3d11b8576c8a53138f8/687474703a2f2f692e696d6775722e636f6d2f48774e455847752e706e67","showCover":true,"date":"2019-11-15","category":"nodejs","url":"https://github.com/NodeBB/NodeBB","author":"NodeBB 编辑 Ka","translator":"","tags":["BBS"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"chrome将为速度慢的站点标记红条","publish":true,"cover":"https://lh6.googleusercontent.com/qq2pRL2qiXRiFASwvuqnYxHfcXdt69i8aVUhuCGQSeoAyH_kJ6kIT44ExZuY65UXAOMuVDl1j2GifEeRrIg79IUlefdKhyBbdNkcvW_enZ8CBYtRspzkO2kvl1VMowvQJJ-J_Sfd","showCover":true,"date":"2019-11-14","category":"frontend","url":"https://blog.chromium.org/2019/11/moving-towards-faster-web.html","author":"Google","translator":"","tags":["chrome"],"priority":1},"html":"

快的网站显示绿条，慢的网站显示红条。

"}},{"node":{"frontmatter":{"title":"console的常用方法","publish":true,"cover":"","showCover":true,"date":"2019-11-16","category":"frontend","url":"https://levelup.gitconnected.com/console-cheat-sheet-for-javascript-developers-21f0c49604d4","author":"Javascript Jeep","translator":"","tags":["console"],"priority":1},"html":"

console.assert(condition, failure message)

\n
var a = 10; \nconsole.assert(a === 10, \"This will not be printed\");\nconsole.assert(a != 10, \"this will be printed\", `a = ${a}`);\n// Assertion failed: this will be printed a = 10
\n

console.count() console.countReset()

\n
console.count(\"time\"); time: 1\nconsole.count(\"time\"); time: 2\nconsole.count(\"time\"); time: 3\nconsole.countReset()\nconsole.count(\"time\"); time: 1
\n

console.dir()

\n
var obj = {\n   \"phone\" : {\n    mobile : {\n            num1 : 123,\n            num2 : 456,\n        },\n    landline : {\n            num1 : 789\n        }\n    },\n    \"name\" : \"Javascript Jeep\"\n}\nconsole.dir(obj);
\n

console.group() console.groupEnd()

\n
console.group(\"days\")\n   console.log(\"Mon\");\n   console.log(\"Tue\");\n   console.log(\"Wed\");\n   console.log(\"Thu\");\n   console.log(\"Fri\");\n   console.group(\"holidays\");\n      console.log(\"Sat\");\n      console.log(\"Sun\");\n   console.groupEnd(\"holidays\");\nconsole.groupEnd(\"days\")
\n

\n

console.table(obj)

\n
var user = {\n    name : \"Ram\",\n    age : 28\n    \n}\nconsole.table(user);
\n

"}},{"node":{"frontmatter":{"title":"fabric SVG canvas互转工具","publish":true,"cover":"https://github.com/kangax/fabric.js/raw/master/lib/screenshot.png","showCover":true,"date":"2019-11-16","category":"frontend-2","url":"https://github.com/fabricjs/fabric.js","author":"Fabric.js","translator":"","tags":["canvas"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"html-react-parser html转换为React组件","publish":true,"cover":"","showCover":true,"date":"2019-11-14","category":"frontend","url":"https://github.com/remarkablemark/html-react-parser","author":"Mark","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"npx linkinator 页面资源链接检测工具","publish":true,"cover":"","showCover":true,"date":"2019-11-14","category":"algorithm","url":"https://github.com/JustinBeckwith/linkinator","author":"Justin Beckwith","translator":"","tags":["link"],"priority":1},"html":"

使用\nnpx linkinator https://www.zhouexin.com/\n输出结果

\n
🏊‍♂️ crawling https://www.zhouexin.com/\n[200] https://www.zhouexin.com/\n  [200] https://www.zhouexin.com/sitemap.xml\n  [200] https://www.zhouexin.com/webpack-runtime-8a67b4a972769e9e6d41.js\n🤖 Successfully scanned 8 links in 3.456 seconds.
"}},{"node":{"frontmatter":{"title":"progress-estimator 控制台基于预估的进度条","publish":true,"cover":"https://user-images.githubusercontent.com/29597/48986949-474e2400-f0cf-11e8-86d7-d201f8ad8eca.gif","showCover":true,"date":"2019-11-16","category":"nodejs","url":"https://github.com/bvaughn/progress-estimator","author":"Brian Vaughn","translator":"","tags":["terminal"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"simple-crypto-js 简单易用的加密工具","publish":true,"cover":"","showCover":true,"date":"2019-11-15","category":"nodejs","url":"https://github.com/danang-id/simple-crypto-js","author":"Danang Galuh Tegar P","translator":"","tags":["crypt"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-adaptive-hooks 用户设备硬件状态(网络，CPU，内存)hook","publish":true,"cover":"","showCover":true,"date":"2019-11-14","category":"frontend","url":"https://github.com/GoogleChromeLabs/react-adaptive-hooks","author":"Google Chrome Labs","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"字节码联盟成立，WebAssembly 生态将完善网络安全性","publish":true,"cover":"https://oscimg.oschina.net/oscnet/91c6f47286ceeb99ee80af4e56ef05768ab.jpg","showCover":true,"date":"2019-11-16","category":"frontend","url":"https://www.oschina.net/news/111316/announcing-the-bytecode-alliance","author":"oschina","translator":"","tags":["WebAssembly"],"priority":1},"html":"

近日 Mozilla、Fastly、Intel 与 Red Hat 宣布成立联合组织 Bytecode Alliance（字节码联盟），该联盟旨在通过协作实施标准和提出新标准，以完善 WebAssembly 在浏览器之外的生态。

"}},{"node":{"frontmatter":{"title":"宠物伙伴全站源码","publish":true,"cover":"","showCover":true,"date":"2019-11-14","category":"frontend","url":"https://github.com/wendelfreitas/animavita","author":"Wendel Freitas","translator":"","tags":["react native"],"priority":1},"html":"

技术栈：
\nFacebook Login
\nReact Native
\nStyled Components
\nReactotron
\nEslint
\nRedux
\nMongoDB\nFormik + Yup
\nApollo
\nGraphQL\nKraken
\nOneSignal
\nAWS\nRedux-Persist

"}},{"node":{"frontmatter":{"title":"微软Windows团队和Office团队都倾向于Ract Native而不是他们自己的Xamarin","publish":true,"cover":"https://regmedia.co.uk/2019/11/07/memory.jpg?x=648&y=342&infer_y=1","showCover":true,"date":"2019-11-14","category":"frontend","url":"https://blog.kazge.com/front-end/2019/11/13/zh-microsoft-reactive-native-for-cross-platform/","author":"Ka","translator":"","tags":["react native"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"游戏-飞翔的鸡蛋(Aero Egg)","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":"想让你的文章出现在这里？","publish":true,"cover":"","showCover":true,"date":"2019-07-08","category":"frontend","url":"mailto:editor@zhouexin.com?subject=投稿!","author":"投稿","translator":"","tags":["editor"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"苹果官方在macOS 10.15 Catalina中关闭了Dashboard","publish":true,"cover":"http://5b0988e595225.cdn.sohucs.com/images/20190605/c1080cc765ad46ce84841d8fbf246352.jpeg","showCover":true,"date":"2019-10-11","category":"os","url":"http://www.sohu.com/a/318648462_394375","author":"酷玩儿","translator":"","tags":["mac"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程-创建你自己的react","publish":true,"cover":"","showCover":true,"date":"2019-11-16","category":"frontend","url":"https://pomb.us/build-your-own-react/","author":"Rodrigo Pombo","translator":"","tags":["BBS"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"趣讲oauth和openid","publish":true,"cover":"https://d33wubrfki0l68.cloudfront.net/e65239bdbd8b982d8eda9f1da9f486efdb11af1d/1cc5c/assets-jekyll/blog/illustrated-guide-to-oauth-and-oidc/tpotd-authorization-code-flow-f959373be5520c3f3a78fbd0a340c5ea67e75cf27979476cf66670914de5e6ba.jpg","showCover":true,"date":"2019-10-11","category":"other","url":"https://developer.okta.com/blog/2019/10/21/illustrated-guide-to-oauth-and-oidc","author":"David Neal","translator":"","tags":["oauth"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"页面预加载工具","publish":true,"cover":"","showCover":true,"date":"2019-11-14","category":"frontend","url":"https://github.com/instantpage/instant.page","author":"instant.page","translator":"","tags":["performance"],"priority":1},"html":"

在页面上添加资源

\n
<script src=\"//instant.page/3.0.0\" type=\"module\" defer integrity=\"sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1\"></script>
\n

当用户鼠标在链接之上时，即触发预加载链接指向的页面。

"}}]}}