![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
cnmone
这个作者很懒,什么都没留下…
展开
-
开启Apache的gzip压缩
这篇文章主要介绍了如何使用Gzip实现Apache服务器来压缩网页文件,以提升加载效率。开启Apache的gzip压缩要让apache支持gzip功能,要用到deflate_Module和headers_Module。打开apache的配置文件httpd.conf,大约在120-130行左右,找到以下两行内容:(我测试过#LoadModule headers_module modules/m...原创 2019-01-31 21:51:47 · 371 阅读 · 0 评论 -
dom操作控制video倍速播放
video标签倍速播放原创 2022-08-05 10:16:27 · 2340 阅读 · 0 评论 -
vue-element el-table 使用sortablejs拖拽排序
需求描述vue-element-admin开发过程中需要对el-table行进行排序(即每一行可以上下移动),然后将排序后的数据传给后台更新数据。该表格无分页。问题分析方法一:可以采用在每条数据中加两个上下移动的按钮,每次移动一行。该方法实现简单,不过要连续移动的时候需要多次调用接口,交互效果不太好。方法二:可以采用table的拖拽功能实现行的一次性拖拽。该方法可以实现拖拽后调用接口,任意移动多行,但是需要依赖sortablejs仓库。问题解决综合考虑决定使用sortablejs实现该功能。原创 2022-04-11 16:27:19 · 3853 阅读 · 0 评论 -
vConsole在移动开发中使用
vConsole一个轻量、可拓展、针对手机网页的前端开发者调试面板。vConsole.js 重写console方法,实现了类似于微信小程序的移动端调试效果。直接引入使用<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script><script> // init vConsole var vConsole = new VConsole原创 2021-08-20 18:45:28 · 244 阅读 · 0 评论 -
使用Chrome断点调试javascript程序
1. 问题描述:代码上线后出现问题,有一个提交按钮无法点击,原因是在提交方法中多了一条 return false 语句。那么如何通过Chrome中的控制台在source中设置断点调试实现该功能呢?submit: function() { let _this = this return false // 注意这句是测试时使用的,不小心打到了生产上 let data = Object.assgin({}, _this.searchData) $reques原创 2020-10-15 23:47:41 · 324 阅读 · 0 评论 -
首字母大写的几个小技巧
首字母大写js方法// 方法1 (Vue 2.x 版本中使用过该方法)function capitalize(str) { return str.charAt(0).toUpperCase() + str.slice(1) }// 方法2 -- 使用replacefunction capitalize(str) { return str.replace(/^[a-z]/g, (L) => L.toUpperCase())}// 方法3function capita.原创 2020-08-19 22:18:22 · 301 阅读 · 0 评论 -
字符串补0的一个简单方法
问题描述字符串补0是常见的需求,比如日期不足2位补0,数字精度不足补0等,需求是给一个数字和一个小数精度返回一个带有特定精度的数字字符串问题分析字符串补0操作可以考虑切割字符串操作,参考:substr() 方法问题解决先看一个日期补0的方法:function padStart(str){ return ('0' + str).substr(-2)}padStart(2) // 02padStart(10) // 10后缀补0保持精度function padEnd(val, p原创 2020-07-12 07:31:43 · 5264 阅读 · 0 评论 -
vue前端调后台接口下载excel文件
后台提供下载接口,可传参数使用get方法window.location.href = '/api/xxx/xxx?params'window.open('/api/xxx/xxx?params')<a href="/api/xxx/xxx?params" download="excel.xls">export</a>get方法参数拼接/...原创 2020-02-28 00:04:13 · 3252 阅读 · 0 评论 -
你不知道的JSON.stringify知识点
1. 定义stringify 函数的定义: JSON.stringify(value [, replacer [, space]])参数:value : 将要转为JSON字符串的javascript对象。replacer :该参数可以是多种类型,如果是一个函数,则它可以改变一个javascript对象在字符串化过程中的行为, 如果是一个包含 String 和 Number 对象的数组,则...原创 2019-11-08 16:26:23 · 337 阅读 · 0 评论 -
vue+iview 通过a标签实现文件下载解决方法
vue+iview 通过a标签实现文件下载方法一:注意: 如果下载的文件放在本地目录下,一定要将模板文件放到 public 目录下,否则由于权限问题找不到文件路径: 项目更目录–》public–》tpls–》下载模板.xls1.1 直接使用a标签 + download属性<a :href="downUrl" target="_blank" :download="downNm">...原创 2019-07-09 18:58:29 · 7988 阅读 · 0 评论 -
面向对象-js原生轮播图-从零到一
js原生轮播图面向对象编程js原生实现轮播图效果1.先看效果图2.需要实现的功能:3.html结构4.功能实现4.1 创建对象4.2动画效果由translateX实现4.3根据轮播图片个数生成数字按钮节点4.4轮播图数字按钮点击切换状态4.5轮播事件,也是点击右箭头的事件4.6事件绑定4.7初始化方法4.8实例化Carousel对象,大功告成5备注面向对象编程js原生实现轮播图效果1.先看效果...原创 2019-05-05 23:34:11 · 606 阅读 · 0 评论