一桶浆糊的博客

标签 - 随笔 共找到结果 3 条

IE 浏览器对于 css 文件大小限制的问题

公司里目前手上的项目需要兼容到 IE9,由于使用 Vue 写的其实兼容性问题不大,今天试了下js没问题,唯一的问题是,css 竟然没效果!!!当然,这只是在 IE9 上没效果, IE10 及以上都是没问题的.

1.png

开发者工具查看到 css 是加载了的,结果到页面上却是空白一片

2.png

竟然连最基本的背景图片都不见了,找了半天原因我甚至开始怀疑是不是 IE9 不支持 background-image ,可是重新写个页面写上样式,效果却是有的. 最后找了半天,发现了关键点:

3.png

这里说到,IE 会有 selector 数量限制和 css 文件大小限制 然后我默默的看了下自己 css 文件的大小 500+KB,再把各种能CDN链接的样式全都走CDN,重新打包最终 css 大小只有 100+KB了. 再到 IE 跑了一遍,完美~

4.png

总结： IE 浏览器对于 css 是有大小限制的,超出限制的样式会被抛弃：

  • 工作表最多可包含4095个选择器
  • 工作表可以导入多达31页
  • @import嵌套最多支持4级

详情可见: https://support.microsoft.com/zh-cn/help/262161

只能说再一次证明 IE 是浏览器界的毒瘤

阅读全文

必应(Bing)每日图片获取API

Bing每日壁纸介绍:作为一款搜索引擎，必应首页图片给人一种焕然一新的感觉，相较于其它搜索引擎仅在节日或纪念日才更换首页LOGO或背景图，每日一换的必应首页美图让人记忆尤新,bing网站每天会更新一张不同的精选图片.

blog.mrabit.com/bing/today 会自动同步更新 http://cn.bing.com 网站每天更新的图片,提供必应每日壁纸预览.

图片地址设置为: //blog.mrabit.com/bing/today

必应每日图片

即可

图片来源: http://cn.bing.com

阅读全文

小程序 - bing每日一图

  1. 小程序刚出来的时候使用过,当时炒的很火的小程序,不去试试水怎么可以,不过当时不对个人开发者开放,后来小程序对个人开发者开放后修改了部分代码并发布

  2. 当时博客前端代码是用jQuery的js框架,bootstrap的css框架,requireJS的模块化引入工具写的,后台代码由ThinkPHP3.2 + Mysql实现.

  3. 小程序需要网站HTTPS化,正好服务器是阿里云的就直接申请了证书实现了网站的SSL.

  4. 博客写了个定时任务爬去Bing每日图片并存放在七牛云储存,所以小程序可以直接读取数据库里的数据去七牛云储存取数据出来.

  5. 前段时间学习了Vue.js就把博客重构了一遍,使用Vue.js + express + mysql实现了效果并利用JWT进行权限认证,redis储存JWT生成的token值,websocket进行后台管理系统的踢人操作.

  6. HTML版bing每日一图: https://blog.mrabit.com/bing.html

  7. 小程序二维码:

阅读全文