
html
文章平均质量分 62
fairyIer
前端学习ing
非淡泊无以明志,非宁静无以致远。
展开
-
前端根据银行卡号或银行的简码动态显示logo图标
前言:在前端界面,有时候需要添加、显示银行卡等功能时,可能会需要显示对应银行的logo,银行有很多,而且有可能会有更新,前端一般可以怎么做呢,是直接在本地存储还是后端直接返回还是前端自己处理呢? 方法一:前端收集银行logo,对应显示。 方法二:由后端处理,通过接口放回给前端展示。如此前端无需特殊处理,直接展示即可。 方法三:前端根据银行简称,去“资源库”动态获取对应图标展示。本文讲述此方法具体实现:参考:https://blog.youkuaiyun.com/weixin_42...原创 2021-06-23 17:34:37 · 4737 阅读 · 0 评论 -
vue-quill-editor回显不显示空格和缩进的解决方案
只需要加上class="ql-editor"就行了<p class="ql-editor" v-html="content"></p>参考下文:感谢博主:https://blog.youkuaiyun.com/SkelleBest/article/details/85020842原创 2019-05-30 11:45:01 · 7003 阅读 · 0 评论 -
常见web错误码 404 500
404表示文件或资源未找到WEB常见的错误代码1、1xx-信息提示:这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个1xx响应。100-继续。101-切换协议。2、2xx-成功:这类状态代码表明服务器成功地接受了客户端请求。200-确定。客户端请求已成功。201-已创建。202-已接受。203-非权威性信息。204-无内容。205-重置内容。206...转载 2018-09-17 16:52:01 · 286 阅读 · 0 评论 -
js限制输入框只能输入数字
分享下js限制输入框中只能输入数字的方法,包括整数与小数,分享几个例子,有需要的朋友参考下。1.使用正则表达式限制输入框只能输入数字: <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/...转载 2018-08-16 16:25:48 · 2851 阅读 · 0 评论 -
浏览器缓存流程-web性能优化
TOC背景 浏览器的总流程图 一步一步说缓存 朴素的静态服务器 设置缓存超时时间 html5 Application Cache Last-Modified/If-Modified-Since Etag/If-None-Match 什么是Etag 为什么有了Last-Modified还要Etag Etag 的实现 迷之浏览器 总结背景在...转载 2018-08-03 10:52:08 · 652 阅读 · 0 评论 -
用户行为影响浏览器的缓存行为
原创 2018-08-03 10:44:34 · 785 阅读 · 0 评论 -
原生js阻止冒泡,兼容写法
js:var $item = document.getElementById('item'); $item.onclick = function (e) {//阻止冒泡 if (e) { e.stopPropagation(); e.preventDefault(); } else { ...原创 2018-05-28 15:49:30 · 4617 阅读 · 1 评论 -
handsontable新增行或者列表格错位问题解决
强大的handsontable表格可以实现类似excel一样的编辑,最近vue项目中有用到,正在熟悉它的配置,碰到一个小问题:新增列之后,表格线错位:我开始是用元素查找了很久的css样式,看是否后面几列的列头高度是否相比第一列有了变化,但他们的高度值、padding、margin等都是一样的,没有找到不同。最后想到它是display:table-cell,我就网上查看了下这种类型的高度的设...原创 2018-05-15 11:38:21 · 5106 阅读 · 4 评论 -
handsontable汉化包 2.0.x(vue项目)
handsontable@2.0.x强大的handsontable表格可以实现类似excel一样的编辑,最近vue项目中有用到,正在熟悉它的配置。我所说的汉化,主要是对于右键菜单的,汉化完的结果如下:第一步:我开始只是想设置右键菜单为中文,配置contextMenu项类似这样:contextMenu: { items: { "row_above"...原创 2018-05-18 16:22:18 · 5799 阅读 · 9 评论 -
原生js动态添加样式表
原生js给html动态添加样式表:1.创建标签<style>添加一张内置样式表 var style1 = document.createElement('style'); style1.innerHTML = 'body{color:red}#top:hover{background-color: red;color: white;}';...原创 2018-05-04 15:59:59 · 9846 阅读 · 0 评论 -
原生js获取和设置页面垂直滚动高度
最近想用原生js实现一些交互效果,以下代码是返回顶部按钮要用到的一个方法:获取和设置页面垂直滚动高度,如果用jq可以简单实现,用原生js,其实就是要多考虑浏览器的兼容性:/** * 获取&&设置-页面垂直滚动值 * */ function __getPageScrollY(top) { if (top || Number(top) ==...原创 2018-05-04 11:20:29 · 10112 阅读 · 0 评论 -
关于saved from url使用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0021)http://www.baidu.com/ --><html><title>aaaa</title><body><a href=&qu转载 2018-04-13 17:53:54 · 2121 阅读 · 0 评论 -
阻止表单的默认提交事件
表单一点击提交按钮(submit)必然跳转页面,如果表单的action为空也会跳转到自己的页面,即效果为刷新当前页。 如下,可以看到一点击提交按钮,浏览器的刷新按钮闪了一下:如果想要阻止表单的默认提交事件,有以下几种方法:1.将<input>标签内按钮类型从type="submit"修改为type="button"2.表单内的<button>未指定类型时,默认的类型为sub...转载 2018-04-23 11:41:04 · 34568 阅读 · 3 评论 -
layui弹出层闪退,layer弹出层闪退,layer弹出层坑
今天用layui的弹出层插件,发现两奇怪的问题:1、弹窗打开事件还未绑定到任何按钮,可是点击form表单中的按钮可以打开我定义的弹出层2、绑定弹出层到按钮,打开弹窗闪退 后面发现真如参考博文所说:我的button也是在form表单中,原因:我在form表单中使用了Button按钮,点击的时候会触发默认事件,而form的action我没填,所以就是弹出层闪退!!解决办法:...原创 2018-04-12 14:43:13 · 10449 阅读 · 13 评论 -
对付简单的运行商广告脚本,让它插入到错误的地方
转载 2018-03-28 15:13:46 · 184 阅读 · 0 评论 -
echarts,type:bar 柱形图的行高和宽度(条间距离)设置
type:bar 柱形图的行高和宽度(条间距离)设置百度图表柱形图的bar之间的行高?好像在文档没找到对应属性,只有barGap和barCategoryGap,但单独设置这两个一般还达不到我们想要的“条间距”显示效果,可以试试以下设置:关键代码:yAxis:{type:'category',data:['周一','周二','周三','周四','周五'],max:20 //...原创 2017-11-08 09:50:20 · 141984 阅读 · 11 评论 -
css透明度兼容问题opacity
CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理,保持浏览器效果的一致,这个估计谁都会写,但是涉及到filter的具体语法含义和各版本写法的不同区别,很多人都搞不准确,我曾经问过许多群里的大牛,说的都不是很准确,网上的说法就更五花八门了。今天呢,主要是重新温习一下这个属性,并实际测试来说明正确的写法,和IE各版本的支持度和书写区别。首先,转载 2017-04-27 20:05:55 · 1168 阅读 · 0 评论 -
一行代码解决ie浏览器弹出允许阻止控件问题
今天我在页面插入了flash视频,ie浏览器在打开页面预览的时候显示“Internet Explorer 已限制此网页运行脚本或ActiveX控件 ” 然后旁边有个按钮:允许阻止的内容,我们一帮就要手动点击这个按钮才能看到页面的视频或动画,要是万一别人不小心关闭了这个对话框或者没有允许,就看不到动画了,所以,可以在标签里面加这一行: 问题就解决了,用ie浏览器打开测试页面再也不会问你允许阻止原创 2016-04-12 18:46:12 · 4150 阅读 · 3 评论