摘要:最近两周一直都在开发后台wcms系统的文本编辑器。在开发的过程中,感觉到开发富文本编辑器还是能学到不少东西的,接下来我会说说我个人是怎么开发的吧。因为我的编辑器要兼容自己的后台,所以修改了一些浏览器自身的方法。开发富文本编辑器主要用到了document.execCommand( command, showUI, value )这个方法。command:要执行的命令的名称 showUI:boolean是否向用户显示命令特定的对话框或消息框 value类型:string要使用该命令分配的值。关于这个方法更加详细的说明可以google进行搜索。我们都知道在textarea下我们可以直接输入文本,但是
阅读全文
摘要:以前如果要获取互联网用户所在地都是根据用户的IP地址来获取地理位置,这样获取到的数据和真实数据有很大的偏差。为了获取更加精确的位置,可以使用了html5的geolocation来获取经纬度,然后再获取所在地理位置,如何获取,我在下面会说到。先说下基本概念。 Geolocation在的navigator 对象中,我们可以通过 navigator.geolocation 来使用它。不支持 geolocation 的浏览器并不包含这一对象,那么可以通过下面的代码来做能力检测,对不同的浏览器做不同的处理。在访问 geolocation 对象时,即调用 geolocation 下面的方法时,浏览器...
阅读全文
摘要:在ubuntu下使用git push代码到github上的时候报Unable to find remote helper for 'https'的错误。 我的解决方法是重装git 1.7.7的版本。 具体实现: sudo apt-get remove git-core wgethttp://git-core.googlecode.com/files/git-1.7.7.tar.gz sudo apt-get build-dep git-core tar xvzf git-1.7.7.tar.gz cd git-1.7.7/ ./configure make sudo ...
阅读全文
摘要:源码:noConflict: function( deep ) { if ( window.$ === jQuery ) { window.$ = _$; } if ( deep && window.jQuery === jQuery ) { window.jQuery = _jQuery; } return jQuery;},引入jQuery类库后,闭包外面的window.$与window.jQuery都储存着一个函数,它是用来生成jQuery对象或在domReady后执行里面的函数的。回顾我上一篇文章,那里有写什么时候给它们进行赋值...
阅读全文
摘要:jquery提供了一个noConfilict的API来解决冲突。使用方法:jQuery.noConflict():运行这个函数将变量$的控制权让渡给第一个实现它的那个库。jQuery.noConflict(true):将$和jQuery的控制权都交还给原来的库。第一种:jQuery.noConflict();// Do something with jQueryjQuery("div p").hide();// Do something with another library's $()$("content").style.display =
阅读全文
摘要:为了提升后台管理系统的加载。决定对后台的菜单进行动态加载。具体实现方式和我上一篇文章差不多。不过我把js代码进行了封装。css:.menu {position:relative;} .menu ul {position:absolute; margin:0; padding:0; list-style:none; white-space:nowrap; background:#f1f8fe; border:1px solid #fff; padding:10px 0;-o-border-radius: 8px;-ms-border-radius: 8px; -moz-border-ra...
阅读全文
摘要:最近更新的后台树节点的加载方式。因为以前用的是jquery-treeview插件。 但是上网查了下资料,发现用它来实现树节点的动态加载还是挺麻烦的。于是我自己写了个动态加载的方式。下面贴代码。css样式:.treeview li{background: url(static/images/treeview-default-line0.gif) 0 0 no-repeat; margin: 0; padding: 4px 0pt 4px 16px; margin-left:5px;}.treeview li img{ margin-right:5px; margin-left:5px;}.h..
阅读全文