分享到微信朋友圈

打开微信,“扫一扫”功能,
即可将网页分享至好友/朋友圈。

文章索引

返回顶部
  / 学习笔记 / H5 CSS3 / 前端杂记···

前端杂记···

本文为秃头大叔 小虎的个人博客 原创内容,转载请注明出处,有问题可联系本人!
本文地址:http://www.wuxiaohu.com/2018/03/27/979.html

为什么叫可能搞混淆的知识呢,因为我已经记录了好多页的“待验证知识点”;只是一直没去花时间系统的消化它们,不过现在开始(2018-03-27),我就要吃光他们···

现在看来有些东西貌似理所当然,连我自己都记不起当初是什么情形写下来的,所以,出现在我的备忘录又没啥好讨论的东西,就写在这里来吧;

没错,就是汇总!

--------------------------------------------【2018-04-11更新】-----------------------------------------

03:注册事件监听器的几种方式

就具体的写法来说,常用的就是三种吧:

1:标签属性定义:

 
  1. <button onclick="alert('Hello world!')">  

2:element属性定义:

 
  1. myButton.onclick = function(event){alert('Hello world');};  

3:addEventListener注册事件处理函数:

 
  1. myButton.addEventListener('click', function(){alert('Hello world');}, false);  

按处理机制来说:

此类事件是注册在属性上的,所以反复定义只能覆盖,不能多个定义,这算是最明显的区别;

处理事件方法的this是执行属性的对象本身

第一种HTML与js紧密耦合,大型项目不方便后期维护;

后一种俗称为DOM0事件;

优点是可注册多个处理程序,并且提供原生的removeEventListener()删除事件处理程序代码;

DOM事件流出现于DOM2级事件规范中,一般都在冒泡阶段捕获事件;

缺点?可以很复杂,而且不兼容IE9以下版本(现在关系也不大了,谁还一味的要求兼容IE6\7呢);

02:firefox对window.event的不支持;兼容写法

window.event() 是一个由微软IE引入的属性;各大浏览器都支持该属性;唯独Firefox不支持;为什么呢;

因为该特性是非标准的········

当然如果不能通过该方法获取,兼容写法还是有的:

写法一:

 
  1. <div onclick="fun(event);">点击测试标签</div>  
  2. <script>  
  3.     function fun(ev){  
  4.         var evev = ev || window.event;  
  5.     }  
  6. </script>  

如上所写,fun函数传入的第一个参数就是我们想要的event;那么这样也是可以的:

写法二:

 
  1. <div onclick="fun();">点击测试标签</div>  
  2. <script>  
  3.     function fun(){  
  4.         var ev = arguments.callee.caller.arguments[0] || window.event;  
  5.     }  
  6. </script>  

简单说明一下:

不过;arguments.callee.caller是不被推荐使用的,各种问题的研究也是大把大把!只是除此之外,我也不知道其他类似的方法呀······

01:flex-basis和width、min-width、max-width的优先级别

测试浏览器:Edge、IE11、Chrome、Firefox、opera、qq浏览器、360浏览器;

当初记录时写到火狐存在差异,不过再测试(最新版)却并非如此;

当min-width 的值大于 max-width,以min-width值优先; 

优先级:min-width > max-width > flex-basis > width

 

终于还是被你发现了

o(* ̄▽ ̄*)ブ  大叔的卖萌!  o(* ̄▽ ̄*)ブ

评论(1)

nike polo
回复

I would like to get across my appreciation for your generosity in support of persons that have the need for help on that concept. Your real dedication to getting the solution all through turned out to be astonishingly productive and have specifically allowed those like me to reach their dreams. Your entire useful facts can mean a great deal a person like me and far more to my fellow workers. Best wishes; from everyone of us.

发表评论