H5&CSS3--风琳技术博客

关于CSS中字体小于12px无效的问题

H5&CSS3 2022年10月14日 399 热度

这个问题来自于Chrome浏览器的限制，字体最小只能是12px，小于12px的字，在浏览的时候不是很方便，但是在打印页面的时候，我们需要更小的字体，打印出来的字还是很清晰的。老版本的Chrome浏览器还能用-webkit-text-size-adjust:none的属性设置。新版本的已经不行了。那么只能曲线救国了，用到CSS中的缩放属性.basic-info-remark{ ... font-si

针对Element的表格优化打印

H5&CSS3 2022年09月07日 740 热度

一、背景客户的需求推动技术的进步。最近做了个表格的一键打印，结果遇到表格内换行的时候，打印会碰到一格分成了两页的情况。二、方案百度了一圈找不到方案，于是乎谷歌了一下，查技术资料这方面还是谷歌好用。tbodytr{ page-break-inside:avoid }这段代码可防止在一个tr内分成2页三、延伸打印的时候发现，el-table并不能每页都显示表头，这样不大美观。查看代码后发现，el-ta

JS对象根据Key排序

H5&CSS3 2019年12月25日 3,732 热度

直接上代码constunordered={ 'b':'foo', 'c':'bar', 'a':'baz' }; console.log(JSON.stringify(unordered)); //→'{"b":"foo","c":&

图片自动填满（非拉伸）

H5&CSS3 2019年10月18日 1,705 热度

需要将img放在一个div里面html：<divclass="xy-album-item"> <imgclass="xy-album-cover"src=""/> </div>css：.xy-album-item{ position:relative; display:inline-block; ove

JS实现打印完回调

H5&CSS3 2019年05月29日 164,178 热度

零、背景今天客户说要一个打印完后，自动把页面关闭（或者弹框询问是否关闭页面）的功能，查了一下，原来window底层就包含这个方法。一、代码varbeforePrint=function(e){ //打印前的业务代码 };varafterPrint=function(e){ //打印后的业务代码 };window.onbeforeprint=beforePrint; window.onafterpr

解决Ueditor再次编辑时，pre标签内容显示异常的问题

H5&CSS3 2019年02月01日 2,271 热度

零、扯个淡好吧，这个问题其实一直都存在，只是一直懒得修复→_→一、问题复现只要是带<>标签的，在pre中都会被转码，变成<和>。保存后在文章页中显示正常，但当再次编辑的时候，这些标签就会被过滤掉。二、解决方案先把文章内容放在一个不可见的div里面，原来的textarea里别放内容了<textareaid="contentEditer"

FormData 对象的使用

H5&CSS3 2017年09月04日 4,780 热度

通过FormData对象可以组装一组用XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据，因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ，则通过FormData传输的数据格式和表单通过submit()方法传输的数据格式相同如何创建一个FormData对象Edit你可以自己创建一个FormData对象，然后通过调用它的appe

实现input密码框显示/隐藏的功能

H5&CSS3 2017年08月19日 13,454 热度

现在很多地方的注册都只有一个密码框，然后再加个显示/隐藏按钮，这样做很简洁，不用再很繁琐的输入两遍密码，用户能自己看到密码输入得对不对。所以幻幻也研究了一发实现方案：1. 首先来个密码框<ddclass="password"> <inputname=""type="password"class="n-txtCs

UEditor设置最大字数限制

H5&CSS3 2017年07月17日 10,107 热度

最近项目的富文本编辑器换成了UEditor，以为和kindeditor一样设置完就能实现字数限制（超过最大字数不能输入），实际上，UEditor只是给出了提示，并没有限制输入。所以就只能自给自足丰衣足食啦。1.搜索ueditor.all.js中的maximumWords，找到以下段落：countDom.innerHTML=errMsg; editor.fireEvent("wordcou

js获取图片二进制码，显示缩略图

H5&CSS3 2017年05月31日 6,260 热度

做聊天的时候需要图片的二进制码作为缩略图，研究了大半天找到了这个方法。说明：这段代码主要是将input[file]中的图片转换成二进制码，之后可以直接放入img标签中显示，也可以用于数据传输。字段说明：obj：文件，document.getElementById("xxx").files[0]area：区域大小callback：回调函数,其中_canvas参数就是图片的二进制码

html5离线存储

H5&CSS3 2016年10月09日 6,288 热度

STORAGE(存储)Cookie在HTML5以前我们会使用 cookie，在浏览器端缓存一些数据，例如：登录用户信息，历史搜索信息等等。但是cookie所支持的容量仅仅只有 4k ，也没有专门的api来操作，只能依赖一些开源的库，这里使用 cookies.js 存储和获取cookie信息//这是一个cookie值Cookies.set('key','value'

对DIV做placeholder效果

H5&CSS3 2016年09月13日 4,209 热度

当DIV加上contenteditable="true"作textarea用时，光写placeholder是没有效果的。.prefix_content:empty:before{ content:attr(placeholder); color:#bbb; } .prefix_content:focus:before{ content:none; }加上以上代码后，placeh