<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" version="2.0"><channel><title>玄近安 - 博客空间</title><link>https://blog.nearzeno.com</link><atom:link href="https://blog.nearzeno.com/rss.xml" rel="self" type="application/rss+xml"/><description>前端开发个人博客站点。</description><generator>Halo v2.25.2</generator><language>zh-cn</language><image><url>https://blog.nearzeno.com/upload/logo.png</url><title>玄近安 - 博客空间</title><link>https://blog.nearzeno.com</link></image><lastBuildDate>Thu, 18 Jun 2026 09:46:02 GMT</lastBuildDate><item><title><![CDATA[Tauri 2 中元素无法拖动问题解决]]></title><link>https://blog.nearzeno.com/archives/tauri-2-yuan-su-wu-fa-tuo-dong-wen-ti-jie-jue</link><description><![CDATA[<img src="https://blog.nearzeno.com/plugins/feed/assets/telemetry.gif?title=Tauri%202%20%E4%B8%AD%E5%85%83%E7%B4%A0%E6%97%A0%E6%B3%95%E6%8B%96%E5%8A%A8%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3&amp;url=/archives/tauri-2-yuan-su-wu-fa-tuo-dong-wen-ti-jie-jue" width="1" height="1" alt="" style="opacity:0;">问题 应用里使用了vue-draggable-plus作为拖拽库，但是却没有效果，在拖拽元素时拖拽图标还会变成ban图标，类似这种🚫。 解决 这时我们需要将tauri.conf.json文件中windows属性dragDropEnabled设置为false { ... "app": {]]></description><guid isPermaLink="false">/archives/tauri-2-yuan-su-wu-fa-tuo-dong-wen-ti-jie-jue</guid><dc:creator>玄近安</dc:creator><category>前端</category><pubDate>Wed, 8 Jan 2025 14:45:00 GMT</pubDate></item><item><title><![CDATA[解决1Panel在Ubuntu 24.04中SSH端口无法修改问题]]></title><link>https://blog.nearzeno.com/archives/jie-jue-1panelzai-ubuntu-24.0.4zhong-sshduan-kou-wu-fa-xiu-gai-wen-ti</link><description><![CDATA[<img src="https://blog.nearzeno.com/plugins/feed/assets/telemetry.gif?title=%E8%A7%A3%E5%86%B31Panel%E5%9C%A8Ubuntu%2024.04%E4%B8%ADSSH%E7%AB%AF%E5%8F%A3%E6%97%A0%E6%B3%95%E4%BF%AE%E6%94%B9%E9%97%AE%E9%A2%98&amp;url=/archives/jie-jue-1panelzai-ubuntu-24.0.4zhong-sshduan-kou-wu-fa-xiu-gai-wen-ti" width="1" height="1" alt="" style="opacity:0;">问题 表现：Ubuntu 24.04中1panel修改ssh端口（主机-&gt;SSH管理-&gt;基础配置端口修改），无法生效。 原因：Ubuntu 22.10 以上sshd 的监听任务转交给了 ssh socket，所以修改sshd_config 中的 Port 项无效。 解决方案 打开ssh.socket]]></description><guid isPermaLink="false">/archives/jie-jue-1panelzai-ubuntu-24.0.4zhong-sshduan-kou-wu-fa-xiu-gai-wen-ti</guid><dc:creator>玄近安</dc:creator><category>服务器</category><pubDate>Tue, 26 Nov 2024 17:04:15 GMT</pubDate></item><item><title><![CDATA[1Panel+FRP反向代理实现域名无端口访问内网]]></title><link>https://blog.nearzeno.com/archives/frp-1panelfan-xiang-dai-li-shi-xian-yu-ming-wu-duan-kou-fang-wen-nei-wang</link><description><![CDATA[<img src="https://blog.nearzeno.com/plugins/feed/assets/telemetry.gif?title=1Panel%2BFRP%E5%8F%8D%E5%90%91%E4%BB%A3%E7%90%86%E5%AE%9E%E7%8E%B0%E5%9F%9F%E5%90%8D%E6%97%A0%E7%AB%AF%E5%8F%A3%E8%AE%BF%E9%97%AE%E5%86%85%E7%BD%91&amp;url=/archives/frp-1panelfan-xiang-dai-li-shi-xian-yu-ming-wu-duan-kou-fang-wen-nei-wang" width="1" height="1" alt="" style="opacity:0;">目的 将内网的多个应用，从原来的多端口访问，改为现在的子域名访问（默认端口），以及用1Panel简单的实现HTTPS且自动续期。 例如： 原来： 博客服务：http://example.com:8090 或者 http://app.example.com:8090 云存储服务：http://exam]]></description><guid isPermaLink="false">/archives/frp-1panelfan-xiang-dai-li-shi-xian-yu-ming-wu-duan-kou-fang-wen-nei-wang</guid><dc:creator>玄近安</dc:creator><category>服务器</category><pubDate>Tue, 26 Nov 2024 16:59:05 GMT</pubDate></item><item><title><![CDATA[ES2022&2023特性一览]]></title><link>https://blog.nearzeno.com/archives/e5c8583f-b0f0-48b2-96b5-3b73de7b0be0</link><description><![CDATA[<img src="https://blog.nearzeno.com/plugins/feed/assets/telemetry.gif?title=ES2022%262023%E7%89%B9%E6%80%A7%E4%B8%80%E8%A7%88&amp;url=/archives/e5c8583f-b0f0-48b2-96b5-3b73de7b0be0" width="1" height="1" alt="" style="opacity:0;">2024/04更新：将ES2023标准特性补充完整 ECMAScript 2022 标准 class fields 类相关特性的集合 private instance methods and accessors 私有实例方法和访问器 class People { name = "zhangsan]]></description><guid isPermaLink="false">/archives/e5c8583f-b0f0-48b2-96b5-3b73de7b0be0</guid><dc:creator>玄近安</dc:creator><enclosure url="https://blog.nearzeno.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=%2Fupload%2Fimage1-1-zuvu.webp&amp;size=m" type="image/jpeg" length="85466"/><category>前端</category><pubDate>Fri, 17 Jun 2022 14:44:00 GMT</pubDate></item><item><title><![CDATA[基于Taro 3的图片上传组件实现]]></title><link>https://blog.nearzeno.com/archives/5f44a43c-c547-4718-b4cb-7a5160359f2f</link><description><![CDATA[<img src="https://blog.nearzeno.com/plugins/feed/assets/telemetry.gif?title=%E5%9F%BA%E4%BA%8ETaro%203%E7%9A%84%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%E7%BB%84%E4%BB%B6%E5%AE%9E%E7%8E%B0&amp;url=/archives/5f44a43c-c547-4718-b4cb-7a5160359f2f" width="1" height="1" alt="" style="opacity:0;">前言 在19年写过一篇关于图片上传组件实现的文章（已删除），但是考虑到Taro的版本变更，及当年技术的不成熟，代码上有许多错漏及让人疑惑的地方，所以对原来的版本进行了一个查漏补缺，并将完整的代码贴出来。 本例只做一个简单的基于Taro的图片上传组件的实现，使用Taro来做跨端处理，这里主要以微信小程]]></description><guid isPermaLink="false">/archives/5f44a43c-c547-4718-b4cb-7a5160359f2f</guid><dc:creator>玄近安</dc:creator><enclosure url="https://blog.nearzeno.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=%2Fupload%2Fcloud-2044823_150.png&amp;size=m" type="image/jpeg" length="54300"/><category>小程序</category><pubDate>Fri, 3 Sep 2021 15:19:00 GMT</pubDate></item><item><title><![CDATA[规范Git-Commit-Message]]></title><link>https://blog.nearzeno.com/archives/2591aef8-f802-4bc4-b66d-773e106d9853</link><description><![CDATA[<img src="https://blog.nearzeno.com/plugins/feed/assets/telemetry.gif?title=%E8%A7%84%E8%8C%83Git-Commit-Message&amp;url=/archives/2591aef8-f802-4bc4-b66d-773e106d9853" width="1" height="1" alt="" style="opacity:0;">前言 git想必大家都不陌生，基本上是作为现代开发的必备工具之一。代码同步快捷方便，分支无缝切换，在代码管理上无出其右。 然而你用的有多爽，代价就有多痛。 想当年大片大片的no message，update，commit，那也是相当壮观，找个代码花点时间那也不在话下。 但是随着前端越来越趋近工程话，]]></description><guid isPermaLink="false">/archives/2591aef8-f802-4bc4-b66d-773e106d9853</guid><dc:creator>玄近安</dc:creator><enclosure url="https://blog.nearzeno.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=%2Fupload%2Fblue-and-black-penguin-plush-toy.jpg&amp;size=m" type="image/jpeg" length="23772"/><category>Git</category><pubDate>Sat, 12 Jun 2021 05:49:00 GMT</pubDate></item><item><title><![CDATA[微信小程序远程图片转本地临时图片解决方案]]></title><link>https://blog.nearzeno.com/archives/370b055c-6765-4199-977f-f7a0968ce511</link><description><![CDATA[<img src="https://blog.nearzeno.com/plugins/feed/assets/telemetry.gif?title=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%BF%9C%E7%A8%8B%E5%9B%BE%E7%89%87%E8%BD%AC%E6%9C%AC%E5%9C%B0%E4%B8%B4%E6%97%B6%E5%9B%BE%E7%89%87%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88&amp;url=/archives/370b055c-6765-4199-977f-f7a0968ce511" width="1" height="1" alt="" style="opacity:0;">前言 微信小程序里有些时候只能使用本地临时图片而不能用远程图片（如：2.3.0以下的Map组件内的markers的图片） 备注: 低于2.3.0版本时做兼容使用，小程序在2.3.0之后makers已经支持远程图片 也适用于需要远程图片转本地临时图片的场景 当然这些都比较少见现在大部分使用远程图片即可]]></description><guid isPermaLink="false">/archives/370b055c-6765-4199-977f-f7a0968ce511</guid><dc:creator>玄近安</dc:creator><enclosure url="https://blog.nearzeno.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=%2Fupload%2Fmarkers_icon_path_2.3.0.png&amp;size=m" type="image/jpeg" length="6951"/><category>小程序</category><pubDate>Tue, 23 Oct 2018 13:23:00 GMT</pubDate></item><item><title><![CDATA[小程序滚动穿透解决方案]]></title><link>https://blog.nearzeno.com/archives/c37d36c2-ee0a-483a-a9e6-8eb343c9315a</link><description><![CDATA[<img src="https://blog.nearzeno.com/plugins/feed/assets/telemetry.gif?title=%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%BB%9A%E5%8A%A8%E7%A9%BF%E9%80%8F%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88&amp;url=/archives/c37d36c2-ee0a-483a-a9e6-8eb343c9315a" width="1" height="1" alt="" style="opacity:0;">前言 滚动穿透是什么 对于这个问题我在网上找到的定义是这样的： 移动端弹出fixed弹窗的话，在弹窗上滑动会导致下层的页面跟着滚动，这个叫 “滚动穿透” 准确的说这更像是一个移动端的 BUG 小程序的滚动穿透 滚动穿透想必大家也是有做过的，但是网上的大多是一些移动端H5的一些滚动穿透的问题，但是对于]]></description><guid isPermaLink="false">/archives/c37d36c2-ee0a-483a-a9e6-8eb343c9315a</guid><dc:creator>玄近安</dc:creator><enclosure url="https://blog.nearzeno.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=%2Fupload%2Fsmartphone-1184883_150.png&amp;size=m" type="image/jpeg" length="62478"/><category>小程序</category><pubDate>Mon, 25 Jun 2018 08:30:00 GMT</pubDate></item><item><title><![CDATA[V8引擎中JS数组的sort排序原理]]></title><link>https://blog.nearzeno.com/archives/0f4ee15f-fa00-4a2f-badb-fa5b0a919a1a</link><description><![CDATA[<img src="https://blog.nearzeno.com/plugins/feed/assets/telemetry.gif?title=V8%E5%BC%95%E6%93%8E%E4%B8%ADJS%E6%95%B0%E7%BB%84%E7%9A%84sort%E6%8E%92%E5%BA%8F%E5%8E%9F%E7%90%86&amp;url=/archives/0f4ee15f-fa00-4a2f-badb-fa5b0a919a1a" width="1" height="1" alt="" style="opacity:0;">前言 最近时不时的刷一刷算法题，经常需要用到数组的排序，但是因为本人算法并不是很好，自己写的排序简直是入不得眼，性能也是被别人的完爆，后来干脆也不自己写排序了，就直接用了js的sort函数，发现性能还不错。所以就决定研究一下sort的排序原理（各浏览器实现并不一致，此文限于V8）。 V8引擎的sor]]></description><guid isPermaLink="false">/archives/0f4ee15f-fa00-4a2f-badb-fa5b0a919a1a</guid><dc:creator>玄近安</dc:creator><enclosure url="https://blog.nearzeno.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=%2Fupload%2Fa-white-google-logo-on-a-green-background.jpg&amp;size=m" type="image/jpeg" length="16306"/><category>前端</category><pubDate>Fri, 6 Apr 2018 14:38:00 GMT</pubDate></item><item><title><![CDATA[搜索字符在搜索结果中高亮效果的前端JS实现]]></title><link>https://blog.nearzeno.com/archives/b6961609-caf3-48aa-b577-933729829169</link><description><![CDATA[<img src="https://blog.nearzeno.com/plugins/feed/assets/telemetry.gif?title=%E6%90%9C%E7%B4%A2%E5%AD%97%E7%AC%A6%E5%9C%A8%E6%90%9C%E7%B4%A2%E7%BB%93%E6%9E%9C%E4%B8%AD%E9%AB%98%E4%BA%AE%E6%95%88%E6%9E%9C%E7%9A%84%E5%89%8D%E7%AB%AFJS%E5%AE%9E%E7%8E%B0&amp;url=/archives/b6961609-caf3-48aa-b577-933729829169" width="1" height="1" alt="" style="opacity:0;">实例 百度的效果: 实现原理 注: 我们这里不做的像百度的那样复杂，只是做简单的搜索高亮，也只限于前端代码的展示 原理: 将后台搜索出来的结果进行一层转换然后进行前端渲染，转换搜索的字符串，即用正则匹配出来的搜索字符串，渲染成html 核心代码 /** * [搜索高亮效果] * @param]]></description><guid isPermaLink="false">/archives/b6961609-caf3-48aa-b577-933729829169</guid><dc:creator>玄近安</dc:creator><enclosure url="https://blog.nearzeno.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=%2Fupload%2Fbaidu_search_eg.jpg&amp;size=m" type="image/jpeg" length="29522"/><category>前端</category><pubDate>Thu, 23 Nov 2017 16:00:00 GMT</pubDate></item></channel></rss>