发现并分享有趣，有创意，免费、好用的工具，每周四发布。由 BestXTools 创作。 上一期内容 | 往期内容 | RSS 订阅 | 邮箱订阅 | 微信订阅 | 工具推荐 | 评论 🌈 在线工具 JSON Hero 一款超级强大的 JSON 可视化工具。支持多种视图模式、搜索功能、多种数据类型的预览（日期、图片、颜色、链接等）。 链接: https://jsonhero.io/ 源码: https://github.com/jsonhero-io/jsonhero-web ASCII Art Paint 一款在线 ASCII 艺术图像编辑器。 链接: https://kirilllive.github.io/tuesday-js/tools/ascii_paint.html 备用链接…

·a元素实现网页内部跳转 创建内部链接，要将链接的href属性值设置为一个哈希符号"#"加上要内部链接的元素id,同时要将id属性加到链接的元素（id值在一个页面中唯一）。 target="_self",在原页面打开链接； target="_blank",在新页面打开链接，形成父子页面关系。 ·将a嵌套在段落里 <p>View more <a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a> </p> ·用#号来创建链接占位符 href="#" ·给…

前天惊闻 GitHub 宣布将于年底封存 Atom 编辑器，也就是正式放弃了这个项目，我一时间思绪万千。 我从 2014 年开始使用 Atom 编辑器，至今已经快要 8 年。在 Atom 发布早期，我还为它提过 Issue，可以说见证着它的成长。在使用的过程中，我对 Atom 一直很满意，它伴随我写了很多的代码和博客。 GitHub 放弃这个项目并不让人意外，自从被微软收购后，Atom 的开发便陷入停滞，因为微软旗下有另一个与之竞争…

Golang 语言语法中，错误处理机制是一个非常有特色的设计，它是基于防御性编程思想的设计。不过今天这篇文章不讨论 Golang 错误处理的语法设计问题，相反，今天想思考的是，Golang 里的错误日志应该怎样处理以及打印比较好。 Golang 中错误处理和日志打印的 5 点建议 使用错误栈的方式； 使用逻辑栈信息，而非代码调用栈； 使用 fmt.Errorf，不用 pkg/errors 第三方模块； 避免使用依赖标准库 fmt 格式化字符串的日志方法； 转换外部错误，基于内部错误…

https://www.procustodibus.com/blog/2021/03/wireguard-allowedips-calculator/ example ranges to be excluded: 0.0.0.0/8, 10.0.0.0/8, 100.64.0.0/10, 127.0.0.0/8, 169.254.0.0/16, 172.16.0.0/12, 192.168.0.0/16, 240.0.0.0/3 OpenBSD version. use with pfctl -ef FILENAME. you may wish to block all connection without port < 1023 rule. table <ip_range> { 1.0.0.0/8, 2.0.0.0/7, 4.0.0.0/6, 8.0.0.0/7, 11…

发现并分享有趣，有创意，免费、好用的工具，每周四发布。由 BestXTools 创作。 上一期内容 | 往期内容 | RSS 订阅 | 邮箱订阅 | 微信订阅 | 工具推荐 | 评论 🌈 在线工具 Git History 一款在线查看文件修改的历史记录的工具。同时支持浏览器插件，VSCode 插件，命令行工具，体验非常不错。 链接: https://githistory.xyz/ 源码: https://github.com/pomber/git-history Arya - 在线 Markdown 编辑器 一款基于 Vue、Vditor，所构建的在线 Markdown 编辑器，支持绘制流程图、甘特图、时序图、任务列表、echarts 图表、五线谱…

2022年6月18日——2022年6月26日 制作404 page、About Page、Single Post页面 斜体标签： 1、“i”标签，语法为<i>斜体</i>，i标签定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本； 2、“em”标签，语法为<em>倾斜</em>，em标签是一个短语标签，用来呈现被强调的文本为斜体。 加粗标签： 用<b>?</b>（粗体）or<strong>?</strong>（强调）标签将需要加粗…

nohup启动后端和前端项目，页面过一段会突然502了，解决方法是用nohup启动后，需要再执行exit退出当前控制台

# unused dns upstream # nserver 2606:4700:4700::1001 nscache 65536 nscache6 65536 # windows # service # linux # daemon auth iponly # target filter deny * * 127.0.0.1,192.168.0.0/16,fe80::/64 # port filter, 80,443,5222-5228 only deny * * * 1-79,81-442,444-5221,5229-65535 HTTP,HTTP_CONNECT # source filter allow * 192.168.1.0/24,fe80::/64 # dont ask passwd deny * # linux: -s0 to disable splice. -olSO_REUSEADDR,SO_REUSEPORT # linux: listen on ipv6 may need -olIPV6_V6ONLY proxy -p8886 -64 -a -ocTCP_NODELAY -osTCP_NODELAY -i0.0.0.0 -e0.0.0.0 -e:: proxy…

遇到的问题 Step 26/47 : RUN --mount=type=cache,id=dev-apt-cache,sharing=locked,target=/var/cache/apt --mount=type=cache,id=dev-apt-lib,sharing=locked,target=/var/lib/apt apt-get update -qq && apt-get install --no-install-recommends -y ${DEV_PACKAGES} && rm -rf /var/lib/apt/lists /var/cache/apt/archives DEBUG result image:<nil> error:error building: error rendering build status stream: the --mount option requires BuildKit. Refer to https://docs.docker.com/go/buildkit/ to learn how to build images with BuildKit enabled Error failed to fetch an image or build from source: error…

动机 我不是键盘狂热者，只是个人是比较偏向于全键盘操作，至于鼠标键盘之间的效率问题，某些方面讲也是仁者见仁，智者见智的，推荐一下这篇文章： 使用鼠标可以提升编程效率吗? | NIL。我认为键盘操作比起鼠标操作更能容忍高延迟的屏幕显示，也认可光标到达目标控件前的移动距离确实低效。不过，即便如今键盘操作能覆盖我八九成的工作场景，鼠标操作仍作为一种手段的方法而时常故意为之。 对我而言最大的困扰其实…

转眼间，GeekNote 已经开放一周年了。在这一年间，网站获得了 935 名注册用户和 264 篇发表的文章。 不过这个数字并不乐观，直观的感受是网站活跃度一直在下降，近一个月只有个位数的人在用了。 这个事实让我不得不重新思考网站的发展方向。 网站定位 有一个问题其实一直未能表达清楚，那就是 GeekNote 是什么。他有点像博客，但是又缺乏博客的个性化选项；域名有个 Note，但是又缺乏笔记应用应有的分类归档功能。 今后这个问题…

在表单提交表单后，在控制台看到有如下的请求日志： Started POST "/posts" for ::1 at 2022-07-16 22:00:44 +0800 Processing by PostsController#create as TURBO_STREAM 第一个问题：TURBO_STREAM 请求是什么？它是怎么样产生的？怎么样利用它？ 通过 Chrome 开发工具检查一下提交表单时的动作。通过观察发现请求头中的Accpet项是这样的： Accept: text/vnd.turbo-stream.html, text/html, application/xhtml+xml 也就是说浏览器发起的请求头　Accept项中如果包含有　“text/vnd.turbo-stream.html”，那么 Rails 控件器会…

问题 在实现 UI 组件的时候，有时候需要借助 JavaScript 实现状态触发，例如 Dropdown，Dialog。在我自用的 Material UI 库中，之前是借助 Stimulus 框架实现的，它的 HTML 内容是这样： <div class="dropdown" data-controller="dropdown"> <button type="button" data-action="dropdown#toggle">Button</button> ... </div> JS 内容只是添加一个 CSS class： // dropdown_controller.js import { Controller } from "@hotwired/stimulus" export default class extends Controller { toggle() { this.element.classList.toggle('dropdown--open') } } 在使用的时候，必须引用库的 JavaScript 部分，这…

1.使用数组存储不同类型的数据 let yourArray=["one","two",1,2,true] 2.使用方括号（索引）访问数组的元素 let myArray = ["a", "b", "c", "d"]; myArray[1]="b to e" 3.使用 push() 和 unshift() 为数组添加元素 push() 方法会将元素插入到数组的末尾，而 unshift() 方法会将元素插入到数组的开头。 4.使用 pop() 和 shift() 从数组中删除元素 与插入元素相反，pop() 会从数组的末尾移除一个元素，而 shift() 会从数组的开头移除一个元素。 pop…

$process = Get-Process -Id $pid $process.PriorityClass = 'idle' get-item .\*.jpg | foreach-object -ThrottleLimit NUM_CORES -Parallel { cwebp.exe -metadata exif $_.FullName -o ("OUTPUTPATH" + $_.Name).replace('jpg','webp') } # if ((Get-Item -Path $b).length -eq 0) { } PowerShell 7 can be found on Microsoft Store: https://apps.microsoft.com/store/detail/powershell/9MZ1SNWT0N5D Get-ChildItem -recurse (-filter / -include), and $_.Fullname may be useful. Note: disable windows defender, explorer thumbnail for higher performance (SystemPropertiesAdvanced). reg add "HKCU\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced" /v "IconsOnly" /t Reg_DWord /d 00000001 /f reg add "HKCU\Software…

1.JS split() 方法 split() 方法用于把一个字符串分割成字符串数组。 eg:把一个字符串分割成字符串数组: var str="How are you doing today?"; var n=str.split(" "); n 输出一个数组的值: How,are,you,doing,today? 2.截取字符串 方法一:string.substring(from, to) 方法从 from 位置截取到 to 位置，to 可选，没有设置时默认到末尾。 方法二:substr() 方法可在字符串中截取从开始下标开始的指定数目的字符。 方法三:slice(start,end) 方法用于提取字符串的某个部分（从…

m.request() 的 API 目前定义如下： m.request({ method: ..., url: ..., body: ... }) .then(function(result) { // 2xx, 304 处理逻辑 }) .catch(functiuon(error) { // 其余状态码处理逻辑 }) 该 API 在响应状态码为 2xx 和 304 时，返回给前端程序员的是后端传过来的 JSON, 响应状态码本身以及响应头等其它信息都被丢掉了。所有其它状态码被当作请求失败，返回给前端程序员的是一个 Error 对象，其中包含响应体本身和响应状态码。 可能多数情况下这不是问题，但是如果前端在…

问题 现在搭建一个博客非常容易，但是很少有人关注技术博客应该怎么写。 通常来说，技术博客容易出现以下的问题： 内容篇幅太短，没有介绍问题的上下文环境，难以获得共鸣。 内容篇幅太长，从头到尾解释每一个细节，没有突出核心问题。 维护博客花费大量时间却没有得到相应的反馈，久而久之失去写作动力。 技术博客作为一种写作，是需要指引和练习的。那么是否有一份适合技术博客的写作指引呢？ 解决方案 前段时间我了解到一种叫食谱（Recipe）的文章风格，它把文章…

我从哪里来 近期浏览V2ex，看到一个帖子，随手点击来看看，觉得界面优雅，于是就开始尝试。 刚刚进行了又一次互联网的迁徙，再见简书 https://www.v2ex.com/t/868140 我要到哪里去 记得之前也是在简书写过几篇文章，后续就觉得创始人“故意恶心”程序员，便离开了。 后续尝试过自建，也试过别的平台。 就像是鸡蛋不能放在一个篮子里，接下来我会在个人博客和这个平台一起更新一些心得、感悟和小文章。