<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title>Web - 分类 - 研发日志 · R&amp;D Log</title><link>https://rd163.visword.com/categories/web/</link><description>Web - 分类 - 研发日志 · R&amp;D Log</description><generator>Hugo -- gohugo.io</generator><language>zh-CN</language><managingEditor>whutluohui@gmail.com (小智晖)</managingEditor><webMaster>whutluohui@gmail.com (小智晖)</webMaster><copyright>本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。</copyright><lastBuildDate>Sun, 12 Jan 2025 00:00:00 +0800</lastBuildDate><atom:link href="https://rd163.visword.com/categories/web/" rel="self" type="application/rss+xml"/><item><title>Ollama-WebUI</title><link>https://rd163.visword.com/posts/ollama-webui/</link><pubDate>Sun, 12 Jan 2025 00:00:00 +0800</pubDate><author><name>小智晖</name></author><guid>https://rd163.visword.com/posts/ollama-webui/</guid><description><![CDATA[<h1 id="ollama-webui" class="headerLink">
    <a href="#ollama-webui" class="header-mark"></a>Ollama-WebUI</h1><p><a href="https://github.com/ollama/ollama" target="_blank" rel="noopener noreferrer">ollama</a></p>
<ul>
<li>
<p><a href="https://github.com/ollama-ui/ollama-ui" target="_blank" rel="noopener noreferrer">ollama-ui</a> 纯html实现</p>
</li>
<li>
<p><a href="https://github.com/swuecho/chat" target="_blank" rel="noopener noreferrer">chat</a></p>
</li>
<li>
<p><a href="https://github.com/drazdra/ollama-chats" target="_blank" rel="noopener noreferrer">ollama-chats</a></p>
</li>
<li>
<p><a href="https://github.com/Mintplex-Labs/anything-llm" target="_blank" rel="noopener noreferrer">anything-llm</a></p>
</li>
<li>
<p><a href="https://github.com/Bin-Huang/Chatbox" target="_blank" rel="noopener noreferrer">Chatbox</a></p>
</li>
</ul>]]></description></item><item><title>Vite 学习</title><link>https://rd163.visword.com/posts/get-started-with-vite/</link><pubDate>Sun, 12 Jan 2025 00:00:00 +0800</pubDate><author><name>小智晖</name></author><guid>https://rd163.visword.com/posts/get-started-with-vite/</guid><description><![CDATA[<h1 id="vite-学习" class="headerLink">
    <a href="#vite-%e5%ad%a6%e4%b9%a0" class="header-mark"></a>Vite 学习</h1><p>Next generation frontend tooling. It&rsquo;s fast!</p>
<ul>
<li><a href="https://github.com/vitejs/vite" target="_blank" rel="noopener noreferrer">vite github</a></li>
</ul>
<h2 id="why" class="headerLink">
    <a href="#why" class="header-mark"></a>Why</h2><ul>
<li>Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间。</li>
<li>在 Vite 中，HMR 是在原生 ESM 上执行的。当编辑一个文件时，Vite 只需要精确地使已编辑的模块与其最近的 HMR 边界之间的链失活[1]（大多数时候只是模块本身），使得无论应用大小如何，HMR 始终能保持快速更新。</li>
</ul>
<h2 id="开始" class="headerLink">
    <a href="#%e5%bc%80%e5%a7%8b" class="header-mark"></a>开始</h2><p>安装</p>]]></description></item><item><title>VUE</title><link>https://rd163.visword.com/posts/vuejs/</link><pubDate>Sun, 12 Jan 2025 00:00:00 +0800</pubDate><author><name>小智晖</name></author><guid>https://rd163.visword.com/posts/vuejs/</guid><description><![CDATA[<h1 id="vue" class="headerLink">
    <a href="#vue" class="header-mark"></a>VUE</h1><ul>
<li><a href="https://cn.vuejs.org/" target="_blank" rel="noopener noreferrer">VUE 官方文档</a></li>
<li><a href="https://cn.vuejs.org/guide/essentials/template-syntax.html" target="_blank" rel="noopener noreferrer">VUE 模板语法</a></li>
<li><a href="https://play.vuejs.org/" target="_blank" rel="noopener noreferrer">Vue Playground</a></li>
</ul>]]></description></item><item><title>Web 前端框架</title><link>https://rd163.visword.com/posts/web-framework/</link><pubDate>Sun, 12 Jan 2025 00:00:00 +0800</pubDate><author><name>小智晖</name></author><guid>https://rd163.visword.com/posts/web-framework/</guid><description><![CDATA[<h1 id="web-前端框架" class="headerLink">
    <a href="#web-%e5%89%8d%e7%ab%af%e6%a1%86%e6%9e%b6" class="header-mark"></a>Web 前端框架</h1><ul>
<li><a href="" rel="">nextjs</a></li>
<li>[vite]</li>
<li>[vue]</li>
<li><a href="https://github.com/alibaba/ice" target="_blank" rel="noopener noreferrer">ice</a>  The Progressive App Framework Based On React（基于 React 的渐进式应用框架）</li>
</ul>]]></description></item><item><title>Webpack 教程</title><link>https://rd163.visword.com/posts/webpack/</link><pubDate>Sun, 12 Jan 2025 00:00:00 +0800</pubDate><author><name>小智晖</name></author><guid>https://rd163.visword.com/posts/webpack/</guid><description><![CDATA[<h1 id="webpack-教程" class="headerLink">
    <a href="#webpack-%e6%95%99%e7%a8%8b" class="header-mark"></a>Webpack 教程</h1><p>关于Webpack 的教程，最有名的莫过于 阮一峰在github上关于 Webpack 示例集合了。仓库为：</p>
<ul>
<li><a href="https://github.com/ruanyf/webpack-demos" target="_blank" rel="noopener noreferrer">webpack-demos</a></li>
</ul>
<p>为全英文版本， 也有人将这个翻译成了中文版本：</p>
<ul>
<li><a href="https://github.com/userkang/webpack-demos-cn" target="_blank" rel="noopener noreferrer">webpack-demos-cn</a></li>
</ul>
<p>同时，在csdn 博客园、掘金上也有大量对改仓库的介绍。如 博客园上：</p>]]></description></item><item><title>导航网站</title><link>https://rd163.visword.com/posts/nav-sites/</link><pubDate>Sun, 12 Jan 2025 00:00:00 +0800</pubDate><author><name>小智晖</name></author><guid>https://rd163.visword.com/posts/nav-sites/</guid><description><![CDATA[<h1 id="导航网站" class="headerLink">
    <a href="#%e5%af%bc%e8%88%aa%e7%bd%91%e7%ab%99" class="header-mark"></a>导航网站</h1><p><strong>next</strong></p>
<ul>
<li><a href="https://github.com/liwenka1/next-web-nav" target="_blank" rel="noopener noreferrer">next-web-nav 一个简单好用的导航网站</a></li>
<li><a href="https://github.com/6677-ai/tap4-ai-webui" target="_blank" rel="noopener noreferrer">tap4-ai-webui</a> 支持支付</li>
</ul>
<p><strong>nuxt</strong></p>
<ul>
<li><a href="https://github.com/geekape/geek-navigation" target="_blank" rel="noopener noreferrer">geek-navigation 极客猿导航</a> 前端 + server + admin</li>
</ul>
<p><strong>Vue</strong></p>
<ul>
<li><a href="https://github.com/eehhh/naviii" target="_blank" rel="noopener noreferrer">naviii 一个简单优雅的导航页</a> 个人设置存储于本地</li>
<li><a href="https://github.com/lissy93/dashy" target="_blank" rel="noopener noreferrer">Dashy</a> Github 18K. 支持可视化编辑。</li>
</ul>
<p><strong>angular</strong></p>
<ul>
<li><a href="https://github.com/xjh22222228/nav" target="_blank" rel="noopener noreferrer">发现导航</a> 支持检测网站存活状态 多款高颜值主题切换 三叉树分类 SEO 搜索引擎</li>
</ul>
<p><strong>golang + react</strong></p>]]></description></item><item><title>集成前端UI和API Server 的最佳实践</title><link>https://rd163.visword.com/posts/integrate-frontend-and-api/</link><pubDate>Sun, 12 Jan 2025 00:00:00 +0800</pubDate><author><name>小智晖</name></author><guid>https://rd163.visword.com/posts/integrate-frontend-and-api/</guid><description><![CDATA[<h1 id="集成前端ui和api-server-的最佳实践" class="headerLink">
    <a href="#%e9%9b%86%e6%88%90%e5%89%8d%e7%ab%afui%e5%92%8capi-server-%e7%9a%84%e6%9c%80%e4%bd%b3%e5%ae%9e%e8%b7%b5" class="header-mark"></a>集成前端UI和API Server 的最佳实践</h1><h2 id="一些开源项目" class="headerLink">
    <a href="#%e4%b8%80%e4%ba%9b%e5%bc%80%e6%ba%90%e9%a1%b9%e7%9b%ae" class="header-mark"></a>一些开源项目</h2><p>全栈框架</p>
<ul>
<li><a href="" rel="">next</a></li>
<li><a href="" rel="">nuxt</a></li>
</ul>
<p>golang + frontend</p>
<ul>
<li><a href="https://github.com/zmh-program/chatnio" target="_blank" rel="noopener noreferrer">chatnio</a></li>
<li><a href="https://github.com/casdoor/casdoor" target="_blank" rel="noopener noreferrer">casdoor</a></li>
<li><a href="https://github.com/kubernetes/dashboard" target="_blank" rel="noopener noreferrer">k8s dashboard</a></li>
</ul>
<p>python + frontend</p>
<ul>
<li><a href="https://github.com/mehdigmira/celery-dashboard" target="_blank" rel="noopener noreferrer">celery-dashboard</a></li>
</ul>
<p>nginx + python + frontend</p>
<ul>
<li><a href="https://github.com/langgenius/dify" target="_blank" rel="noopener noreferrer">dify</a></li>
</ul>
<p>nginx + golang + frontend</p>]]></description></item><item><title>前端低代码平台</title><link>https://rd163.visword.com/posts/ui-low-code/</link><pubDate>Sun, 12 Jan 2025 00:00:00 +0800</pubDate><author><name>小智晖</name></author><guid>https://rd163.visword.com/posts/ui-low-code/</guid><description><![CDATA[<h1 id="前端低代码平台" class="headerLink">
    <a href="#%e5%89%8d%e7%ab%af%e4%bd%8e%e4%bb%a3%e7%a0%81%e5%b9%b3%e5%8f%b0" class="header-mark"></a>前端低代码平台</h1><ul>
<li><a href="https://juejin.cn/post/7164694758588153863" target="_blank" rel="noopener noreferrer">推荐20个开源的前端低代码项目</a></li>
<li><a href="https://github.com/taowen/awesome-lowcode" target="_blank" rel="noopener noreferrer">国内低代码平台</a></li>
</ul>
<h2 id="amis" class="headerLink">
    <a href="#amis" class="header-mark"></a><a href="https://github.com/baidu/amis" target="_blank" rel="noopener noreferrer">amis</a></h2><ul>
<li><a href="https://aisuda.bce.baidu.com/amis/zh-CN/docs/index" target="_blank" rel="noopener noreferrer">amis 文档</a></li>
<li><a href="https://aisuda.bce.baidu.com/amis/examples/index" target="_blank" rel="noopener noreferrer">amis demos</a></li>
</ul>
<h2 id="wujie无界" class="headerLink">
    <a href="#wujie%e6%97%a0%e7%95%8c" class="header-mark"></a><a href="https://github.com/Tencent/wujie" target="_blank" rel="noopener noreferrer">wujie（无界）</a></h2><p>无界微前端是一款基于 Web Components + iframe 微前端框架，具备成本低、速度快、原生隔离、功能强等一系列优点。</p>]]></description></item><item><title>使用 Rust 创建 Web 应用程序</title><link>https://rd163.visword.com/posts/web-app-with-rust/</link><pubDate>Sun, 12 Jan 2025 00:00:00 +0800</pubDate><author><name>小智晖</name></author><guid>https://rd163.visword.com/posts/web-app-with-rust/</guid><description><![CDATA[<h1 id="使用-rust-创建-web-应用程序" class="headerLink">
    <a href="#%e4%bd%bf%e7%94%a8-rust-%e5%88%9b%e5%bb%ba-web-%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f" class="header-mark"></a>使用 Rust 创建 Web 应用程序</h1><ul>
<li><a href="https://github.com/DioxusLabs/dioxus" target="_blank" rel="noopener noreferrer">dioxus</a></li>
<li><a href="https://github.com/leptos-rs/leptos" target="_blank" rel="noopener noreferrer">leptos</a></li>
<li><a href="https://github.com/yewstack/yew" target="_blank" rel="noopener noreferrer">yew</a></li>
</ul>
<p>Yew</p>
<ul>
<li>最成熟、应用最广泛</li>
<li>类似 JSX 的模板语法</li>
<li>类似 React（以前是类似 Elm 的结构组件，现在是类似 React 的函数组件）</li>
<li>更多样板文件，例如事件回调、需要将 .clone() 内容放入闭包等。</li>
<li>相对较好的性能（比如 Preact/Vue，比 React 更快）</li>
<li>WASM 二进制大小中等</li>
<li>社区维护（即原创者已经丢失）；它维护得很好，审稿人在查看 PR 等方面做得很好，但是（这里主观认为）没有看到太多推动它长期发展的愿景</li>
</ul>
<p>Dioxus</p>]]></description></item><item><title>用 AIGC 开发 Web UI 界面的产品</title><link>https://rd163.visword.com/posts/web-development-by-aigc/</link><pubDate>Sun, 12 Jan 2025 00:00:00 +0800</pubDate><author><name>小智晖</name></author><guid>https://rd163.visword.com/posts/web-development-by-aigc/</guid><description><![CDATA[<h1 id="用-aigc-开发-web-ui-界面的产品" class="headerLink">
    <a href="#%e7%94%a8-aigc-%e5%bc%80%e5%8f%91-web-ui-%e7%95%8c%e9%9d%a2%e7%9a%84%e4%ba%a7%e5%93%81" class="header-mark"></a>用 AIGC 开发 Web UI 界面的产品</h1><ul>
<li><a href="https://github.com/AndySpider/uicloner-extension" target="_blank" rel="noopener noreferrer">UICloner Extension</a> 浏览器插件，一键克隆任意网页 UI 组件，生成代码。</li>
</ul>]]></description></item></channel></rss>