
HTML、CSS
HTML、CSS
lucasxt
这个作者很懒,什么都没留下…
展开
-
多个span标签在同行展示不对齐问题
检查发现存在空标签导致 span:empty { display: none; }原创 2020-03-10 12:19:16 · 944 阅读 · 0 评论 -
文件名称相关处理
截取文件名 function splitFileName(text) { var pattern = /\.{1}[a-z]{1,}$/; if (pattern.exec(text) !== null) { return text.slice(0, pattern.exec(text).index); } else { return tex...原创 2019-11-20 16:12:13 · 105 阅读 · 0 评论 -
表单页面按回车键弹出选择文件窗口问题
给button按钮添加type="button"属性,不定义type时,IE浏览器的默认类型是"button",而其他浏览器中(包括W3C规范)的默认值是"submit"原创 2019-11-15 14:38:02 · 310 阅读 · 0 评论 -
web安全问题
XSS 持久型也就是攻击的代码被服务端写入进数据库中,这种攻击危害性很大,因为如果网站访问量很大的话,就会导致大量正常访问页面的用户都受到攻击。 非持久型相比于前者危害就小的多了,一般通过修改 URL 参数的方式加入攻击代码,诱导用户访问链接从而进行攻击。但是对于这种攻击方式来说,如果用户使用 Chrome 这类浏览器的话,浏览器就能自动帮助用户防御攻击。但是我们不能因此就不防御此类攻击了,因为我...原创 2019-05-29 21:33:31 · 222 阅读 · 0 评论 -
性能优化
性能优化 1. 图片优化 计算图片大小 减少像素点 减少每个像素点能够显示的颜色 图片加载优化 不用图片。很多时候会使用到很多修饰类图片,其实这类修饰图片完全可以用 CSS 去代替。 对于移动端来说,屏幕宽度就那么点,完全没有必要去加载原图浪费带宽。一般图片 都用 CDN 加载,可以计算出适配屏幕的宽度,然后去请求相应裁剪好的图片。 小图使用 base64 格式 将多个图标文件整合到一张图片...原创 2019-05-29 21:27:15 · 193 阅读 · 0 评论 -
前端处理兼容性的方法
前端处理兼容性的方法 BROWSERHACKS是一个网站,它也是一个资料合集,里面就介绍了如何去识别不同浏览器与不同浏览器版本的各种黑科技 html5shiv.js his script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer. http://pauliri...原创 2019-05-13 18:32:15 · 884 阅读 · 0 评论