之前在 Safari 上用 focus 事件来实现 Dropdown 下拉菜单,结果在 iOS 上不兼容. 尝试了 MDN 和 stack over flow 上各种奇技淫巧,然而在 iOS 上全都败下阵来. 孙子兵法云:上兵伐谋.看来正面不行,就要侧面来. 与其针对 iOS Safari 这个怪物,不如来次釜底抽薪,永绝后患. 我们不用 iOS 上不友好的事件,只用click这种没有问题的事件接口. 监听到全局的click事件触发,就立即关闭下拉菜单. 在app.component.html中…

-webkit-appearance : none ; /*解决iphone safari上的圆角问题*/…

一个页面中有头部.底部和中间内容区域,底部固定在屏幕底端. 头部header 内容main 底部footer 方法一.在main上使用fixed定位,加上overflow-y属性. .main { position: fixed; top: 50px; bottom: 50px; overflow-y: scroll; } 不推荐这个fixed方案,因为页面偶尔卡住不动. 方法二.中间的main不设定位,高度100%,再padding头部和尾部, 其中头部和底部的定位设为absolute会比设为…

今天调了两个出现在旧版Safari上的layout bug. 它们最初是在同事的iPad上被发现的, 我在自己桌面上安装的Safari 5.1.7上也能够复现. Bug1: .vertical-center失效 从网上学来了一个很好用的竖直居中的css. .vertical-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); tra…

问题描述 我们经常用yyyy-MM-dd HH:mm:ss格式表示日期,如2018-11-11 00:00:00,在js开发中也经常会把此格式字符串格式化为javascript Date类型,如new Date('2018-11-11 00:00:00'),不幸的是此操作在Safari浏览器(不论是Mac还是iPhone)上会报错,返回Invalid Date.如下图所示   在Mac Safari控制台执行 解决问题 所以在new Date('yyyy-MM-dd HH:mm:ss')格式化前…

Angular复习笔记7-路由(上) 关于Angular路由的部分将分为上下两篇来介绍.这是第一篇. 概述 路由所要解决的核心问题是通过建立URL和页面的对应关系,使得不同的页面可以用不同的URL来表示.主流前端框架围绕这个问题给出了各自的路由实现,虽然语法和工作机制不尽相同,但理念却殊途同归.在Angular中,页面由组件构成,因此URL和页面的对应关系实质上就是URL和组件的对应关系.建立URL和组件的对应关系可通过路由配置来指定.如下图所示,路由配置包含了多个配置项.最简单的情况是,一个配…

1.Toast的基本使用 Toast在Android中属于系统消息通知,用来提示用户完成了什么操作.或者给用户一个必要的提醒.Toast的官方定义是这样的: A toast provides simple feedback about an operation in a small popup. It only fills the amount of space required for the message and the current activity remains visible a…

0.解决虚拟机连接不上外网,不能互相ping通 直接在linux系统下,编辑修改如下文件: //编辑文件/etc/sysconfig/network-scripts/ifcfg-eth0 [root@localhost install]# vi /etc/sysconfig/network-scripts/ifcfg-eth0 //查看文件/etc/sysconfig/network-scripts/ifcfg-eth0 [root@localhost install]# cat /etc/sy…

我们在使用百度统计中的SEO建议检查网站时,总是发现“静态页参数”一项被扣了18分,扣分原因是“在静态页面上使用动态参数,会造成spider多次和重复抓取”.一般来说静态页面上使用少量的动态参数的话并不会对spider的抓取造成什么影响,但要是一个网站静态页面上使用的动态参数过多,那么最后就有可能会造成spider多次和重复抓取了. 要解决“在静态页面上使用动态参数,会造成spider多次和重复抓取”这一SEO问题,我们需要用到Robots.txt(机器人协议)来限制百度spider对网站页面的…

AOP称为面向切面编程,在程序开发中主要用来解决一些系统层面上的问题,比如日志,事务,权限等待,Struts2的拦截器设计就是基于AOP的思想,是个比较经典的例子. 一 AOP的基本概念 (1)Aspect(切面):通常是一个类,里面可以定义切入点和通知 (2)JointPoint(连接点):程序执行过程中明确的点,一般是方法的调用 (3)Advice(通知):AOP在特定的切入点上执行的增强处理,有before,after,afterReturning,afterThrowing,around…