javacript
关注
分享
扫一扫
文章平均质量分 85
一些关于javaScript的博客
不愿意做鱼的小鲸鱼
路漫漫其修远兮，不以物喜，不以己悲，空杯心态，但使愿无违，，，
展开
-
Vue实现在线文档预览
本次实现的文档预览的类型有：docx, xlsx, pptx, pdf,以及纯文本、代码文件和各种图片、视频格式的在线预览原创 2023-07-07 17:08:52 · 5269 阅读 · 8 评论 -
get两个js小技能——JS截取视频第一帧&图片转Base64
JS截取视频第一帧&图片转Base64原创 2023-03-20 10:39:34 · 2376 阅读 · 0 评论 -
Canvas实现网页协同画板
简单来说就是使用canvas开发一个可以多人共享的画板，都可以在上面作画画板，并且画面同步显示原创 2022-09-09 14:35:09 · 3844 阅读 · 3 评论 -
javascript常用工具类的封装
目录一、js数组工具类工具类方法工具类代码测试MyArrayFn中的所有方法二、js字符串校验工具类工具类方法工具类代码三、js时间Date工具类工具类方法工具类代码四、js浏览器存储相关操作工具类工具类方法工具类代码五、js字符串工具类工具类方法工具类代码六、js数字相关操作工具类工具类方法工具类代码测试NumberFn中的所有方法七、js base64编码工具方法Base64编码的作用使用Base64编码原因工具类代码测试base64方法八、js原生dom节点操作工具类工具类方法工具类代码九、js原生h原创 2022-04-27 14:54:11 · 2429 阅读 · 0 评论 -
js和java日期的常用相关操作
目录js日期的相关操作1. 时间戳时间格式化2. 格式化日期和反格式化日期3. 计算两个日期之间的天数4. 计算日期加若干(年月日、时分秒等)后日期Java日期的相关操作1. 指定日期加上天数后的日期2. 字符串的日期格式的计算js日期的相关操作1. 时间戳时间格式化代码如下：// 时间戳时间格式化function timestampToTime(timestamp) { var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为原创 2022-02-22 17:31:26 · 225 阅读 · 0 评论 -
消息通讯——MQTT安全认证和测试
目录EMQX安全认证1. 默认方式——匿名认证2. Username 认证插件Username 认证插件增加用户3. EMQX使用MYSQL认证插件1) 配置EMQ MYSQL2) 测试连接认证4. 测试ACL权限控制EMQX安全认证EMQ X 消息服务器的连接认证和访问控制由一系列的认证插件(Plugins)提供，他们的命名都符合 emqx_auth_ 的规则，在 EMQ X 中，这两个功能分别是指：连接认证: EMQ X 校验每个连接上的客户端是否具有接入系统的权限，若没有则会断开该连接；访问控原创 2021-06-08 10:19:43 · 3164 阅读 · 0 评论 -
几个js实用代码——动态加载时间、滚动条优化、两个数组转化为map对象等
目录1. 当页面加载时间调用代码如下效果如下2. 滚动条优化代码如下效果如下3. 两个数组转化为map对象代码如下效果如下4. 好看的按钮特效效果如下代码下载5. particles.js背景特效效果如下代码下载1. 当页面加载时间调用代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w原创 2021-01-03 23:01:28 · 499 阅读 · 0 评论 -
Get几个小技能——悬浮音乐播放器、字体压缩和打印效果
目录悬浮音乐播放器的使用字体打印效果第一种：使用字符串切割，函数回调第二种：在jQuery上挂载一个原型字体压缩总结悬浮音乐播放器的使用 之前也使用过悬浮音乐播放器，但是是在自己的个人博客中使用的，但如果想要在自己做的网页中如何使用悬浮音乐播放器呢？试用过了很多的方法，没有找到好用的悬浮音乐播放器的源码，最后使用了以下这个方达，感觉效果真的很不错！首先是要在这个网站上注册一个账号https://player.lmih.cn/然后就可以进入后台页面管理自己的音乐原创 2020-05-10 10:51:36 · 648 阅读 · 0 评论 -
Canvas网页涂鸦板再次增强版
目录第一版Canvas涂鸦板第二版Canvas涂鸦板第三版Canvas涂鸦板体验涂鸦板第一版Canvas涂鸦板实现功能：在涂鸦板上鼠标按下去拖动的涂鸦效果实现思路：监听鼠标按下、移动、松开事件，将鼠标按下的值赋值给moveTo的x和y值，作为起始位置。在移动事件中，将鼠标距离可视区x和y值赋给lineTo，再进行描边。实现代码<!DOCTYPE html><htm...原创 2020-04-04 20:48:59 · 1925 阅读 · 0 评论 -
HTML5 Canvas的简单使用
目录Canvas教程文档Canvas的使用1. Canvas基本绘画2. Canvas画一个时钟3. Canvas绘制黑客入侵效果4. Canvas绘制星星特效5. Canvas网页涂鸦板增强版6. 3D炫酷特效总结Canvas教程文档参考这里https://www.runoob.com/w3cnote/html5-canvas-intro.htmlCanvas的使用1. Canvas基...原创 2020-04-04 15:23:50 · 440 阅读 · 0 评论 -
路漫漫其修远兮：js的成长经历（十）——js事件高级：拖拽
目录什么是拖拽简单拖拽实现代码实现效果完美拖拽_吸附实现代码实现效果带框拖拽实现代码实现效果自定义滚动条实现代码实现效果什么是拖拽拖拽就是在某一个对象上，当鼠标按下去之后，拖着对象走，松开鼠标时，对象位置变成拖拽的位置简单拖拽1.实现简单的拖拽功能2.当拖拽对象到网页边缘时，会停留在边缘实现代码<!DOCTYPE html><html> <head&...原创 2019-08-04 09:24:08 · 269 阅读 · 0 评论 -
路漫漫其修远兮：js的成长经历（八）——完美运动框架（新浪微博小案例）
目录什么是完美运动框架完美运动框架的实现animate原生代码小案例 —— 新浪微博发布消息代码实现效果什么是完美运动框架animate大家都很熟悉，完美运动框架就是能将自己封装好的animate能实现想要的运动效果，可以同时改变一个对象的各种属性，并且改变之后还能够实现接着需要改变的属性，即是运动，比如一个div盒子向有运动了一段距离，还能自己运动回来回来，就像是一链式运动，这种运动框架能解...原创 2019-08-03 08:15:04 · 231 阅读 · 0 评论 -
路漫漫其修远兮：js的成长经历（七）—— 水平轮播和透明度轮播的实现
目录透明度轮播animate封装代码如下透明度轮播实现代码实现效果水平轮播水平轮播实现代码实现效果本次轮播实现的素材图片透明度轮播主要思路：透明度轮播相对水平轮播的实现更简单一点。首先在HTML里建一个绝对定位的div盒子，然后在这个div盒子里用列表的方式插入四张图片，设置为绝对定位，并且块排列；接着在js中实现动态效果，透明轮播的实现就是将前一张图片的透明度设置为0，需要轮播的那一张图片的...原创 2019-08-01 13:31:15 · 244 阅读 · 0 评论 -
路漫漫其修远兮：js的成长经历（六）—— js 动画：碰撞检测
目录什么是碰撞检测碰撞检测_边缘检测实现代码实现效果碰撞检测_块于块碰撞实现代码实现效果什么是碰撞检测 碰撞检测是指两个物体碰撞，或者图片发生重叠之后的检测，这种检测往往在优秀中用的最多，比如飞机大战，子弹与敌机的碰撞等等，这种碰撞一旦被检测到，往往会执行一些事件，比如游戏中的敌人死亡的动态效果，这就是碰撞检测。下面是自己实现的两种碰撞检测：碰撞检测_边缘检测主要实...原创 2019-08-01 11:05:09 · 500 阅读 · 0 评论 -
路漫漫其修远兮：js的成长经历（五）—— js animate动画基础
目录什么是animate封装animateanimate方法测试实现效果什么是animate js运动是我们学习js必不可少的研究部分，首先我们要知道js的运动其实仅仅是不断改变元素的某个属性值而已，比如不断改变一个绝对定位div的left值，那么你看到的效果就是这个div不断的向右边运动，那么运动的原理就是这样。我们知道从a这一点到b这一点我们的运动方式有很多，...原创 2019-08-01 10:12:03 · 430 阅读 · 0 评论 -
路漫漫其修远兮：js的成长经历（四）—— ES6基础语法
目录ES6的简介ES6的基础语法let的特性const的特性解构赋值模板字符串箭头函数生成器ES6中类的定义ES6中set方法ES6中的mapES6的简介ECMAScript 6 简称 ES6，是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 和 Ja...原创 2019-08-01 08:34:38 · 180 阅读 · 0 评论 -
路漫漫其修远兮：js的成长经历（三）—— 正则表达式基础
目录正则表达式基础正则表达式概述正则表达式的表示方法正则表达式的基础语法正则表达式的特殊符号正则表达式的应用——密码格式正则表达式基础正则表达式概述正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。正则表达式的表示方法1.字面量的方式var reg = /abc/;2.构造函数var reg =new RegExp(“abc”);正则表达...原创 2019-07-31 19:23:56 · 187 阅读 · 0 评论 -
路漫漫其修远兮：js的成长经历（一）—— js的小技巧
目录三种js的警示框获取窗口对象Attribute方法和普通获取节点的区别删除空白节点的方法阻止默认行为事件DOM二级事件处理三种js的警示框alert(“直接弹出对话框”);confirm(“弹出选择确定或者取消”);prompt(“请输入内容：”,“默认的内容”);//是用户输入用的方法使用实例如下：<script type="text/javascript"> ...原创 2019-07-31 15:28:19 · 302 阅读 · 0 评论