{"pageContext":{"index":10,"total":364,"name":"2019-07-14","items":[{"node":{"frontmatter":{"title":"Doom3游戏完整的转到WebAssembly","publish":true,"cover":"https://dhewm3.org/dhewm3-linux.jpg","showCover":true,"date":"2019-07-10","category":"frontend","url":"https://www.infoq.com/news/2019/07/doom3-web-assembly-port/","author":"Bruno Couriol 摘译 Ka","translator":"","tags":["game"],"priority":2},"html":"<p>Gabriel Cuvillier 全职花了整整 7 周将 Doom3 转移到 WebAssembly 上运行。\n<a href=\"http://wasm.continuation-labs.com/d3demo/\">在线 Demo</a></p>\n<p>另外一个 <a href=\"http://wasm.continuation-labs.com/arxdemo/\">3d demo</a></p>\n<p>Gabriel Cuvillier 认为：</p>\n<ul>\n<li>最大的挑战是之前的同步调用现在要切换成一异步调用，总体来说，使用起来依然很复杂</li>\n<li>WebAssembly 热闹了很多时，很多人称赞，然而实际运用的例子很少</li>\n<li>Doom3 是第一个将 <a href=\"https://en.wikipedia.org/wiki/AAA_(video_game_industry)\">AAA</a> 游戏完整转移到 WebAssembly 的，为的是实际检验 WebAssembly 到底怎么样</li>\n<li>目前来讲 WebAssembly 是个比较复杂的技术栈，而且仍在在快速发展，这也是至今没有一本保持技术新鲜度和深度的相关书籍的原因</li>\n</ul>"}},{"node":{"frontmatter":{"title":"AWS Control Tower 发布，预设多账户配置，让 AWS 账户管理更简单","publish":true,"cover":"","showCover":true,"date":"2019-07-11","category":"devops","url":"https://amazonaws-china.com/cn/blogs/aws/amazon-aurora-postgresql-serverless-now-generally-available/","author":"AWS 编辑 Ka","translator":"","tags":["aws"],"priority":1},"html":"<p>AWS Control Tower 可自动设置基准环境或登录区，这是安全且架构完善的多账户 AWS 环境。登录区的配置是基于我们与数千位企业客户以创建安全环境为目标合作构建的最佳实践，支持您更轻松地使用安全性、运营和合规性规则管理 AWS 工作负载。</p>\n<p>当然，此功能不收取任何费用。</p>"}},{"node":{"frontmatter":{"title":"Quasar Framework 1.0.0 发布，基于 vue.js 的开源框架","publish":true,"cover":"https://oscimg.oschina.net/oscnet/bb524cd1d630c7600d9377ac6ad525cbe1b.jpg","showCover":true,"date":"2019-07-10","category":"frontend","url":"https://www.oschina.net/news/107986/quasar-framework-1-0-0-released","author":"afterer@OSCHINA","translator":"","tags":["vue"],"priority":2},"html":"<p>Quasar 是基于 vue.js 的开源框架，可以快速创建具有多种风格的响应+网站/应用程序。</p>\n<p>Quasar 的座右铭是，编写一次代码，同时将其部署为网站、移动应用程序和/或电子应用程序。它们都有一个代码库，通过使用最先进的 cli 并以最佳实践为后盾，帮助开发者在最短时间内开发应用程序，快速的 Quasar Web 组件。</p>\n<blockquote>\n<p>居然连桌面端 electron 都支持，唯一的不足是不支持微信小程序</p>\n</blockquote>"}},{"node":{"frontmatter":{"title":"React Native 0.60.2 发布，带来全新 JS 引擎 Hermes","publish":true,"cover":"","showCover":true,"date":"2019-07-11","category":"frontend","url":"https://www.oschina.net/news/108200/react-native-0-60-2-released","author":"h4cd@OSCHINA","translator":"","tags":["react native"],"priority":1},"html":"<p>Hermes 是一款小巧轻便的 JavaScript 引擎，针对在 Android 上运行 React Native 进行了优化。对于许多应用程序，只需启用 Hermes 即可缩短启动时间、减少内存使用量并缩小应用程序大小，此外因为它采用 JavaScript 标准实现，所以很容易在 React Native 应用中集成。</p>"}},{"node":{"frontmatter":{"title":"abcjs-乐谱显示播放框架","publish":true,"cover":"https://camo.githubusercontent.com/5bac047920f61546de0b3b68607f88bb83551174/68747470733a2f2f63646e2e7261776769742e636f6d2f7061756c726f73656e2f6162636a732f6d61737465722f646f63732f6162636a735f636f6d705f657874656e6465645f30382e737667","showCover":true,"date":"2019-07-11","category":"frontend","url":"https://github.com/paulrosen/abcjs","author":"Paul Rosen","translator":"","tags":["music"],"priority":1},"html":"<p>可以显示乐谱，也可以演奏乐谱。太喜欢了。</p>\n<p><a href=\"https://abcjs.net/abcjs-editor.html\">在线 Demo</a></p>"}},{"node":{"frontmatter":{"title":"amazon-aurora serverless 现在支持 postgres","publish":true,"cover":"https://d2908q01vomqb2.awsstatic-china.com/da4b9237bacccdf19c0760cab7aec4a8359010b0/2019/07/10/aurora-serverless-postgresql-10-7.png","showCover":true,"date":"2019-07-11","category":"database","url":"https://amazonaws-china.com/cn/blogs/aws/amazon-aurora-postgresql-serverless-now-generally-available/","author":"AWS 编辑 Ka","translator":"","tags":["postgres"],"priority":1},"html":"<p>amazon-aurora serverless 支持 mysql 已有一年，现在基本上支持 postgres。</p>\n<p>借助 <a href=\"https://amazonaws-china.com/cn/rds/aurora/serverless/\">Aurora Serverless</a>，您只需创建数据库终端节点，有选择地指定所需的数据库容量范围，然后连接您的应用程序。您需要在数据库处于活动状态期间按照每秒使用的数据库容量进行付费，并且只需在 Amazon RDS 管理控制台中单击几下即可在标准配置和无服务器配置之间进行迁移。</p>"}},{"node":{"frontmatter":{"title":"bash 幂等性技巧列表","publish":true,"cover":"","showCover":true,"date":"2019-07-08","category":"devops","url":"https://arslan.io/2019/07/03/how-to-write-idempotent-bash-scripts/","author":"Fatih Arslan 编辑 Ka","translator":"","tags":["bash"],"priority":1},"html":"<h3 id=\"使用-touch-创建文件如果存在不会修改（待时会更新修改日期）\"><a href=\"#%E4%BD%BF%E7%94%A8-touch-%E5%88%9B%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A6%82%E6%9E%9C%E5%AD%98%E5%9C%A8%E4%B8%8D%E4%BC%9A%E4%BF%AE%E6%94%B9%EF%BC%88%E5%BE%85%E6%97%B6%E4%BC%9A%E6%9B%B4%E6%96%B0%E4%BF%AE%E6%94%B9%E6%97%A5%E6%9C%9F%EF%BC%89\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>使用 touch 创建文件,如果存在不会修改（待时会更新修改日期）</h3>\n<p><code class=\"language-text\">touch example.txt</code></p>\n<h3 id=\"创建文件夹--p-不会报错，且会创建父文件夹（如果不存在的话）\"><a href=\"#%E5%88%9B%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9--p-%E4%B8%8D%E4%BC%9A%E6%8A%A5%E9%94%99%EF%BC%8C%E4%B8%94%E4%BC%9A%E5%88%9B%E5%BB%BA%E7%88%B6%E6%96%87%E4%BB%B6%E5%A4%B9%EF%BC%88%E5%A6%82%E6%9E%9C%E4%B8%8D%E5%AD%98%E5%9C%A8%E7%9A%84%E8%AF%9D%EF%BC%89\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>创建文件夹 -p 不会报错，且会创建父文件夹（如果不存在的话）</h3>\n<p><code class=\"language-text\">mkdir -p mydir</code></p>\n<h3 id=\"使用-f--n-参数创建链接\"><a href=\"#%E4%BD%BF%E7%94%A8-f--n-%E5%8F%82%E6%95%B0%E5%88%9B%E5%BB%BA%E9%93%BE%E6%8E%A5\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>使用-f -n 参数创建链接</h3>\n<p><code class=\"language-text\">ln -sfn source target</code></p>\n<h3 id=\"使用-f-删除文件，-如果不存在不会报错\"><a href=\"#%E4%BD%BF%E7%94%A8-f-%E5%88%A0%E9%99%A4%E6%96%87%E4%BB%B6%EF%BC%8C-%E5%A6%82%E6%9E%9C%E4%B8%8D%E5%AD%98%E5%9C%A8%E4%B8%8D%E4%BC%9A%E6%8A%A5%E9%94%99\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>使用-f 删除文件， 如果不存在不会报错</h3>\n<p><code class=\"language-text\">rm -f file</code></p>\n<h3 id=\"判断文件是否有字符串\"><a href=\"#%E5%88%A4%E6%96%AD%E6%96%87%E4%BB%B6%E6%98%AF%E5%90%A6%E6%9C%89%E5%AD%97%E7%AC%A6%E4%B8%B2\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>判断文件是否有字符串</h3>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token keyword\">if</span> <span class=\"token operator\">!</span> <span class=\"token function\">grep</span> -qF <span class=\"token string\">\"/mnt/dev\"</span> /etc/fstab<span class=\"token punctuation\">;</span> <span class=\"token keyword\">then</span>\n  <span class=\"token keyword\">echo</span> <span class=\"token string\">\"/dev/sda1 /mnt/dev ext4 defaults 0 0\"</span> <span class=\"token operator\">|</span> <span class=\"token function\">sudo</span> <span class=\"token function\">tee</span> -a /etc/fstab\n<span class=\"token keyword\">fi</span></code></pre></div>\n<p>-q 安静模式\n-F 打开 fixed string</p>\n<h3 id=\"判断文件属性\"><a href=\"#%E5%88%A4%E6%96%AD%E6%96%87%E4%BB%B6%E5%B1%9E%E6%80%A7\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>判断文件属性</h3>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token keyword\">if</span> <span class=\"token punctuation\">[</span> <span class=\"token operator\">!</span> -f <span class=\"token string\">\"/etc/conf/foo.txt\"</span> <span class=\"token punctuation\">]</span><span class=\"token punctuation\">;</span> <span class=\"token keyword\">then</span>\n <span class=\"token keyword\">echo</span> <span class=\"token string\">\"complex set of rules\"</span> <span class=\"token operator\">></span> /etc/conf/foo.txt\n<span class=\"token keyword\">fi</span></code></pre></div>\n<p>-f: 文件是否存在\n-d: 是否是文件夹\n-z: 是否空字符串\n-p: 管道\n-x: 文件是否有执行权限</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token comment\"># 判断文件是否已安装，若没有才安装</span>\n<span class=\"token keyword\">if</span> <span class=\"token operator\">!</span> <span class=\"token punctuation\">[</span> -x <span class=\"token string\">\"<span class=\"token variable\"><span class=\"token variable\">$(</span><span class=\"token function\">command</span> -v <span class=\"token function\">op</span><span class=\"token variable\">)</span></span>\"</span> <span class=\"token punctuation\">]</span><span class=\"token punctuation\">;</span> <span class=\"token keyword\">then</span>\n  <span class=\"token function\">export</span> OP_VERSION<span class=\"token operator\">=</span><span class=\"token string\">\"v0.5.6-003\"</span>\n  <span class=\"token function\">curl</span> -sS -o 1password.zip https://cache.agilebits.com/dist/1P/op/pkg/<span class=\"token variable\">${OP_VERSION}</span>/op_linux_amd64_<span class=\"token variable\">${OP_VERSION}</span>.zip\n  unzip 1password.zip <span class=\"token function\">op</span> -d /usr/local/bin\n  <span class=\"token function\">rm</span> -f 1password.zip\n<span class=\"token keyword\">fi</span></code></pre></div>\n<h3 id=\"加载设备-mountpoint-判断是否已加载\"><a href=\"#%E5%8A%A0%E8%BD%BD%E8%AE%BE%E5%A4%87-mountpoint-%E5%88%A4%E6%96%AD%E6%98%AF%E5%90%A6%E5%B7%B2%E5%8A%A0%E8%BD%BD\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>加载设备 mountpoint 判断是否已加载</h3>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token keyword\">if</span> <span class=\"token operator\">!</span> mountpoint -q <span class=\"token string\">\"<span class=\"token variable\">$DATA_DIR</span>\"</span><span class=\"token punctuation\">;</span> <span class=\"token keyword\">then</span>\n  <span class=\"token function\">mount</span> -o discard,defaults,noatime <span class=\"token string\">\"<span class=\"token variable\">$VOLUME_NAME</span>\"</span> <span class=\"token string\">\"\\<span class=\"token variable\">$DATA_DIR</span>\"</span>\n<span class=\"token keyword\">fi</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"blobcity-datalakes竞争者，支持更多格式并且支持ACID","publish":true,"cover":"","showCover":true,"date":"2019-07-11","category":"database","url":"https://github.com/blobcity/db","author":"blobcity 编辑 Ka","translator":"","tags":["datalake"],"priority":1},"html":"<p>兼容 NoSQL,支持 SQL DML,Java stored proced。</p>\n<ul>\n<li>内存模式支持实时分析</li>\n<li>磁盘模式则标的 DataLakes 相关功能</li>\n</ul>"}},{"node":{"frontmatter":{"title":"chrome 正实现在其 toolbar 上添加全局暂停播放媒体按钮","publish":true,"cover":"https://zdnet1.cbsistatic.com/hub/i/2019/07/05/4849a016-5a5a-43e5-8117-175ecd93bf3a/d7dedaef542ccfc8b59778732bf0487e/chrome-play-pause-button-toolbar.png","showCover":true,"date":"2019-07-11","category":"frontend","url":"https://www.zdnet.com/article/google-chrome-to-get-a-video-playpause-button-on-the-toolbar/","author":"Catalin Cimpanu","translator":"","tags":["chrome"],"priority":1},"html":"<p>这个新特性称之为 Global Media Controls (GMC),全局媒体控制器。</p>"}},{"node":{"frontmatter":{"title":"deno到底是什么？","publish":true,"cover":"https://deno.land/images/deno_logo_2.gif","showCover":true,"date":"2019-07-11","category":"nodejs","url":"https://blog.kazge.com/javascript/nodejs/2019/07/11/zh-what-is-deno/","author":"Ka","translator":"","tags":["deno"],"priority":2},"html":"<ul>\n<li>Deno 想要是一种轻巧的可做科学计算的 javascript 运行时。</li>\n<li>Deno 想要像 python 那样，随便放到哪里都可以方便的运行，不需要臃肿的依赖，一个文件就可以运行。</li>\n<li>要保证安全。</li>\n</ul>"}},{"node":{"frontmatter":{"title":"使用 verdaccio 发布本地 npm 包","publish":true,"cover":"","showCover":true,"date":"2019-07-08","category":"nodejs","url":"https://blog.kazge.com/nodejs/2019/07/07/zh-setup-local-npm-repo/","author":"Ka","translator":"","tags":["npm"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"小巧酷炫的react加载动画组件","publish":true,"cover":"https://user-images.githubusercontent.com/25751050/57149864-5f8c4280-6dd5-11e9-9347-a0b37dc50437.gif","showCover":true,"date":"2019-07-11","category":"frontend","url":"https://github.com/tienpham94/react-awesome-spinners","author":"Tien Pham","translator":"","tags":["react"],"priority":1},"html":"<p><a href=\"https://tienpham94.github.io/react-awesome-spinners/?path=/story/spinners--hourglass\">在线 demo</a></p>"}},{"node":{"frontmatter":{"title":"尝鲜css4列表marker和计数器","publish":true,"cover":"","showCover":true,"date":"2019-07-11","category":"frontend","url":"https://www.smashingmagazine.com/2019/07/css-lists-markers-counters/","author":"Rachel Andrew 摘译 Ka","translator":"","tags":["css"],"priority":1},"html":"<h2 id=\"marker可以设置列表标记的样式。可让有序列表ol表现和无需列表ul一样\"><a href=\"#marker%E5%8F%AF%E4%BB%A5%E8%AE%BE%E7%BD%AE%E5%88%97%E8%A1%A8%E6%A0%87%E8%AE%B0%E7%9A%84%E6%A0%B7%E5%BC%8F%E3%80%82%E5%8F%AF%E8%AE%A9%E6%9C%89%E5%BA%8F%E5%88%97%E8%A1%A8ol%E8%A1%A8%E7%8E%B0%E5%92%8C%E6%97%A0%E9%9C%80%E5%88%97%E8%A1%A8ul%E4%B8%80%E6%A0%B7\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::marker\">::marker</a>可以设置列表标记的样式。可让有序列表(ol)表现和无需列表(ul)一样</h2>\n<iframe height=\"265\" style=\"width: 100%;\" scrolling=\"no\" title=\"Smashing: colored bullets with and without ::marker\" src=\"//codepen.io/rachelandrew/embed/VJQyoR/?height=265&theme-id=0&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen <a href='https://codepen.io/rachelandrew/pen/VJQyoR/'>Smashing: colored bullets with and without ::marker</a> by rachelandrew\n  (<a href='https://codepen.io/rachelandrew'>@rachelandrew</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>\n<p>可以让 h 标签加上 marker</p>\n<iframe height=\"265\" style=\"width: 100%;\" scrolling=\"no\" title=\"Smashing heading and ::marker\" src=\"//codepen.io/rachelandrew/embed/wLyyMG/?height=265&theme-id=0&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen <a href='https://codepen.io/rachelandrew/pen/wLyyMG/'>Smashing heading and ::marker</a> by rachelandrew\n  (<a href='https://codepen.io/rachelandrew'>@rachelandrew</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>\n<h2 id=\"使用-css-计数器\"><a href=\"#%E4%BD%BF%E7%94%A8-css-%E8%AE%A1%E6%95%B0%E5%99%A8\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><a href=\"https://www.smashingmagazine.com/2019/07/css-lists-markers-counters/\">使用 css 计数器</a></h2>\n<p>主要涉及到</p>\n<ul>\n<li><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/counter-set\">counter-set</a></li>\n<li><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/counter-reset\">counter-reset</a></li>\n<li><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/counter-increment\">counter-increment</a></li>\n</ul>\n<p>纯 css 实现的</p>\n<iframe height=\"265\" style=\"width: 100%;\" scrolling=\"no\" title=\"Smashing counting required form fields\" src=\"//codepen.io/rachelandrew/embed/vqpJdM/?height=265&theme-id=0&default-tab=css,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen <a href='https://codepen.io/rachelandrew/pen/vqpJdM/'>Smashing counting required form fields</a> by rachelandrew\n  (<a href='https://codepen.io/rachelandrew'>@rachelandrew</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>"}},{"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://apps.apple.com/us/app/aero-egg/id1247264387?ls=1","author":"广告","translator":"","tags":["ads"],"priority":3},"html":""}},{"node":{"frontmatter":{"title":"日志保存多久合适","publish":true,"cover":"","showCover":true,"date":"2019-07-08","category":"devops","url":"https://medium.com/anton-on-security/retaining-logs-for-a-year-boring-or-useful-70ea21fa3dda","author":"Anton Chuvakin 编辑 Ka","translator":"","tags":["logs"],"priority":1},"html":"<p>虽然很麻烦，还是建议保存一年，现在流行的半年保存期有时候并不合适。</p>"}},{"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":3},"html":""}},{"node":{"frontmatter":{"title":"破纪录的单文件数据传输","publish":true,"cover":"https://2s7gjr373w3x22jf92z99mgm5w-wpengine.netdna-ssl.com/wp-content/uploads/2018/11/Summit-300x169.png","showCover":true,"date":"2019-07-10","category":"database","url":"https://www.datanami.com/2019/07/10/argonne-team-makes-largest-single-file-transfer-in-history/","author":"Oliver Peckham 摘译 Ka","translator":"","tags":["file"],"priority":2},"html":"<p>Argonne 国家实验室的一个团队完成了使用 Globus 服务将三个宇宙学模拟数据文件传输到新地点的任务。这三个文件每个都将近 3 拍字节(petabytes 千万亿字节)。</p>"}}]}}