随笔分类 -  css

Android、IOS文字居中偏离的解决方案
摘要：前言 移动端开发，经常会遇到的问题，就是文字居中。一般都只能往css方向去fix这个问题。 自己以前也用过 的方式去解决。🌚 后来才发现，原来不是css的问题，是浏览器在渲染象形文字时，就已经错误了。 本文参考自知乎回答，用来总结如何填上这个坑～ 一、css文字居中 先总结下，前端开发中，常用的文 阅读全文
posted @ 2018-05-17 12:10 我是leon 阅读(4697) 评论(1) 推荐(0)
localStorage的黑科技-js和css缓存机制
摘要：一、发现黑科技的起因 今天在微信公众号看到一篇技术博文，想用印象笔记收藏，所以发送了文章链接到pc上。然后习惯性地打开控制台，看看源码，想了解下最近微信用了什么新技术。 呵呵，以下勾起了我侦探的欲望。页面加载后的异常点就是只加载了一个js，如下图所示： 我很诧异，为什么已经开启了Disable ca 阅读全文
posted @ 2017-01-18 20:37 我是leon 阅读(14876) 评论(9) 推荐(6)
动态加载css方法实现和深入解析
摘要：一、方法引用来源和应用 此动态加载css方法 loadCss，剥离自Sea.js，并做了进一步的优化（优化代码后续会进行分析）。 因为公司项目需要用到懒加载来提高网站加载速度，所以将非首屏渲染必需的css文件进行动态加载操作。 二、优化后的完整代码 javascript var url = opti 阅读全文
posted @ 2017-01-17 23:01 我是leon 阅读(7433) 评论(1) 推荐(1)
Content-Type伪装 - 将jsp伪装成css
摘要：一、前期理论准备 1)目的： 在jsp中动态生成css语句，然后输出给浏览器解析、渲染。 2)浏览器解析文件的依据： 页面加载后，浏览器会发起各个请求去下载各种资源。 比如下载css文件，然后根据css的解析规则去解析文档。而如果下载的文件Content Type不符合，则浏览器会自动屏蔽掉。 二、 阅读全文
posted @ 2017-01-09 19:35 我是leon 阅读(1501) 评论(1) 推荐(0)
a标签点击跳转失效--IE6、7的奇葩bug
摘要：一般运用a标签包含img去实现点击图片跳转的功能，这是前端经常要用到的东西。今天遇到个神奇的bug：如果在img上再包裹一层div，而且div设置了width和height，则图片区域点击时，无任何响应。出现这个bug的条件是：1.a标签下包含div这样的块元素 2.块元素必须设... 阅读全文
posted @ 2015-05-13 16:55 我是leon 阅读(1607) 评论(5) 推荐(0)
IE6、7下html标签间存在空白符，导致渲染后占用多余空白位置的原因及解决方法
摘要：直接上图：原因：该div包含的内容是靠后台进行print操作，输出的。如果没有输出任何内容，浏览器会默认给该空白区域添加空白符。在IE6、7下，浏览器解析渲染时，会认为空白符也是占位置的，默认其具有字体的属性，所以也就出现“多余占位”的bug。解决方法：一、让html标签相接输出。例如：。 ——太... 阅读全文
posted @ 2015-04-01 17:09 我是leon 阅读(896) 评论(0) 推荐(0)
前端极易被误导的css选择器权重计算及css内联样式的妙用技巧
摘要：记得大学时候，专业课的网页设计书籍里面讲过css选择器权重的计算：id是100，class是10，html标签是5等等，然后全部加起来的和进行比较。。。 我只想说：真是误人子弟，害人不浅！ 最近，在前端群里还发现以上观点类似的奇葩聊天，真是*** 其实，也是在很久以前，看了腾讯ISUX的一... 阅读全文
posted @ 2015-01-31 01:42 我是leon 阅读(2643) 评论(0) 推荐(0)