{"pageContext":{"index":162,"total":362,"name":"2022-06-12","items":[{"node":{"frontmatter":{"title":"Canvas看起来很容易实际上很难的","publish":true,"cover":"","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://www.construct.net/en/blogs/ashleys-blog-2/simple-software-things-1587","author":"Ashley","translator":"","tags":["canvas"],"priority":1},"html":"<ul>\n<li>canvas里文本换行</li>\n<li>canvas里文本输入</li>\n</ul>"}},{"node":{"frontmatter":{"title":"JavaScript实现半色调打印的","publish":true,"cover":"http://anderoonies.github.io/projects/halftone/birdcomp.jpg","showCover":null,"date":"2022-06-12","category":"javascript","url":"http://anderoonies.github.io/projects/halftone/","author":"ANDY BAYER","translator":"","tags":["image"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Locofy：将 Figma 设计转换为React 代码","publish":true,"cover":"","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://www.locofy.ai/convert/figma-to-react","author":"@greweb","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"JavaScript 解释数学符号","publish":true,"cover":"https://runjs.app/static/blog/mathematics/piecewise-function.png","showCover":null,"date":"2022-06-12","category":"javascript","url":"https://runjs.app/blog/mathematical-notation-for-javascript-developers-explained","author":"HAAS LABS LTD","translator":"","tags":["mathmatic"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Apple 推出 M2处理器","publish":true,"cover":"https://www.apple.com/newsroom/images/live-action/wwdc-2022/Apple-WWDC22-M2-chip-CPU-perf-vs-power-01-220606_big.jpg.large_2x.jpg","showCover":null,"date":"2022-06-12","category":"other","url":"https://www.apple.com/newsroom/2022/06/apple-unveils-m2-with-breakthrough-performance-and-capabilities/","author":"Apple","translator":"","tags":["cpu"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"React 18 中的压力测试并发渲染 - startTransition 和 3D 渲染的案例研究","publish":true,"cover":"https://dawchihliou.github.io/optimized/articles/concurrent-react-18/perf-debounce.webp","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://dawchihliou.github.io/articles/stress-testing-concurrent-features-in-react-18","author":"Daw-Chih Liou","translator":"","tags":["react"],"priority":2},"html":"<p><a href=\"https://github.com/DawChihLiou/concurrent-react-stress-testing\">源码</a></p>"}},{"node":{"frontmatter":{"title":"KaTeX 数学字符排版","publish":true,"cover":"","showCover":null,"date":"2022-06-12","category":"javascript","url":"https://github.com/KaTeX/KaTeX","author":"KaTeX","translator":"","tags":["mathmatic"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"React-Markdown - 如何创建一个代码复制按钮","publish":true,"cover":"","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://www.construct.net/en/blogs/ashleys-blog-2/simple-software-things-1587","author":"Jay","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"ReactiveMaps 3.0 - 用于构建地理搜索 UI","publish":true,"cover":"https://cdn.hashnode.com/res/hashnode/image/upload/v1654174603198/HcTDl0R1S.png?auto=compress,format&format=webp","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://blog.reactivesearch.io/reactivemaps-3-0-release-geo-search-uis","author":"Reactive Search","translator":"","tags":["react"],"priority":1},"html":"<p>是<a href=\"https://github.com/appbaseio/reactivesearch\">reactive search项目</a>中的一个包</p>"}},{"node":{"frontmatter":{"title":"Planby：实现类似 EPG(electronic program guides 电子节目指南) 的时间线","publish":true,"cover":"https://raw.githubusercontent.com/karolkozer/planby/master/images/planby-tv-vod.png","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://github.com/karolkozer/planby","author":"Karolk","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"devops-exercises - devops实践合集","publish":true,"cover":"https://github.com/bregman-arie/devops-exercises/raw/master/images/elastic.png","showCover":null,"date":"2022-06-12","category":"devops","url":"https://github.com/bregman-arie/devops-exercises","author":"Arie Bregman","translator":"","tags":["exercise"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"dot - 虚拟摄像头注入deepfaker用于测试","publish":true,"cover":"https://github.com/sensity-ai/dot/raw/main/assets/dot_intro.gif","showCover":null,"date":"2022-06-12","category":"AI","url":"https://github.com/sensity-ai/dot","author":"sensity","translator":"","tags":["deekfake"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"accessibility的缩写a11y被注册为商标","publish":true,"cover":"https://adrianroselli.com/wp-content/uploads/2016/11/a11y-numeronym.png","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://adrianroselli.com/2016/11/a11y-accessibility.html#Update04","author":"Adrian Roselli","translator":"","tags":["accessibility"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"awesome-readme-template github README模板","publish":true,"cover":"https://github.com/Louis3797/awesome-readme-template/raw/main/assets/logo.png","showCover":null,"date":"2022-06-12","category":"javascript","url":"https://github.com/Louis3797/awesome-readme-template","author":"Louis","translator":"","tags":["readme"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"github终止atom项目","publish":true,"cover":"https://github.blog/wp-content/uploads/2022/06/Engineering-Product@2x.png?resize=2400%2C1260","showCover":null,"date":"2022-06-12","category":"other","url":"https://github.blog/2022-06-08-sunsetting-atom/","author":"github","translator":"","tags":["IDE"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"github官方教程 - skills.github.com","publish":true,"cover":"https://user-images.githubusercontent.com/1221423/156894097-ff2d6566-7b6a-4488-950e-f4ebe990965a.svg","showCover":null,"date":"2022-06-12","category":"devops","url":"https://skills.github.com/","author":"github","translator":"","tags":["git"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Timeline JS: - 创建杂志风格时间线工具","publish":true,"cover":"https://timeline.knightlab.com/static/img/make/publish_to_web_small.png","showCover":null,"date":"2022-06-12","category":"other","url":"https://timeline.knightlab.com/#make","author":"NORTHWESTERN UNIVERSITY KNIGHT LAB","translator":"","tags":["timeline"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"gl-react：简化 WebGL 着色器 - 支持react native","publish":true,"cover":"","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://github.com/gre/gl-react","author":"@greweb","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"plasmo - 浏览器扩展框架","publish":true,"cover":"https://camo.githubusercontent.com/dc1521c3c71c82dcf61af10f25f2c32d77b750703bf7dea7e20bcc0b9919bea6/68747470733a2f2f7777772e706c61736d6f2e636f6d2f6173736574732f706c61736d6f2d636c692d64656d6f2e676966","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://github.com/PlasmoHQ/plasmo","author":"Plasmo","translator":"","tags":["browser extension"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"node-microtime - 获得微秒","publish":true,"cover":"","showCover":null,"date":"2022-06-12","category":"nodejs","url":"https://github.com/wadey/node-microtime","author":"Wade Simmons","translator":"","tags":["microseconds"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"javascript超声波支付实现","publish":true,"cover":"https://d33wubrfki0l68.cloudfront.net/7a53aa8548426257be6e76741015aeab189249c3/893e1/sound-animation.gif","showCover":null,"date":"2022-06-12","category":"javascript","url":"https://charliegerard.dev/blog/ultrasonic-payments/","author":"CHARLIE GERARD","translator":"","tags":["ultrasonic"],"priority":2},"html":"<p>并不是新技术， 使用 <a href=\"https://github.com/quiet/quiet-js/\">https://github.com/quiet/quiet-js/</a>  传输数据</p>"}},{"node":{"frontmatter":{"title":"qnm - node_modules查询工具","publish":true,"cover":"https://user-images.githubusercontent.com/11733036/149247765-74247703-a7ce-4476-9b2e-7be31d4d672e.png","showCover":null,"date":"2022-06-12","category":"nodejs","url":"https://github.com/ranyitz/qnm","author":"Ran Yitzhaki","translator":"","tags":["accessibility"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"react-pin-field - pin码输入组件","publish":true,"cover":"https://user-images.githubusercontent.com/10437171/70847884-f9d35f00-1e69-11ea-8152-1c70eda12137.gif","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://github.com/soywod/react-pin-field","author":"Clément DOUIN","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-chartjs-2 - chartjs的react封装","publish":true,"cover":"https://github.com/reactchartjs/react-chartjs-2/raw/master/website/static/img/logo.svg","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://github.com/reactchartjs/react-chartjs-2","author":"reactchartjs","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-text-transition - 文本改变动画","publish":true,"cover":"https://raw.githubusercontent.com/WinterCore/react-text-transition/master/example-gifs/example.gif","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://github.com/WinterCore/react-text-transition","author":"WinterCore","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"math.gl - 专注于3d和webgl的数学库","publish":true,"cover":"","showCover":null,"date":"2022-06-12","category":"javascript","url":"https://github.com/uber-web/math.gl","author":"Uber Web","translator":"","tags":["3d"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"动画库比较","publish":true,"cover":"","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://www.sitepoint.com/our-top-9-animation-libraries/","author":"Adrian Roselli","translator":"","tags":["animation"],"priority":1},"html":"<ul>\n<li>简单的用Animate.css</li>\n<li>复杂的用GreenSock和AnimeJS</li>\n<li>矢量的用Lottie</li>\n</ul>"}},{"node":{"frontmatter":{"title":"在 iPhone、iPad 和其他 iDevice 上安装 Linux","publish":true,"cover":"https://konradybcio.pl/images/ipadlinux.jpg","showCover":null,"date":"2022-06-12","category":"mobile","url":"https://konradybcio.pl/linuxona7/","author":"Konrad Dybcio","translator":"","tags":["ios"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"scale8 - 开源网站分析工具","publish":true,"cover":"https://camo.githubusercontent.com/6bd377de28cb7da3500d1cf28b52da61d9b042601cc5ad55be0ea619e4c4e1db/68747470733a2f2f7363616c65382e636f6d2f696d672f6c6f676f2e706e67","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://github.com/scale8/scale8","author":"Scale8","translator":"","tags":["website"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"spectaql - 生成静态graphql 文档","publish":true,"cover":"https://github.com/anvilco/spectaql/raw/main/static/SpectaQL.png","showCover":null,"date":"2022-06-12","category":"nodejs","url":"https://github.com/anvilco/spectaql","author":"Anvil","translator":"","tags":["graphql"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"在线删除图片背景工具","publish":true,"cover":"https://clipdrop.co/remove-background/_next/image?url=%2Fremove-background%2F_next%2Fstatic%2Fmedia%2Fresult-use-cases-0.a04f75eb.png&w=384&q=75","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://clipdrop.co/remove-background","author":"clipdrop.co","translator":"","tags":["tool"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"shotcut - 免费开源跨平台视频编辑软件","publish":true,"cover":"https://www.shotcut.org/assets/img/screenshots/Shotcut-18.11.18.png","showCover":null,"date":"2022-06-12","category":"tool","url":"https://www.shotcut.org/","author":"MLT Framework","translator":"","tags":["video"],"priority":2},"html":"<p><a href=\"https://github.com/mltframework/shotcut\">github项目</a></p>"}},{"node":{"frontmatter":{"title":"使用outputLatency在网页上同步音频和视频播放","publish":true,"cover":"https://web-dev.imgix.net/image/vvhSqZboQoZZN9wBvoXq72wzGAf1/p61K2S4Wye34OJn4XZOj.png?auto=format&w=1600","showCover":null,"date":"2022-06-12","category":"frontend","url":"https://web.dev/audio-output-latency/","author":"François Beaufort","translator":"","tags":["video"],"priority":1},"html":"<p><a href=\"https://wc-talk.netlify.app/simple_video_player.html\">demo</a> 和 <a href=\"https://github.com/chcunningham/wc-talk\">源码</a> </p>"}},{"node":{"frontmatter":{"title":"开源项目替代方案搜索","publish":true,"cover":"","showCover":null,"date":"2022-06-12","category":"tool","url":"https://www.opensourcealternative.to/","author":"opensourcealternative.to","translator":"","tags":["opensource"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"嵌入式系统入门指南","publish":true,"cover":"https://images.ctfassets.net/rqv1fsh1kwvt/2aEI32lYJeBBNz4rk9nBZ2/23fa80b5d214b14aad9ba70f50b3a03d/umberto-jXd2FSvcRr8-unsplash.jpg?w=2360&h=1574&q=50&bg=rgb%3A000000","showCover":null,"date":"2022-06-12","category":"embeded","url":"https://yinka.dev/blog/a-guide-to-getting-started-with-embedded-systems","author":"yinka.","translator":"","tags":["circuit"],"priority":1},"html":""}}]}}