小方块的世界

这篇文章主要介绍了如何使用Gzip实现Apache服务器来压缩网页文件，以提升加载效率。开启Apache的gzip压缩要让apache支持gzip功能，要用到deflate_Module和headers_Module。打开apache的配置文件httpd.conf，大约在120-130行左右，找到以下两行内容：（我测试过#LoadModule headers_module modules/m...

video标签倍速播放

需求描述vue-element-admin开发过程中需要对el-table行进行排序（即每一行可以上下移动），然后将排序后的数据传给后台更新数据。该表格无分页。问题分析方法一：可以采用在每条数据中加两个上下移动的按钮，每次移动一行。该方法实现简单，不过要连续移动的时候需要多次调用接口，交互效果不太好。方法二：可以采用table的拖拽功能实现行的一次性拖拽。该方法可以实现拖拽后调用接口，任意移动多行，但是需要依赖sortablejs仓库。问题解决综合考虑决定使用sortablejs实现该功能。

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

1. 问题描述：代码上线后出现问题，有一个提交按钮无法点击，原因是在提交方法中多了一条 return false 语句。那么如何通过Chrome中的控制台在source中设置断点调试实现该功能呢？submit: function() { let _this = this return false // 注意这句是测试时使用的，不小心打到了生产上 let data = Object.assgin({}, _this.searchData) $reques

首字母大写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.

问题描述字符串补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

后台提供下载接口，可传参数使用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方法参数拼接/...

1. 定义stringify 函数的定义： JSON.stringify(value [, replacer [, space]])参数：value ： 将要转为JSON字符串的javascript对象。replacer ：该参数可以是多种类型,如果是一个函数,则它可以改变一个javascript对象在字符串化过程中的行为, 如果是一个包含 String 和 Number 对象的数组,则...

vue+iview 通过a标签实现文件下载方法一：注意: 如果下载的文件放在本地目录下，一定要将模板文件放到 public 目录下，否则由于权限问题找不到文件路径： 项目更目录–》public–》tpls–》下载模板.xls1.1 直接使用a标签 + download属性<a :href="downUrl" target="_blank" :download="downNm"&gt...

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.先看效果...