2017 年 7月随笔档案 - web_study

摘要：input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;} 阅读全文

posted @ 2017-07-28 18:00 web_study 阅读(1985) 评论(0) 推荐(0) 编辑

摘要：随着html5(后面用h5代表)标签越来越广泛的使用，IE9以下（IE6-IE8）不识别h5标签的问题让人很是烦恼。在火狐和chrome之类的浏览器中，遇到不认识的标签，只要给个display:block属性，就能让这个元素成为一个类似div的元素，但是到IE上就很恶心了，它不认识就是不认识，你在阅读全文

posted @ 2017-07-27 16:51 web_study 阅读(1801) 评论(2) 推荐(2) 编辑

div,span等标签支持focus/blur事件

摘要：阅读全文

posted @ 2017-07-27 11:35 web_study 阅读(3818) 评论(0) 推荐(0) 编辑

前端开发之优雅降级与渐进增强

摘要：一图胜千言印象中，渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验，但是它们侧重点不同，所以导致了工作流程上的阅读全文

posted @ 2017-07-26 17:41 web_study 阅读(12795) 评论(0) 推荐(2) 编辑

onkeydown、onkeypress、onkeyup、onblur、onchange、oninput、onpropertychange的区别

摘要：onkeydown:按下任何键（字母、数字、系统、tab等）都能触发，且对于字母不区分大小写； onkeypress:按下字母、数字键时触发，且对于字母区分大小写; onkeyup:相应的键和onkeydown相同，区别是相应顺序的不同前三者的相应顺序为：onkeydown >onkeypress 阅读全文

posted @ 2017-07-24 16:15 web_study 阅读(961) 评论(0) 推荐(0) 编辑

一行代码解决IE兼容性问题

摘要：在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下 <!Doctype html><html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http: 阅读全文

posted @ 2017-07-15 23:03 web_study 阅读(195) 评论(0) 推荐(0) 编辑

IE6 浏览器常见兼容问题共23个

摘要：1.<!DOCTYPE HTML>文档类型的声明。产生条件：IE6浏览器，当我们没有书写这个文档声明的时候，会触发IE6浏览器的怪异解析现象；解决办法：书写文档声明。 2.不同浏览器当中，很多的标签的默认样式不同，如默认的外部丁内补丁。产生条件：不同浏览器；解决办法：利用CSS reset文阅读全文

posted @ 2017-07-15 23:01 web_study 阅读(162) 评论(0) 推荐(0) 编辑

web前端-移动端响应式与自适应

摘要：一. 在HTML的头部加入meta标签在HTML的头部，也就是head标签中增加meta标签，告诉浏览器网页宽度等于设备屏幕宽度，且不进行缩放，代码如下： <meta name="viewport" content="width=device-width,user-scalable=no,init 阅读全文

posted @ 2017-07-10 23:31 web_study 阅读(2626) 评论(0) 推荐(0) 编辑

Ajax兼容性问题

摘要：对于IE7及以上直接使用 XMLHttpRequest 就行，但对于过老版本IE建议直接提示用户下载新版浏览器更佳。或者用以下代码兼容IE6：阅读全文

posted @ 2017-07-09 01:33 web_study 阅读(399) 评论(0) 推荐(0) 编辑

Ajax基础知识

摘要：Ajax名称 Asynchronous Javascript And XML 翻译为：异步JS数据交互模块；作用实现前后端或跨页面间的异步数据通信；同源策略限制 Ajax默认只能在同一个网站中使用，不能跨域，最好在网站环境（服务器环境）下测试。 Ajax核心对象属性方法（重点） XMLHt 阅读全文

posted @ 2017-07-09 01:29 web_study 阅读(188) 评论(0) 推荐(0) 编辑

js本地对象——Date()

摘要：Date()是JavaScript的本地对象，用于获取当前的时间，包括年、月、日、时、分、秒，可以精确到毫秒级；该对象返回的是UTC 协调世界时（Coordinated Universal Time）又称世界统一时间，世界标准时间，国际协调时间，该时间是从1970年1月1日0时0分0秒开始计算常用阅读全文

posted @ 2017-07-08 18:35 web_study 阅读(402) 评论(0) 推荐(0) 编辑

js内置对象——Math

摘要：Math()是JavaScript的内置对象（对于内置对象的理解，会单独写文章说明），包含了很多数学相关的方法；常用方法： Math.random() 的一个特殊应用获得任意两个数之间的随机数，例如m-n(m<n); 阅读全文

posted @ 2017-07-08 18:17 web_study 阅读(262) 评论(0) 推荐(1) 编辑

js常用事件及事件对象

摘要：总结了js中DOM操作的常用事件，包括内置的事件对象event 阅读全文

posted @ 2017-07-08 17:42 web_study 阅读(227) 评论(0) 推荐(0) 编辑

js-DOM操作基本知识

摘要：DOM操作中接点node的获取阅读全文

posted @ 2017-07-08 17:41 web_study 阅读(165) 评论(0) 推荐(0) 编辑

js基础——事件绑定（事件监听）

摘要：JavaScript事件一共有三种监听方法分别如下： 1、事件监听一夹杂在html标签内说明：以上把事件监听功能onClick写到div中的形式是最古老原始形式，所有主流浏览器都支持。类似行内CSS样式一样，是有效的(注意大小敏感),但是缺点和写到行内的CSS样式一样。优点： 1）兼容性好，基阅读全文

posted @ 2017-07-08 15:50 web_study 阅读(6864) 评论(0) 推荐(0) 编辑

js兼容性——获取当前浏览器窗口的宽高

摘要：通过onresize事件阅读全文

posted @ 2017-07-08 15:03 web_study 阅读(5634) 评论(0) 推荐(0) 编辑

WEB开发兼容性---浏览器渲染模式—— document.compatMode

摘要：document.compatMode主要是用来判断浏览器采用何种方式渲染，它有两种可能的返回值：BackCompat和CSS1Compat，官方对其解释如下： BackCompat：标准兼容模式关闭，向后兼容模式。CSS1Compat：标准兼容模式开启。当document.compatMode等于阅读全文

posted @ 2017-07-08 14:57 web_study 阅读(326) 评论(0) 推荐(0) 编辑

CSS3特效——六面体

摘要：1 2 3 4 5 6 7 84 85 86 87 88 89 1 90 2 91 3 92 4 93 ... 阅读全文

posted @ 2017-07-08 14:44 web_study 阅读(441) 评论(0) 推荐(0) 编辑

js特效——自动滚动

摘要：1 2 3 4 5 6 7 77 78 79 80 > 81 82 83 AAAA 84 BBBB 85 ... 阅读全文

posted @ 2017-07-08 14:39 web_study 阅读(347) 评论(0) 推荐(0) 编辑

js常用特效——选项卡效果

摘要：1 2 3 4 5 6 55 56 57 58 1 59 2 60 3 61 62 63 A 64 B 65 ... 阅读全文

posted @ 2017-07-08 14:35 web_study 阅读(338) 评论(0) 推荐(0) 编辑

js常用特效-幻灯片

摘要：1 2 3 4 5 6 7 107 108 109 110 111 第一张 112 第二张 113 第三张 114 ... 阅读全文

posted @ 2017-07-08 11:40 web_study 阅读(553) 评论(0) 推荐(0) 编辑

web_study

07 2017 档案

公告

哈哈