HTML

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

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

针对Element的表格优化打印

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

JS对象根据Key排序

  H5&CSS3       2019年12月25日       3,773 热度    
直接上代码constunordered={ 'b':'foo', 'c':'bar', 'a':'baz' }; console.log(JSON.stringify(unordered)); //→'{"b":"foo","c":&

图片自动填满(非拉伸)

  H5&CSS3       2019年10月18日       1,720 热度    
需要将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,500 热度    
零、背景今天客户说要一个打印完后,自动把页面关闭(或者弹框询问是否关闭页面)的功能,查了一下,原来window底层就包含这个方法。一、代码varbeforePrint=function(e){ //打印前的业务代码 };varafterPrint=function(e){ //打印后的业务代码 };window.onbeforeprint=beforePrint; window.onafterpr

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

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

前端安全系列之二:如何防止CSRF攻击?

  前端       2018年10月16日       5,053 热度    
背景随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的 XSS、CSRF 等安全问题之外,又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然,浏览器自身也在不断在进化和发展,不断引入 CSP、Same-Site Cookies 等新技术来增强安全性,但是仍存在很多潜在的威胁,这需要前端技

前端安全系列(一):如何防止XSS攻击?

  前端       2018年10月16日       2,103 热度    
前端安全随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的 XSS、CSRF 等安全问题之外,又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然,浏览器自身也在不断在进化和发展,不断引入 CSP、Same-Site Cookies 等新技术来增强安全性,但是仍存在很多潜在的威胁,这需要前

解决同一IP不同端口Session失效问题

  前端       2018年09月17日       5,479 热度    
最近在使用Spring Security的Oauth2做单点登录功能,在本地调试的时候发现,在登录成功后,页面刷了一下,又回到了登录页面,就像是页面刷新了一样。几经排查,发现是相同IP下Session失效的问题。一、起因服务器是默认通过存储在cookie中的JSession字段,判断浏览器是否有session信息的Cookie只区分域名、IP、路径,不会对端口进行区分二、解决方案如果是部署在公网的

Log4j2配置介绍

  前端       2018年02月13日       4,423 热度    
本方法于2018-02-13号运行通过。一、log4j2 配置文件结构图二、log4j2 Maven先删除log4j 1.x版本的依赖,删除log4j.properties,再加入log4j2的依赖。log4j-slf4j-impl中包括了log4j-core和log4j-api<dependency> <groupId>org.apache.logging.log4j&l
Log4j2配置介绍

MyBatis的延迟加载

  前端       2017年12月26日       4,218 热度    
一、前言我们知道在resultMap中使用级联对于查找相关数据来说很方便(比如说查找雇员基本信息,顺便得到了雇员的体检信息、家庭信息、部门信息),但是有时我们不需要相关数据,那么在一些复杂的系统中,与主表相关联的表太多,一次查询执行多条无意义的SQL得到不需要的结果,就会浪费数据库的资源甚至对服务器的性能产生影响。为了应对这种问题MyBatis提供了延迟加载功能,即只执行所需信息的相关SQL。(类