anYun 发布的文章

Nginx 适配PC和手机端页面


需求总是不断在变。
有时候我们需要针对不同的访问方式指定不同的页面或者URL。
如仅是几个静态页面进行切换,那么可以用js进行判断跳转,如:

  • 例子
有两个页面,分别是 index.html、index_m.html;

index.html(假定电脑端) 添加如下 JavaScript 代码:
<script>
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
        跳转手机
        window.location.href = "https://xxx.xxx/index_m.html";
     } 
</script>

index_m.html 增加如下代码,其实就是反过来:
<script>
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
       // 匹配手机,不做处理
     } else { // 调整PC
        window.location.href = "https://xxx.xxx/index.html";
    }
</script>


我和前端的那些事儿


在开发领域,总能听到这两个词:“前端”、“后端”。

然,像我这种没有系统学习过的人来说,而且圈子也比较小众,第一次听到这种词是比较陌生的。但好在语文功底不错,顾名思义,结合实际场景,大概也能猜出一二。

第一次决定自己写一个 HTML Demo 的时候,是为了做个导航页面,因为不想每次都手动输入地址(博主是个比较懒的人),然后开始去了解HTML相关的内容,当然深入学习那是不可能的,经常是明确需求,然后各种搜索,各种修改。也不怕看到这篇博文的各位大佬笑话,我的 Demo 都是需改一点,刷新看看,再修改一点,在刷新看看 …… 如此反复,最终达到我要的效果。
2.jpg


让你的博文可以扫码分享


声明:本文乃博主亲自实践记录和总结,属于原创博文,如有雷同,不胜荣幸。

如果你有自己的博客网站,那么肯定需要生成二维码这么逼格的操作。
或许你的主题自带这个功能,又或许你的主题、博客程序不能满足你的需求,总有或多或少的需求矛盾,那么你就得自己动手,修改的你的程序相关文件。

博主就这,博主的博客就是使用的 Typecho 程序搭建的,使用的主题是 GreenGrapes,这个主题默认是不带分享代码的,为此在建站之初,也是费尽一番折腾。总算有了点样子。
1.webp


分享几个IP接口使用案例


谈及前端开发,总难免涉及到IP查询问题,有时候你写个简单的 Demo ,都是需要加个IP查询,方能显得逼格。在网上寻找许久,总结几个可用的接口,以及前端调用的简单方法,仅供参考。

友情提示:网上有介绍说 淘宝接口、腾讯接口、有道接口,博主在亲测是无效的。