JavaScript
js学习记录
cungudafa
纯干货零收费,踩坑这件事儿我是专业的,能帮一个是一个,留个赞温暖你我他,幸福码农快乐搬砖,哈哈哈哈~
展开
-
一言+逐字出现特效
1.逐字显示文字步骤准备一段文字放在string容器中,并隐藏string容器一个一个读取string容器中的内容,显示到showStr1容器中用定时器逐字显示效果源码:<h>用来显示逐渐出现的文字</h> <p id="showStr1"></p> <div style="display:none" id="str...原创 2020-03-14 12:11:54 · 578 阅读 · 0 评论 -
hexo(sakura)引入fancybox优化图片视频查看效果
文章目录一、fancybox介绍二、hexo中添加fancybox1. 添加引用2.修改配置题外话:原本在hexo-theme-sakura作者hojun的添加下有zoom功能,我也乖乖根据配置进行调整,并参考实现了zoom.js缩放图片功能,只能简单缩放,不够美观,还会出现白屏的情况。我果断放弃了。一、fancybox介绍在我们平常阅读博文时,常遇到:图片太小,字看不清的情况...原创 2020-03-04 18:08:51 · 2490 阅读 · 0 评论 -
Valine--修复评论者昵称跳转外链出错
文章目录一、发现问题二、解决办法一、发现问题在valine评论list点击评论者姓名跳转链接出错:报错位置:(F12我定位到vnick这个链接标签的herf属性出错,外链跳转需要网址头的)查看了Leancloud控制台这位评论者的评论,只有域名,而不是网址:valine评论者属性有:【nick、email、link】 ,这里herf默认读取的link属性;如果 link 没有填写...原创 2020-03-04 14:36:03 · 731 阅读 · 0 评论 -
为你的博客引入——今日诗词、每日一言(js插件分享)
文章目录一、今日诗词二、每日一言一、今日诗词今日诗词API,是一个可以返回一句古诗词名句的接口。它可以通过图片和 JSON 格式调用。今日诗词 API 根据不同地点、时间、节日、季节、天气、景观、城市进行智能推荐。官网:www.jinrishici.com <h1> 念两句诗</h1> <p id="poem"> 叙...原创 2020-03-04 14:03:14 · 7968 阅读 · 1 评论 -
Valine-实现QQ邮箱识别生成头像地址(完美解决头像问题)
一、前言WordPress-sakura版本中,Mashiro大佬是添加了QQ邮箱识别生成头像地址的功能的,但是hojun大佬移植时没有注意这个功能哦!参考了其他版本评论系统对头像的处理方法:Typecho实现QQ邮箱识别生成头像地址获得两个接口????,美滋滋:一个是QQ头像的,一个是Gravatar国内源,它们的调用方式如下。QQ头像 http://q1.qlogo.cn/g?b...原创 2020-03-03 20:05:13 · 7365 阅读 · 16 评论 -
canvas在线画图
一、项目演示在线体验:你画我猜二、项目复现项目结构:小黄人背景图:xhr.jpg画布:huabu.jsvar canvas;var context;var img1=[];var canX;var canY;$(function(){canvas=$('#cavs')[0];context=canvas.getContext('2d');canX=canvas.offsetLef...转载 2019-11-04 11:05:57 · 1969 阅读 · 0 评论 -
heatmap.js来绘制热力图
Heatmap.js一、简介二、使用2.1 上手2.2 设置点的半径2.3 更多三、高级用法3.1 动态热力图3.2 鼠标跟随热力图3.3 显示数值一、简介Heatmap.js V2.0 是目前网络上最先进的热图可视化库。新的2.0版本 Heatmap.js 更快,拥有更强的渲染模块,使用更方便,因此您可以快速掌握和扩展自定义功能。二、使用下载js:https://github.com/p...原创 2019-11-02 15:15:29 · 15088 阅读 · 3 评论 -
JS学习 | 这是一条收集【好看有趣的样式】demo
1、弹窗:sweetAlert js弹窗消息警告框插件代码2、动态响应:FFForm jquery表单验证html5代码演示原创 2019-06-02 09:50:11 · 375 阅读 · 0 评论 -
JS学习 | 高德地图API接入(入门)
目录一、效果二、高德api接入(入门)一、效果二、高德api接入(入门)准备:https://lbs.amap.com/api/javascript-api/guide/abc/prepareps.可以直接扫支付宝登录(高德是阿里云的),完成以上三步可以获得key根据准备和入门上手:https://lbs.amap.com/api/javascript-api/guid...原创 2019-06-19 18:33:18 · 2405 阅读 · 0 评论 -
JS学习 | echarts图表学习
一、echarts显示参考教程:echarts x轴文字显示不全二、echarts数据处理原创 2019-04-24 16:57:52 · 295 阅读 · 0 评论 -
JS学习笔记 | 鼠标经过时的css效果
一、效果鼠标经过时的效果:效果一:整体颜色变化变深 效果二: 出现边缘选中框 二、jsp+css实现效果一:<style> .onclick:active{border:1.5px solid #796FFF; }</style> <img style="background:#ff9999" width="...原创 2019-03-14 17:13:01 · 286 阅读 · 0 评论 -
JS学习笔记 | 图片实现点击效果
一、点击效果点击时出现红色二、JSP+css实现&lt;!-- style样式设置 --&gt;&lt;style&gt;.css{width:200px;height:100px;border:5px solid #f0ad4e;}.onclick:active{border:5px solid #ff0000; }&lt;/style&gt;&lt;!-- jsp实例原创 2019-03-13 11:49:15 · 787 阅读 · 0 评论 -
JS学习笔记 | From表单提交时判断是否为空
一、From表单提交示例From表单提交时判断input框是否为空二、Jsp实现代码&amp;lt;!--判断函数--&amp;gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; function notNull() { if (document.keyinput.skey.value.toString().trim(原创 2019-03-12 14:16:28 · 5237 阅读 · 0 评论 -
JS学习笔记 | 遮罩层Loading实现
遮罩层Loading实现转载 2019-03-12 10:45:31 · 2019 阅读 · 0 评论