js
文章平均质量分 50
熙翎
这个作者很懒,什么都没留下…
展开
-
js文件图片视频下载
文件下载原创 2023-02-09 15:03:20 · 477 阅读 · 0 评论 -
监听浏览器窗口切换
浏览器切换时销毁数据原创 2022-06-07 11:44:41 · 720 阅读 · 0 评论 -
js图片压缩
js图片压缩实现原理具体实现实现原理1、通过canvas进行处理2、图片宽高等比缩放,当前缩放比例为0.53、图片质量压缩,当前质量为0.94、得到新的base64位图片,转换为Blob的文件流具体实现/** * * 图片等比压缩 * @param {*} file 原文件流 * @param {*} M 超过几M进行压缩,默认超过1M才进行等比压缩 * @param {*} Fn 回调方法 */function compressImg(file,Fn,M=1){ if原创 2021-09-09 17:38:36 · 1491 阅读 · 0 评论 -
简易富文本编辑器
简易富文本编辑器textbus下载依赖包引入相关代码wangeditor引入依赖包引入基础代码菜单栏和内容区分离上传图片带标题预览以下都是vue项目,若是需要比较复杂的功能,比较推荐使用textbus;若是类似今日头条,偏简约风格,比较推荐使用wangeditor轻量级;textbus功能多,可自定义按钮,自定义插件,各种功能齐全,但是操作比较复杂,相关地址,如下下载依赖包npm install @textbus/textbus引入相关代码以下为基本方法template<templ原创 2021-08-17 15:52:30 · 1557 阅读 · 0 评论 -
滑块验证码
1、原生代码原理快速拖动到尾部,相应滑块也跟着变动;拖拽时未到底部,滑块自动收缩至初始位置;兼容性支持移动端、PC端;html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑动</title> <link rel="stylesheet" href="css/drag.css" > <script src原创 2021-07-09 17:11:48 · 254 阅读 · 0 评论 -
js正则表达式收藏
js正则特殊正则密码1、同时存在大小写、数字,长度大于六位2、同时存在大小写、数字,或者包含特殊字符(._~!@#$^&*),禁止空格,长度大于六位特殊正则密码1、同时存在大小写、数字,长度大于六位/^(?=.\d)(?=.[a-z])(?=.*[A-Z])[a-zA-Z\d]{7,100}$/2、同时存在大小写、数字,或者包含特殊字符(._~!@#$^&*),禁止空格,长度大于六位/^(?!.\s)(?=.\d)(?=.[a-z])(?=.[A-Z])[a-zA-Z\d |a-原创 2021-07-05 11:55:04 · 183 阅读 · 0 评论 -
this与作用域的理论及应用
一、this关键字面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。重点:谁调用这个函数或方法,this关键字就指向谁。• 在方法中,this 表示该方法所属的对象。• 如果单独使用,this 表示全局对象。• 在函数中,this 表示全局对象。• 在函数中,在严格模式下,this 上是未定义的(undefined)。• 在事件中,this 表示接收事件的元素。• 类似 call() 和 apply()原创 2021-04-19 10:03:09 · 394 阅读 · 0 评论 -
vue-awesome-swiper兼容ie9
vue-awesome-swiper兼容ie9采用swiper采用SuperSlide采用vue-awesome-swiper采用swiper目前只支持2.6.7,3版本以上暂不支持,否则样式会出现问题;缺点:但是在2.XX的版本中,只能单独分页轮播,无左右分页轮播,支持ie9及以上官网地址:示例:采用SuperSlide目前支持ie8以及以上,有分页轮播,缺点:灵活性没有swiper专业官网地址:示例:采用vue-awesome-swiper目前支持ie10及以上官网地址:示例原创 2021-02-27 15:56:38 · 683 阅读 · 0 评论 -
vue优化总结
vue优化总结一、vue页面优化二、webpack优化一、vue页面优化1、路由懒加载component: () => import('@/views/')2、组件懒加载 const name=()=>import('@/XX.vue');3、图片懒加载//1.CDN引用vue-lazyload<script src="https://unpkg.com/vue-lazyload/vue-lazyload.js"></script>//2.main原创 2021-02-20 19:03:47 · 794 阅读 · 2 评论 -
js中的锚点
1、第一种方法:如果让页面平滑滚动到一个id为box的元素处,速度为1秒,如下:$('html, body').animate({scrollTop: $('#box').offset().top}, 1000);2、第二种方法:让页面直接快速滚动到一个id为box的元素处,如下$('html, body').animate({scrollTop: $('#box').offset().top});3、第三种方法: <div onclick="tz()">点击到锚点</d原创 2020-05-26 12:42:43 · 2860 阅读 · 0 评论 -
SuperSlide轮播图在同一个页面多次切换出现图片缓存
如图:解决方案:每次点击类型时,将前一个的slide对象销毁。注:必须是3.0版的superslide插件,没有的话,可以找作者要具体如下://当前页面定义var slidesText ='';//轮播对象var slidesRun =true;//默认设置第一次加载轮播数为true,后面的次数为falseif(slidesRun){//第一次加载 slidesRun=false; }else{//后面的加载 slidesText[0].destroy(); //销毁前面的原创 2020-05-25 12:21:18 · 540 阅读 · 0 评论