前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >两个还算实用的小程序

两个还算实用的小程序

作者头像
imba久期
发布2022-09-23 20:36:37
5430
发布2022-09-23 20:36:37
举报
文章被收录于专栏:imba久期的杂货铺

① 鞋码换算

程序名:鞋码换算

开发语言:JavaScript

开发用时:分分钟

今天看在网上看鞋子的时候突发奇想,鞋码虽然有很多种类,但之间可以相互计算,于是就有了这个并没什么卵用的小程序。

有两种方式

一是可以选中网页中的数字,然后点击按钮,就会显示厘米、美码、英码三种。

二是如果第一种方式选择的有问题或者没选择,就会弹出输入框,即可手动输入数字。

下面贴出没什么用的代码来。

// 定义欧码(输入的那个) var EUR; // 获取选择 if(window.getSelection){ userSelection=window.getSelection(); }else if(document.selection){ userSelection=document.selection.createRange(); } EUR=parseFloat(userSelection); // 如果没选择或这选择错误则显示输入框 if(isNaN(EUR)){ EUR=parseFloat(prompt('获取失败请手动输入:')); } // 判断输入的格式是否正确 if(!isNaN(EUR)&&EUR!==null&&EUR!==''&&typeof EUR==='number'){ // 通过一些公式计算出其他码 var CM=(EUR+10)/2; var US=CM-18+0.5; var UK=CM-18; alert('厘米:'+CM+'、美码:'+US+'、英码:'+UK); }

就是这样。

美中不足的是,搜到的换算公式只有男士鞋码(话说鞋码为啥要分男士女士还有童鞋,只用CM不好嘛)

② 查看失效视频

程序名:查看B站收藏夹失效视频

开发语言:JavaScript

开发框架:jQuery

开发用时:分分钟

想必各位的收藏夹里跟我一样,有很多失效的视频,看不到是啥视频,也想不起来收藏了啥,这就很烦。

查看网页代码发现,这些视频的文字、图片数据还在,只是视频没了。那就可以操作页面的js来让它们显示出来。

经过一番折腾,做出来了一个简单的。

点击后显示视频封面和标题,并以红色视频标题展示出来。

但很快我觉得这样也不太好,不够人性化。因为视频没了,点也点不开。按理说收藏过的失效的视频标题显示出来,然后如果是我,接下来会去搜索。

晚上回家肝了肝彩六,考虑发这篇文章前决定,围绕上述所说,尝试改进一下。

于是...就出现了 version 2.0

你可以直接点击视频,就会自动搜索视频标题。

下面再贴出代码

// 循环视频收藏列表 $('li.disabled').each(function(){ // 获取搜索关键字(视频标题) var keyword=$(this).find('a.disabled img').attr('alt'); // 设置标题 $(this).find('a.title').html('<span style="color:#F66">'+keyword+'</span>'); // 循环超链接 $(this).find('a').each(function(){ // 如果超链接不可点击则设置为百度搜索 if($(this).attr('href')=='javascript:;'){ $(this).attr({'href':'https://www.baidu.com/s?wd='+keyword,'target':'_blank'}); } }); // 删除灰色的背景 $(this).find('.disabled-cover').remove(); // 删除模糊效果和视频时间 $(this).find('a.disabled').attr('class','').find('.length').remove(); });

就酱 ╰(*°▽°*)╯

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-12-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 imba久期 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档