项目发布：安静书
前段时间微软公布 Microsoft Store 面向个人开发人员免费注册，于是 gOxiA 做了一个面向 Windows 平板的适用于幼儿使用的“安装书”程序，并将其发布到了 Microsoft Store 中国市场。该应用基于 Web 技术，前端用了 HTML5 + CSS3 + JavaScript，因为涉及存储所以用了 IndexedDB，图形技术采用 Canvas API，内置了 50+ 精美的 emoji 图案，覆盖动物、植物、食物、交通工具等分类，并且还支持自上传图形。程序支持直接拖拽移动图形，保持宽高比的智能缩放，还专为 Windows 平板做了优化，可以直接用手指触控操作，并支持手写笔。非常适合儿童创意启发和艺术创作，或亲子互动场景，希望让孩子们可以安静地让创意在指尖绽放！！！
因为是基于 Web 的，所以添加了 PWA 支持，并通过 https://www.pwabuilder.com/ 做了优化和打包，使其能够通过 Microsoft Store 发布。现已发布到 Microsoft Store 中国市场，并免费提供！
下载地址：https://apps.microsoft.com/detail/9nn8rqk75qqh?hl=zh-CN&gl=CN
演示视频：https://weibo.com/u/1495462137?tabtype=newVideo&layerid=5221309315288882
项目发布: IPAPI
项目发布: IPAPI
一个基于 Web 的现代化 IP 地址信息查询工具，利用 IP-API.com 免费接口提供准确的地理位置和网络信息。
✨ 功能特性
核心功能
- 自动IP检测: 页面加载时自动显示访问者当前IP信息
- 手动IP查询: 支持输入任意IP地址进行查询
- 详细信息展示: 默认显示以下关键信息：
- 国家代码 (Country Code)
- 所属程序 (Program/Service)
- ISP提供商 (Internet Service Provider)
- ️ 组织信息 (Organization)
- AS名称 (Autonomous System Name)
- 移动网络 (Mobile Network Detection)
- ️ 托管服务 (Hosting Service Detection)
技术特性
- PWA支持: 可作为原生应用安装到桌面和移动设备
- Edge边栏兼容: 完美适配Microsoft Edge浏览器边栏工具
- 响应式设计: 自适应各种屏幕尺寸和分辨率
- 现代UI: 采用现代Web设计风格，美观易用
- 跨平台: 支持Windows、macOS、Linux、iOS、Android等平台
- 离线缓存: Service Worker提供离线访问能力
️ 界面预览
使用场景
- 网络管理员: 快速查询IP地址归属信息
- 开发者: 调试网络相关应用
- 安全分析: 分析可疑IP来源
- 个人用户: 了解自己的网络信息
- 教育培训: 网络知识学习工具
该项目支持通过 Azure Static Web Apps 发布，为了适配 IP-API 的服务接口，API 目录包含 Azure Functions 相关配置，已在 iOS、Android、Windows平台上完成测试验证！
项目地址：https://github.com/goxia/Codes/tree/main/IPAPI ，支持 Github Actions，轻松发布到 Azure Static Web Apps！gOxiA 已在 https://ipapi.mdt.ink 发布供大家使用！
推荐官方文档：
Overview of API support in Azure Static Web Apps | Microsoft Learn
实用的 Javascript 代码
今天成转载日了，好多东西都是从网上找的，呵呵及时地获取新鲜血液补充一下能量还是很有必要的。
- oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table - <body onselectstart="return false"> 取消选取、防止复制
- onpaste="return false" 不准粘贴
- oncopy="return false;" oncut="return false;" 防止复制
- <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
- <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
- <input style="ime-mode:disabled"> 关闭输入法
- 永远都会带着框架
<script language="javascript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script> - 防止被人frame
<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT> - <noscript><iframe src=*.html></iframe></noscript> 网页将不能被另存为
- <input type=button value=查看网页源代码
onclick="window.location = 'view-source:'+ 'http://www.htmlcn.com/'"> - 取得控件的绝对位置
//javascript
<script language="javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"\nleft="+l);
}
</script>//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script> - 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()"> - 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT><input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
