henryli

摘要： 留图，备用，copy from 网络 阅读全文

该文被密码保护。 阅读全文

摘要： 【原创】【2】rich editor系列教程。了解document.execommand操作，保存丢失的range，实时反馈样式给工具栏索引目录：http://www.cnblogs.com/henryli/p/3439642.html 浏览器提供了document.execommand的一系列命令来实现文本、格式、插入等操作，当然，浏览器厂商支持不一致、或者跟预想结果不一样。导致了前端coder需要耗费更大的精力去实现一个兼容、统一的富文本编辑。 使用较多的浏览器api：execCommand ，设置格式样式等命令queryCommandState，查询命令返回结果。ps（根据这个，可以.. 阅读全文

摘要： 在做autocomplate的时候发现，ie9中，剪切、退格、删除不触发oninput事件，而ie9和ie9+已经移除了onpropertychange事件。只好尝试添加退格、delete、剪切事件，来触发onpropertychange 1 var input = $("#J_autocomplete"); 2 var fn = function(){ 3 // console.log('value changed') 4 } 5 input.bind('input... 阅读全文

摘要： 日常工作中，接触富文本编辑的次数还是很多，特发此教程，希望可以改变富文本编辑的技术门槛较高的现状，解决这部分的坑。前提准备，兼容获取range，统一回车行为，前期准备工作了解document.execommand操作，保存丢失的range，实时反馈样式给工具栏兼容的fontsize命令，自定义字体为... 阅读全文

摘要： 【1】前期准备，兼容 索引目录：http://www.cnblogs.com/henryli/p/3439642.html rich editor的原理无非是启用iframe的编辑模式或者div的contenteditable=true。然后使用document.execcommand来编辑选取文本。但会使用到selection操作和range。查看api： msdn地址，mozilla富文本编辑指引。w3school range。 使用iframe作为编辑器的优势：独立的编辑document、不会与页面其他选择冲突，独立的redo undo操作。缺点，如果页面设置了docume... 阅读全文

摘要： audio播放 Element.play(); 如果在播放中，调用play，从头播放，则需要先load，同时绑定结束方法，如1 Element.addEventListener('ended',function(){2 3 this.load();4 5 })6 Element.load();Element.paly();video播放并请求全屏：video.play();video.webkitEnterFullscreen && video.webkitEnterFullscreen();video.mozRequestFullScreen &&am 阅读全文

摘要： 罗浮宫群里又有讨论位运算符号|了，做过一段时间php，数据库保存布尔值数据经常用到，比如100110 就表明了六个属性的是与否，极大减少了数据量。、】ECMAScript 中位运算跟其他语言一样的。比如：console.log(3|10) => 113转为2进制是 (3).toString(2) =》 11 其实应该是32位，但后两位即可表明数值，但取反会使用到 0000 0000 0000 0000 0000 0000 0000 001110转为2进制是 (10).toString(2) =》 101011 转为2进驻是 (11).toString(2) =》 1011而|，是按位或. 阅读全文

摘要： 有道题是一个removeClass的功能，代码里是正则分隔了传入的name，根据name的个数，循环移除掉，让寻找bug。。看了了这几行代码，首先想到的是我会如何去优化。 如果看代码一两分钟就能找到公司js框架中的bug，那也太。。。 改为如何优化算是不错的面试题， first，去掉正则表达式，使用split字符串内置方法分隔， second，支持html5的浏览器使用classList api， 第三，类似jq,hasClass、remove、togglle都是用了字符串内置方法，indexOf、replace、字符串相加。周末试着coding。代码如下 1 ... 阅读全文

该文被密码保护。 阅读全文