继续分享我整理了5年的面试题。HTML:https://segmentfault.com/a/1190000020888959css:https://segmentfault.com/a/1190000020898762javascript:https://segmentfault.com/a/1190000020933141jquery:https://segmentfault.com/a/1190000020938095另外，附上课程链接：https://www.3mooc.com/front/l...1，如何去除ios系统中元素被触摸时产生的半透明灰色遮罩当用户点击一个链接时，一个将出现半透明的灰色蒙版。如果要禁用它，可以将-webkit-tap-highlight-color的alpha值设置为0，即将该属性值的最后一位设置为0，去掉半透明的灰色遮罩a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0;)}2,webkit表单输入框占位符的颜色值是否可以改变input::-webkit-input-placeholder{color:#AAAAAA;}input:focus::-webkit-input-placeholder{color:#EEEEEE;}3、webkit表单输入框placeholder的文本是否可以换行？是ios吗，android里不行~在textarea里可以改标签下的那一行~4、禁止ios长按触发系统菜单，禁止长按ios&android.css下载图片{-webkit-touch-callout:none}5、禁止ios和android用户选择text.css{-webkit-user-select:none}6.如何打电话、发短信、写邮件：拨打：0755-10086发短信，winphone系统无效发短信至：10086写邮件：peun@foxmail.com7、模拟按钮悬停效果在移动端触摸按钮的效果可以清楚的提示用户即将发生某事，是更好的体验，但是移动端没有鼠标指针，使用csshover不能满足我们的需求，幸好国外有激活mobilecss的active效果1.直接在body上加上ontouchstart也可以激活active移动端css的效果，推荐这种方法（兼容ios5+，部分android4+，winphone8）2.要实现完全兼容，可以通过绑定ontouchstart和ontouchend来控制按钮的类名8.音频元素和视频元素不能在ios和andriod中自动播放解决方法：触屏播放$('html').one('touchstart',function(){audio.play()})9、消除transitionsplashscreen是这样写的,但我还没有测试出来/*（设置变换后的元素背面是否面向用户可见：hidden）*/-webkit-backface-visibility:hidden;}10、开启硬件加速1、解决页面闪动2、保证动画流畅.css{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}11、取消ios下输入，输入英文首字母时12、android取消语音输入buttoninput::-webkit-input-speech-button{display:none}13、H5页面窗口自动适应设备宽度，禁止用户缩放页面<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>14，忽略页数被识别为电话号码15，忽略Android平台中对email地址的识别
