11 2017 档案

IE9浏览器打开开发者工具代码正常执行，反之报错
摘要：1、can i use console IE9开发者工具打开时支持console对象，否则报错。 2、由于出现错误 80020101 而导致此项操作无法完成 测试代码 出现错误 80020101 而导致此项操作无法完成 1、页面中文注释问题（可以将所有注释全部干掉） 2、js脚本格式问题： 1）、括 阅读全文
posted @ 2017-11-23 11:55 翰弟 阅读(287) 评论(0) 推荐(0)
设计模式
摘要：观察者模式（发布订阅） 定义了一种一对多的关系（以发布者的一个topic为出发点，1个发布者可对应多个订阅者）。JS里的观察者模式功能通过回调来实现。 topics多个话题的对象 topic一个话题（是数组，为支持多个订阅者订阅相同topic） publish：若有topic的话，执行相关topic 阅读全文
posted @ 2017-11-16 19:49 翰弟 阅读(158) 评论(0) 推荐(0)
css3动画transition animation
摘要：CSS动画简介 transition animation transition过渡：css3通过transitions属性引入时间概念，通过开始、结束状态自动计算中间状态，实现状态改变的过渡效果。 transition-property：应用过渡的css属性 transition-duration： 阅读全文
posted @ 2017-11-15 20:07 翰弟 阅读(214) 评论(0) 推荐(0)
DOM操作插入新的子节点
摘要：appendChid、insertBefore首先这两个方法都是添加子节点。 append（追加），appendChid：给父节点的子节点末尾添加子节点。 insertBefore(newNode, existingNode)：父节点的某个子节点之前添加新子节点，若新子节点已存在会被移动（操作的元素 阅读全文
posted @ 2017-11-09 20:09 翰弟 阅读(3013) 评论(0) 推荐(0)
美团面试-canvas实现放射图
摘要：一个nice的面试官对面试经验匮乏者的温暖To snow peak，哈哈 阅读全文
posted @ 2017-11-09 10:18 翰弟 阅读(313) 评论(0) 推荐(0)
事件使用及场景
摘要：JQuery中阻止事件冒泡方式及其区别 jq阻止事件冒泡方式： $("#div1).mousedown(function(event){ //只阻止事件往上冒泡 event.stopPropagation(); //阻止事件冒泡和事件本身 eg: 下拉搜索框 选择下拉区域时光标仍然保持在文本输入框。 阅读全文
posted @ 2017-11-06 11:14 翰弟 阅读(369) 评论(0) 推荐(0)
event
摘要：Event 理解JavaScript中的事件处理 关于window.onload加载的多种解决方案 事件对象中target对象和currentTarget对象的区别 1、target在事件流的目标阶段； currentTarget在事件流的捕获、目标和冒泡阶段 2、event.currentTarg 阅读全文
posted @ 2017-11-06 10:15 翰弟 阅读(219) 评论(0) 推荐(0)
js原生事件
摘要：js原生事件封装 阅读全文
posted @ 2017-11-06 10:09 翰弟 阅读(675) 评论(0) 推荐(0)
事件委托
摘要：不愤不启不悱不发，不要一直做伸手党 事件委托：利用事件冒泡机制，监听父元素事件处理子元素（监听父元素事件实现监听子元素事件的相同效果） click-->MouseEvent-->UIEvent-->Event （原型链、chrome） 注： currentTarget部署监听事件的DOM元素，tar 阅读全文
posted @ 2017-11-03 19:18 翰弟 阅读(165) 评论(0) 推荐(0)
标准盒模型、IE盒模型
摘要：结论：IE盒模型是陈旧知识点，除了帮助理解css3 box-sizing: border-box（等分宽度布局）外没什么用。 标准（W3C）模型中：CSS中的宽（width） = 内容 （content）的宽 IE：CSS中的宽（width） = 内容（content）的宽+（border+padd 阅读全文
posted @ 2017-11-03 16:18 翰弟 阅读(246) 评论(0) 推荐(0)
浏览器兼容性
摘要：IE8+实现css3媒体选择方案 IE6-IE8 css3媒体选择 （min/max-width）的polyfill respond.js respond.js用法踩坑 css3-mediaqueries.js html5shiv html hack 条件注释 less-than、less-than 阅读全文
posted @ 2017-11-02 16:34 翰弟 阅读(526) 评论(0) 推荐(0)