随笔分类 - jQuery
摘要:因为工作需要写一个二维数组的每个元素的交集,于是便有了:let arr = [ [1, 2, 3, 4, 5,'aa'], [2, 3, 4, 5, 6, 7, 88,'aa'], [3, 4, 5, 6, 7, 7,'aa','bbb'], [3, 4, 5, 6, 7, 7,'aa'], [3,
阅读全文
摘要:关于formdata提交pdf的文件,在此记录一下! 以上标红的地方是容易犯错的地方,这些的方是不可以少的,写此博客,提示自己,也帮助一下有需要的朋友
阅读全文
摘要:一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]
阅读全文
摘要:公司项目目前用到了webuploader插件,目前就写一下我所遇到的下问题,其实用法也很简单,下面贴出我的代码 因为只是一个上传文件插件,而我们用到的也就是上传图片的功能,它的唯一缺点就是没有回显服务端穿过来的图片,导致每次关闭页面之后再次进来,上次上传的图片就不存在,所以我写了一个回显的代码。这里
阅读全文
摘要:目前CodeMirror在线代码编辑器在运用还蛮广泛的,支持100多种语言,高度可定制。支持语言有C、C++、C#、Java、Perl、HTML、CSS、PHP、JavaScript、Python、Lua、Go、Groovy、Ruby等。以及diff、LaTeX、SQL、wiki、Markdown等
阅读全文
摘要:关于图片是比较特殊,最近公司在做一个项目遇到一个问题便是图片高度总是为0。最后研究了一下,主要原因是:图片是在DOM结构渲染完成以后调用的,这时候网页中一些资源还没有加载,比如图片等资源,但是DOM结构已经渲染成功了 。 因为项目中经常用的是jquery,所以,解决图片高度的时候就要在window.
阅读全文
摘要:目前移动端页面出现的地方越来越多,而这个时候页面样式也需要有不同的调整,那么如何判断页面是移动或是pc呢,说到这里,首先来了解一下Navigator 对象。Navigator 对象包含有关浏览器的信息,下面的userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值
阅读全文
摘要:代码中引用jQuery很常见,若是还引用的有$定义的js文件,那么就可能会导致$的冲突,而写一个却不知道引用的是那个js文件,或者说会导致效果不出来,那么解决$冲突的办法就是释放jQuery的$控制权,代码如下: 这样写过之后就会解决这个问题,当然引用的两个js文件并不分先后顺序都是如此。遇到这个问
阅读全文
摘要:我前面博客写过一个星级评论的原生写法,非常复杂,今天就通过jquery来写一个简单的星级点亮的效果,来看代码: 效果图就不展示了,将代码拷贝自己可以试试哦,一定要注意自己引用文件的路径!好了,今天就写这么一个简单的小例子。
阅读全文
摘要:今天写一个案例:就是导航可以用数字键盘来监听,也就是点击数字键盘相应的导航触发并且出现相应的样式。来看代码: 当点击数字键盘3时候效果图如下:
阅读全文
摘要:jquery的事件对象就是js事件对象的一个封装,就是做了一个兼容性的封装。 以上几种不详细说了,接下来说一下下面的几种: 来看简单小例子,a标签的href里面传链接即可跳转,来看代码: 那么它的执行结果肯定是先弹出“麦兜”再弹出“呵呵”,然后跳转http://www.cnblogs.com/web
阅读全文
摘要:绑定事件都知道用on或者bind,当然on用的多,那么想要解除事件呢? 写一个小的例子,点击按钮,下面的a元素被触发点击事件: click事件是比较早的写法,而trigger(触发)也是另一种比较新的方法。当然都可以实现效果。 这是绑定了点击事件,那解绑的话就用到了off: 好了,以上off就是接触
阅读全文
摘要:表格都很常见,一般都是用table来写的,今天我就写一个dl和dd布局的表格,并往表格里添加内容,同时点击删除按钮也可以删掉表格内容。来看代码: 这个案例主要用到的就是on绑定事件,以及appendTo事件。on绑定事件经常会用到,可以委托绑定(写选择器就是委托事件),否则就是自己绑定注册事件。
阅读全文
摘要:有这样一个小例子: 正常注册点击事件给每个a的话,那么就满足不了最后一个“点击新的”,它就不会被注册事件,那么想要解决这个问题,就必须用到委托事件delegate,接下来说一下delegate事件的应用。 delegate方法常用的三个参数是: selector:事件的最终执行元素 types:事件
阅读全文
摘要:网站上随处可见页面到底部会有一个返回顶部的图标,当然实现返回顶部效果,必然会用到scrollTop方法。scrollTop通俗意思就是被卷去的高度。 下面就写一个最简单的返回顶部小例子,几句代码实现效果: 这里需要注意的就是scrollTop方法有兼容性效果,针对ie低版本浏览器,要用html,而针
阅读全文
摘要:Javascript: JQuery div的宽高: 以上便是各种宽高的集合!
阅读全文
摘要:视频在网络上是必不可少的,那么随之而来的就是大家的评论啊或者是弹幕效果都是现在常见的,所以今天写一个弹幕效果,来看代码: 以上效果实现的过程中涉及到了先创建span,然后向span里设置内容也就是$("#txt").val(),接下来就是给这些个内容设置了一系列的css值,然后给animate动画让
阅读全文
摘要:关于清空节点内容,在jquary里的实现有: 1、html("")为空 像这种就是清空内容,但是若是有事件的话还会保留,缺点在于会占用内存,虽然有时候占有内存不多但是总归是占有一定的空间。 2、empty() 而empty方法就是清空所有内容,包括清空事件,当然也就释放了内存,解决了内存泄漏的问题。
阅读全文
摘要:今天来说一下针对jquary关于创建节点和添加节点的方法,先来看看创建节点: 1、直接添加节点内容即可 2、可以创建jquary对象添加进去 以上两种方法都是常用到的。 接下来就看看如何添加节点:就拿这个简单的小例子说明一下 1、append方法 2、prepend方法 3、appendTo方法 4
阅读全文
摘要:话不多说,来看代码实现手风琴效果: 效果图如下: 注意:以上stop是解决鼠标快速放入图片上的animate的bug问题。 好了效果就是这样,可以试试看呢!
阅读全文