找到
26
篇与
前端技术
相关的结果
-
本地asp服务器软件-MyWebServer mrdbyb4y.png图片 一、基础概况 MyWebServer 是Windows 平台专用、绿色免安装、超轻量免费 Web 服务器，主打本地建站、网页调试、局域网文件共享，体积仅 200KB~400KB，单 exe 直接运行，无需安装、无注册表残留、可存 U 盘随身携带抖音百科。 运行系统：WinXP/Vista/Win7/Win8/Win10/Win11 全系列 Windows 当前主流版本：V3.8.40 Unicode 标准版 授权：完全免费，个人 / 非商用无限制 定位：轻量化替代 IIS，适合本地开发、小型静态站点、局域网文件服务器 二、核心优势 极致小巧：几百 KB 程序，启动秒开，资源占用极低，低配电脑流畅运行； 绿色免装：解压即用，删除文件夹即可彻底卸载，无系统残留； 配置极简：可视化中文界面，新手仅需设置目录、IP、端口即可启动服务； 性能优秀：并发、大文件传输性能优于系统自带 IIS； 多站点支持：软件左侧站点列表可新建多个独立网站，分开管理。 三、完整功能清单 基础 Web 协议能力 完整支持 HTTP/1.1、HTTPS，默认端口 HTTP:80、HTTPS:443； 文件断点续传、超大文件高速下载； Gzip 网页压缩（配套 gzip.dll 启用），提升网页加载速度； 自定义默认首页：index.html/index.htm/index.asp/index.htm 可自定义； 目录浏览开关：开启后浏览器直接浏览文件夹内所有文件。 网站扩展功能 虚拟目录：站点挂载本地任意磁盘文件夹，不用移动网页文件； 正则 URL 重写（URL Rewrite）：VBscript 正则规则，伪静态、路径跳转； HTTP 反向代理：转发请求至其他后端服务，可做简易网关； HTTP 基础身份认证：给站点 / 目录加账号密码访问限制； 自定义绑定域名、限制 POST 请求最大体积。 动态脚本支持（网页后端） 内置原生 ASP 解释器，开箱运行 ASP 页面（支持 ANSI/UTF-8 编码）； 通过两种扩展接口兼容 PHP、ASP.NET： FastCGI：内置进程管理器，填写127.0.0.1:端口对接 PHP-CGI； ISAPI：加载对应 dll 扩展，适配 PHP5.2、IASP 等； 注意：软件不自带 PHP/.NET 运行环境，需要自行配套安装解释器。 运维管理功能 实时日志：访问日志、错误日志分开显示，可一键清空； 多站点管理：左侧面板添加、切换、启停多个独立网站； 服务一键启停，状态实时显示运行时长； 高级配置面板：自定义缓存、超时、编码、安全限制等参数。 四、适用使用场景 前端本地开发调试：写 HTML/CSS/JS，快速本地预览，不用装臃肿的 Apache/IIS； ASP 小型站点本地测试：无需开启系统 IIS，快速调试老 ASP 程序； 局域网文件共享服务器：电脑开启服务，手机 / 平板 / 其他电脑浏览器访问下载文件； 简易静态网站部署：个人静态博客、模板演示、本地文档在线浏览； 学习 Web 服务原理：轻量易部署，适合新手学习 HTTP、反向代理、伪静态配置。 五、简易使用流程 解压软件，直接双击MyWebServer.exe打开； 新建站点，点击「浏览」选择网页存放文件夹； IP 填127.0.0.1仅本地访问，填本机局域网 IP（如 192.168.1.x）供内网设备访问； 端口默认 80，若被占用可改为 8080、8090 等； 保存配置，点击顶部绿色播放按钮启动服务； 浏览器输入http://127.0.0.1访问站点。 六、局限性说明 仅支持 Windows 系统，无 Linux/macOS 版本； 不自带 PHP、MySQL、.NET，动态程序需额外搭配环境； 无集群、负载均衡，仅适合本地、内网、小型个人站点，不建议公网大型商用； 老旧开发工具，长期无重大更新，不支持 HTTP2/HTTP3。 博客下载 下载地址：https://neictop-1256272185.cos.ap-guangzhou.myqcloud.com/2026/07/09/1783590948.zip 提取码：
-
TypeRenew 轻量高效・开箱即用 一款现代化 CMS 系统 TypeRenew 是一款继承 Typecho 轻量内核的现代化 CMS，提供开箱即用的丰富功能、适配现代运行环境，让您能轻松搭建并管理网站，专注于内容创作本身，享受简洁高效的建站体验。 mob4jh6q.png图片 焕新设计的程序界面 采用现代化的设计理念，致力于提供简洁、直观且高度一致的使用体验 mob4kori.png图片 在个人设置页面，您可以完善昵称、个人主页和联系邮箱等资料，并设定偏好的写作方式。 mob4lfz2.png图片 在编写文章界面，集成了实时编辑、自动保存与格式设置等功能，支持高效创作与便捷的内容管理。 mob4m5k1.png图片 核心特性 mob4mx0l.png图片
-
带交互动画角色的登录页面 一个带有互动动画角色的登录页面。角色会跟随鼠标移动、对用户输入做出反应，提供生动有趣的登录体验。 mnilp96c.png图片 预览 https://animatedlogin-eta.vercel.app/ 页面布局 左侧面板：4 个动画角色（紫色矩形、黑色矩形、橙色半圆、黄色圆角矩形） 右侧面板：登录表单（邮箱、密码、登录按钮、Google 登录） 交互动画效果 场景 效果 空闲 角色眼睛跟随鼠标移动，身体微微倾斜 随机眨眼 紫色和黑色角色随机间隔眨眼 输入邮箱 角色互相对视 输入密码 角色转头回避，不看密码 显示密码 角色看向远处，紫色角色偶尔偷看 登录失败 角色露出沮丧表情并摇头 按钮悬停 文字滑出，紫色背景 + 箭头滑入 技术实现 单 HTML 文件，零依赖： 布局：CSS Grid 两栏布局，响应式适配 角色：纯 CSS 图形（圆角矩形、半圆） 动画：CSS transitions + keyframes + 原生 JavaScript 状态管理 交互：鼠标跟随（mousemove）、焦点检测（focus/blur）、表单校验 使用 直接在浏览器中打开 index.html 即可。 open index.html 文件结构 login/ index.html # 完整页面（HTML + CSS + JS） PRD.md # 产品需求文档 README.md # 项目说明 参考来源 本项目参考了 CareerCompass 的登录页面动画设计，特别是其 animated-characters.tsx 组件的交互逻辑。在此基础上使用原生 HTML/CSS/JS 重新实现，不依赖任何框架。 博客下载 下载地址：https://neictop-1256272185.cos.ap-guangzhou.myqcloud.com/2026/04/03/1775202590.zip 提取码：
-
极致cms自定义后台地址 修改方法： 修改了后台地址，具体修改如下： 修改 index.php 文件 ： 将 ADMIN_MODEL 常量从 'admins' 改为 'backend' mnikm1sy.png图片 修改 frphp/fr.php 文件 ： 将 ADMIN_MODEL 默认值从 'admins' 改为 'backend' 修改后，后台访问地址将从原来的 /index.php/admins 变为 /index.php/backend 。 mnikme2n.png图片 注意事项 ： 如果你想使用其他后台地址，只需要将上述两个文件中的 'backend' 替换为你想要的地址即可 修改后，原来的 /index.php/admins 地址将不再可用，只能通过新的地址访问后台 确保在修改后测试后台访问是否正常，以确保修改生效 这样，你就成功修改了后台地址，提高了系统的安全性。
-
极致cms文章列表添加自定义随机数-常用于防伪码自动生成 实现方法 1、添加unicode字段并绑定栏目。注：unicode可以自行修改 2、修改app/admin/c/ArticleController.php 中的addarticle 方法 mi2wb0tf.png图片 // 文章列表增加自定义随机字符 用于防伪码 // 自定义生成指定长度的大写字母+数字随机字符串 function getRandUpperCharNum($length) { // 定义允许的字符集：大写字母A-Z + 数字0-9 $chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'; $charLength = strlen($chars); $result = ''; // 循环生成指定长度的字符串 for ($i = 0; $i < $length; $i++) { // 随机获取字符集中的一个字符 $result .=$chars[mt_rand(0, $charLength - 1)]; } return $result; } $data['unicode']=getRandUpperCharNum(15);// 文章列表增加自定义随机字符 用于防伪码 // 文章列表增加自定义随机字符 用于防伪码---结束 大佬指导的思路 mi2we2kq.png图片 mi2wdclf.png图片 mi2wdirb.png图片 比如你自定义唯一字段unicode，那么这里添加 10位随机数：$data['unicode'] = getRandChar(10); 大写字母加3个数字：$data['unicode'] = 'ABC'.rand(100,999); 也可以使用上面的 自定义函数实现 灵活自定义
-
一个网站多语言的实现思路 <!-- 多语言列表 --> <select id="language-switcher" onchange="changeLanguage(event)" style="width:100px;"> <option value="">语言</option> <option value="japanese">日语</option> <option value="chinese_traditional">繁体中文</option> <option value="english">英语</option> </select> <script> function changeLanguage(event) { var lang = event.target.value; if (lang && lang == 'japanese') { window.localStorage.setItem('think_var', lang); window.location.reload(); } else if (lang) { window.localStorage.setItem('think_var', lang); translate.changeLanguage(lang); } } $(function () { translate.selectLanguageTag.show = false; translate.service.use('client.edge'); // japanese 日文, chinese_traditional 繁体中文, english 英文 translate.nomenclature.append('japanese','chinese_traditional',` 古銭の=古钱店 骨董品=古董店 `); var lang = window.localStorage.getItem('think_var'); if (lang && lang != 'japanese') { translate.language.setLocal('japanese'); translate.listener.start(); translate.execute(); } }); </script>AI对代码的解释 这段代码的主要目的是实现网页内容的多语言切换功能，具体包括日语、繁体中文和英语。用户可以通过选择下拉菜单中的语言选项来更改网页的语言显示。下面是对代码的逐步分解与详细解释： HTML部分: 语言 日语 繁体中文 英语 CopyInsert 创建了一个下拉菜单，包含可供选择的语言选项。 id="language-switcher": 为这个下拉菜单指定一个ID，方便在JavaScript中通过document.getElementById()等方法引用。 onchange="changeLanguage(event)": 当用户选择不同的语言时，触发changeLanguage函数。event参数包含了触发事件的相关信息。 style="width:100px;": 设置下拉菜单的宽度为100像素。 JavaScript部分: function changeLanguage(event) { var lang = event.target.value; if (lang && lang == 'japanese') { window.localStorage.setItem('think_var', lang); window.location.reload(); } else if (lang) { window.localStorage.setItem('think_var', lang); translate.changeLanguage(lang); }} CopyInsert 定义了一个名为changeLanguage的函数，该函数在用户选择不同语言时被调用。 var lang = event.target.value;: 获取用户选择的语言值（即option标签的value属性值）。 if (lang && lang == 'japanese'): 如果用户选择的是日语，则将所选语言保存到localStorage中，并刷新页面以应用新的语言设置。 else if (lang): 如果用户选择的是其他语言，则同样将所选语言保存到localStorage中，但是不刷新页面。 translate.changeLanguage(lang);: 调用translate对象的changeLanguage方法来改变网页语言。这通常假设有一个翻译库或服务已经被引入到页面中。 jQuery部分: $(function () { translate.selectLanguageTag.show = false; translate.service.use('client.edge'); // japanese 日文, chinese_traditional 繁体中文, english 英文 translate.nomenclature.append('japanese','chinese_traditional',` 古銭の=古钱店 骨董品=古董店 `); var lang = window.localStorage.getItem('think_var'); if (lang && lang != 'japanese') { translate.language.setLocal('japanese'); translate.listener.start(); translate.execute(); }}); CopyInsert $(function () {...}): 这是一个jQuery文档就绪的事件处理程序，表示当DOM完全加载后执行括号内的代码。 translate.selectLanguageTag.show = false;: 隐藏语言选择标签。 translate.service.use('client.edge');: 设置翻译服务使用客户端的Edge版本。 translate.nomenclature.append(...): 向翻译对象添加特定的翻译规则，将日语中的“古銭の”和“骨董品”翻译为繁体中文中的“古钱店”和“古董店”。 var lang = window.localStorage.getItem('think_var');: 从localStorage中获取之前保存的语言设置。 if (lang && lang != 'japanese'): 如果之前保存的语言不是日语，则执行后续步骤。 translate.language.setLocal('japanese');: 设置默认语言为日语。 translate.listener.start();: 启动翻译监听器，监听页面内容的变化以进行实时翻译。 translate.execute();: 执行翻译操作，将页面内容翻译成之前保存的语言。 总结： 这段代码的主要功能是实现网页内容的多语言切换功能。通过下拉菜单让用户选择语言，用户的选择会被保存在浏览器的localStorage中。当用户选择日语时，页面会刷新以应用新的语言设置；对于其他语言，则不刷新页面而直接调用翻译函数进行翻译。此外，还定义了一些翻译规则，并设置了默认语言为日语，最后启动翻译监听器以实现实时翻译。
