- 博客(12)
- 资源 (2)
- 收藏
- 关注
原创 cors跨域资源共享】同源策略和jsonp
在执行下面那段代码的时候,我遇到了一个跨域资源共享的问题无标题文档 $(function(){ $('#ok').click(function(){ var aa=$('#wd').val(); $.get("http://www.baidu.com/s",{wd:aa},funct
2016-02-16 22:09:49 801
原创 Jquery前端封装--DOM的向下兼容和浏览器的检测
一.问题所在主流浏览器包括:IE6789、firefox、Opera9+、Safari3.1+和Chrome。但是还存在一些非主流浏览器,那么我们可以使用window.onload 或者其他方式。二.设置代码虽然以上对于主流浏览器和主流浏览器的版本已经非常够用了,但还有几个小细节我们需要了解一下。Opera8 之前不支持,webkit 引擎浏览器525 之前不支持,Firefo
2016-02-16 22:05:45 568 1
原创 Jquery前端封装--DOM加载
学习要点:1.问题所在2.设置代码处理页面文档加载的时候,我们遇到一个难题,就是使用window.onload 这种将所有内容加载后(包括DOM 文档结构,外部脚本、样式,图片音乐等)这样会导致在长时间加载页面的情况下,JS 程序是不可用的状态。而JS 其实只需要HTML DOM 文档结构构造完毕之后就可以使用了,没必要等待诸如图片音乐和外部内容加载。一.问题所在
2016-02-15 17:28:38 528
原创 Jquery前端封装 自定义高度CSS模拟 类似于jquery库的写法
在上一边博客,是通过find找找子类l例如span$('#a').find('p').find('.a').css('color','red');这次是要模拟$('#a p .a').css('color','red'); 这个很像jquery的写法吧//基础类function Base(args){//创建一个类//创建一个数组来
2016-02-12 21:28:32 385
原创 jquery封装之--css封装
我之间我的博客里面有提到,自定义的库和jquery库是水火不相容的,其实在我学习了CSS封装后,我算是大彻大悟。在前面的时候我提到,获取节点,要用到繁琐的getId,getClass,getTagName.今天学习了CSS封装,我们也可以简化js代码代码设置我自己定义的base.js//前台调用var $ =function(args){return new Base(
2016-02-12 14:41:37 1881
原创 Jquery前端封装---事件锁定(三)处理IE出现的一些小问题
我们主要探讨一下事件绑定,在此之前我们都使用的是传统的事件绑定。这节点,我们想使用现代绑定对事件进行绑定和删除。Jquery前端封装---事件锁定(二)用现代事件绑定封装了事件触发和删除,但还有几个问题没有得到解决:1.无法删除事件;2.无法顺序执行;3.IE 的现代事件绑定存在内存泄漏问题。现在我来说一下,怎么用现代事件绑定解决问题。代码设置如下:tool.jsfun
2016-02-11 19:46:29 821
原创 Jquery前端之 事件绑定(二) 解决事件的删除,事件的无序执行的问题,有个小例子
我们都知道在Jquery中添加事件,但是在删除事件的时候我们会有一些小烦恼的事件,因为我们不知道删除哪一个,尤其在时候了匿名函数的call的方法后。代码设置//跨浏览器添加事件绑定function addEvent(obj,type,fn){ if(typeof obj.addEventListener!='undefined'){ obj.addE
2016-02-10 21:43:27 420
原创 Jquery封装之----事件绑定(一)
在今天的博客中,有些问题比较突出,所以要多多注意一.问题所在现代绑定中W3C 使用的是:addEventListener 和removeEventListener。IE 使用的是attachEvent 和detachEvent。我们知道IE 的这两个问题多多,并且伴随内存泄漏。所以,解决这些问题非常有必要。那么我们希望解决非IE 浏览器事件绑定哪些问题呢?1.支持同一元素的
2016-02-10 18:52:12 2575
原创 Jquery封装之拖拽解决遇到的一些小bug
第一个问题:低版本火狐在空的div 拖拽的时候,有个bug,会拖段掉并且无法拖动,这个问题是火狐的默认行为,我们只需要取消这个默认行为即可解除这个bug。//阻止默认行为function preDef(event) { var e = getEvent(event); if (typeof e.preventDefault != 'undefined') {
2016-02-09 22:01:26 1182
原创 Jquery前端封装之一个块在整个浏览器的拖拽
在学习jquery的时候,我们会为了界面美化的问题感到苦恼,设置有时候,因为一些小功能而头疼,一步步实现拖拽功能,下面的login是自己定义的一个块。下面这段代码只能实现点一下后的拖拽,并不能在整个浏览器里面的拖拽。var oDiv=document.getElementById('login'); oDiv.onmousedown=function(e){
2016-02-09 17:59:56 789
原创 Jquery库和自己定义库的区别
这些天,我经常会碰到一些问题,由于自己不是很熟练Jquery库和自己所定义的base库的区别。下面我就简单的来说说,它们二者之间的区别。个人认为在使用Jquery库和自己定义的base库在一定的程度上是水火不相容的。在我引入jquery时,登录框是完全可以用的。因为它没有用到我在base库里面的任何方法。//登录框 /* var top=(document.docu
2016-02-09 10:32:45 732 1
原创 -webkit-flex 属性
-webkit-flex 属性一个元素被定义display:-webkit-flex;则此元素即为伸缩盒模型中的伸缩容器,其包含的子元素是伸缩项目。 flex是一个复合属性。Flexbox伸缩布局盒模型中的伸缩容器及伸缩特性定义。 由多个伸缩项目组成其具体的布局方式。 是为了呈现复杂的应用与页面而设计出来的。语法display:-webkit-flex; [指定伸缩容器
2016-02-03 13:23:12 16292
react-admin开箱即用最新react全家桶
2022-03-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人