[JavaScript/JQuery] 图片转Base64、转二进制流及Base64转File

imgConversion = { /** * Base64字符串转file文件 * @param {Object} dataurl base * @param {Object} filename 文件名称 */ dataURLtoFile: function(dataurl, filename) { let arr ...

[Html+Css] CSS input type=”number” 出现上下箭头时解决方案

文本框 类型为number时，文本框右侧出现上下可增加减少箭头解决方法：input[type=number] { -moz-appearance:textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { ...

[JavaScript/JQuery] 自定义很好用的键值对数组集合

自定义很好用的键值对数组集合，测试浏览器兼容良好。// 封装map集合 function mapList() { this.elements = new Array(); //获取MAP元素个数 this.size = function () { return this.elements.length; }; //判断MAP是否为空 ...

[Html+Css] bootstrap模态框弹出时页面抖动解决方法

在项目实际开发过程中，遇到bootstrap模态框弹出时，页面应有的滚动条被全屏模态框遮挡消失，引起滚动条消失而页面会横向拉伸。相当与页面横向拉伸了滚动条的宽度问题。以下是解决方法：html { overflow-y: scroll } :root { overflow-y: auto; overflow-x: hidden; } :root body { positio...

[JavaScript/JQuery] 常用校验数字的正则表达式

开发过程中，常用来校验数字的一部分正则表达式，自己备份下：数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2...

[JavaScript/JQuery] WMV视频文件在网页中播放解决方法

最近在公司产品开发中过程中遇到以下问题：产品平台界面上需要显示当前设备上传的视频文件，而设备上传的视频文件格式是WMV，想想也是醉了，现在居然还有设备厂家在用WMV。当把这个需求放在手中的时候，尝试了很多方法，包括使用object、embed、video网页原生标签都达不到效果，后续更是尝试了包括cuplayer、ckplayer、jplayer等等很多插件及视频播放器。最终在搜索引擎中发现...

[JavaScript/JQuery] 前端开发中的JS常用运算

前端开发中JS一些常用的运算，包括丢弃小数部分保留整数部分、向上取整、四舍五入、向下取整、保留小数x位、转为字符串等等。丢弃小数部分,保留整数部分parseInt(7/2) 向上取整,有小数整数部分加1Math.ceil(7/2) = 4 四舍五入Math.round(7/2) = 4 向下取整Math.floor(7/2) = 3 保留小数x位var num = 23.33334; num...

[JavaScript/JQuery] 插件 - 网页顶部显示滚动高度比例

利用计算网页页面的整体高度及顶部显示进度条的百分比。HTML代码：<div class="headband"></div> headBand.js 代码：(function($) { $.fn.extend({ headBand: function(option) { var ViewH = $(wi...

[Html+Css] HTML5Web存储localStorage的使用

一、什么是localStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。二、localStorage的优势1、localStorage拓...

[JavaScript/JQuery] checkbox设置checked属性后不勾选处理方法

这两天在开发公司平台的过程中遇到复选框(checkbox)设置了checked="checked"属性，但是复选框(checkbox)一直不显示勾选效果。问题描述：在一个平台页面，有一个复选框(checkbox)选项，即勾选与不勾选。有一个需求是需要在页面查询数据后，将复选框(checkbox)设置为不勾选，紧接着再请求数据时默认再勾选(数据请求方式为异步，不刷新页面)，试了很多方法都不可以...