js前端
文章平均质量分 65
bingcool空间
https://github.com/bingcool
展开
-
jquery的事件绑定
在实际的web的前端开发中,DOM元素需要绑定一些特殊的事件。传统的普通的方法就是在DOM中加上onclick=function(),例如:提交当点击时,就跳到一个确定的comfire()函数,其实不太建议在复杂的系统中,这样子使用。可以用绑定的事件来做。html代码:提交js代码:$("#btn").live('click',function(){});当点击的时原创 2015-07-10 10:44:42 · 451 阅读 · 0 评论 -
js的call和apply的应用说明
call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 Global原创 2015-11-25 11:06:58 · 506 阅读 · 0 评论 -
js插件的经典写法与总结
之前写了一篇关于js插件的方法,可以传入参数,当时不能够拓展方法,而且模式也不是很好,虽然能够满足一定的业务要求。下面是对js插件的完善,可以实现参数传入,方法拓展,链式操作,设计模式更加清晰。 js插件测试 测试(function($){ //定义在闭包函数中的全局变量,用来初始化参数,其他的所有函数可以调用 var config; //一些私有函数,相当于php类原创 2015-11-25 11:56:05 · 19231 阅读 · 1 评论 -
jquery的attr的一些bug
最近在调试复选框的应用,在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题。复选框绑定了click事件,点一次选中,再点击取消选中,依次类推。这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显转载 2016-01-16 15:56:38 · 1517 阅读 · 0 评论 -
superslide小插件,非常实用
demo地址:http://www.superslide2.com/index.html强悍,且扩展功能基本囊括当下web开发的特效了,还是很全面的(注:扩展特效收费,最低19,但支持也是应该的,都是码农,懂的)原创 2015-12-18 09:56:13 · 1359 阅读 · 0 评论 -
JavaScript中读取和保存文件实例
话说今天只是粗略浏览了一下Proxy SwitchySharp的源码,就收获了不少东西,其中就包括本文要介绍的读取和保存文件。因为Google还不提供同步插件数据的功能,所以导入和导出插件配置就必须和文件打交道了。而出于安全原因,只有IE才提供访问文件的API;但随着HTML 5的到来,其他浏览器也纷纷支持了。首先说读取文件。W3C提供了一些File API,其中最重要的是FileRe转载 2015-12-01 17:10:37 · 1474 阅读 · 0 评论 -
input file 实现上传预览图片,以base64上传,兼容IE8+,firefox,chrome
前言最近在公司开发一个项目,其中涉及到一个工能,主要是上传一些小图片,而且在网站上需要大量引用这个小图片的,对于上传一些小的头像等。一开始觉得直接上传就好了,但是发现这样子的话,一个小图片就会发送一个http请求资源,大量的小图片的请求资源的话,会造成服务器资源的负担。而且我希望在用户头像上传也可以不直接上传image,以其他的方式上传,可以将图像的信息存储在数据库中,这样子对于小图片还是有好原创 2015-12-04 15:49:31 · 27498 阅读 · 1 评论 -
基于web的在线视频编辑的设计
前言在这里,先吐槽一下,最近一直很忙,就要过年了,公司项目赶得要命,吃不好,睡不好,周末都没得休息(写到这里就憋着一肚火了)。不过,付出还是有回报的,在团队的合作努力下,项目还是在过年前完成了,最近也一直在优化和测试,总体上是轻松了很多。我在这里纯碎吐槽,其实也从侧面反映出了作为程序员,工程师的工作的加班,不确定的情况,真的,有时觉得自己这样子整天为了项目,加班加的厉害,好像是自己的生活除了工原创 2016-01-26 15:12:26 · 11517 阅读 · 5 评论 -
WebApp开发技巧精华总结
开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者。自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统转载 2016-02-15 17:08:23 · 532 阅读 · 1 评论 -
基于flowplayer的视频缩略图的视频预览
前言不得不吐槽一下咯,年终奖发了不到半个月的工资,心醉了,心凉了!不过技术知识是属于自己的东西,有新的想法,学到新的知识还是的总结出来,和大家分享分享!最近一直在忙公司的项目,主要针对视频播放这一块,说具体点是关于flowplayer的这一块。上一篇《基于web的视频在线编辑》已经简单总结了一下flowplayer的强大功能。今天的主角就是基于flowplayer的视频预览,如何实现?原创 2016-02-02 17:10:26 · 4172 阅读 · 1 评论 -
css的伪元素
前言 层叠样式表(CSS)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这就是“伪元素”。“伪元素”不会显示在文档流中,一般我们用firefoxbug也是查看大、不到的,但却可以为我们实现一些很有用的样式或者功能。最常用的伪元素 分别有 a:link{} /**未访原创 2016-02-19 16:00:26 · 427 阅读 · 0 评论 -
css3实现各种角度的三角形
在各种互联网web中,我们经常会看到,当鼠标移至一个连接或者点击时,会有一个div弹出,并且有一个三角形指向这个链接,说明这个div是属于这个链接的。例如在csdn的博客中就有图中红色方框的,就是有一个三角形,指向了“js前段”,代表弹出的这个方框是属于“js前段”的,这样的体验是非常好的。下面用纯css3实现各种角度的三角形,主要用到的属性是css3的transparent原创 2016-02-19 16:36:48 · 6340 阅读 · 0 评论 -
css3实现三角形指向的div
前言在上一篇的博客《css3实现各种角度的三角形》中,已经简单的介绍了各种用法,下面我们更深入地学习如何将这个三角形和div绑在一起。设计首先创建一个div,再通过:before或者:after在div前面或者后面添加一个三角形,将这个三角形作为一个块级,这个三角形的位置是相对于这个div相互绑定的。html: css:div原创 2016-02-19 17:33:55 · 2252 阅读 · 0 评论 -
Javascript和CSS浏览器兼容性方面经验总结
这是我总结多年的一个小文档,主要内容是Javascript和CSS浏览器兼容总结,最近看见有人咨询浏览器兼容的问题,就贡献出来。并不一定全,有的也可能不准确,比如新出的IE8、Chrome等都没有太多涉及,虽然最近做的一些项目也兼容了IE8、Chrome等,但都没来的及总结进去,后来就忘了…汗。大家一起慢慢完善吧。javascript部分1. document.form.i转载 2016-02-26 14:18:35 · 400 阅读 · 0 评论 -
js实现拖曳排序的插件
这是一个基于jQuery实现的可以进行拖曳排序功能的插件! 实现的功能: (1)可以随意地拖曳item进行排序,已经整合了包括产生滚动条的情况 (2)可以自定义各种的样式 (3)对于一些细节问题进行很好的处理,比如拖曳时,可以防止产生不必要的误击作用 用法: $("#container").Jsdrag(原创 2016-04-15 14:22:17 · 3065 阅读 · 0 评论 -
jquery的插件写法
如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库。jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握。但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导。那些语法看起来可能过于复杂,但是如果进入到它的思想和模式中,它是非常简单易懂的。下面,我们有了一个插件的基本层次:1转载 2015-11-24 19:30:32 · 475 阅读 · 0 评论 -
jQuery插件开发的五种形态小结
关于jQuery插件的开发自己也做了少许研究,自己也写过多个插件,在自己的团队了也分享过一次关于插件的课。开始的时候整觉的很复杂的代码,现在再次看的时候就清晰了许多。这里我把我自己总结出来的东西分享出来,帮助那些和我一样曾经遇到过同样问题的人。我要做什么我想要得到的javascript 插件应该会有以下几个特征代码相对独立链式操作插件可配置有可操作的方法,插件的生命转载 2015-11-23 17:46:26 · 1140 阅读 · 0 评论 -
关于避免审查元素时,修改数据和提交数据,造成恶意审查修改的方法总结
作为一名程序员或者用户,都知道在浏览器审查元素时,是可以修改数据的,如果修改数据,在提交就会造成不可预想的后果,特别是在数据安全的领域。一般查询数据都会返回记录的id,和一些关键的信息,虽然这些信息不是显然地在前端显示出来,但是一般会隐藏在input框或者一个data-的属性中,在修改,删除记录时,把id以get或者post的形式将数据传递给服务端,诺任意修改了id的值,就会恶意误删数据(可能是别原创 2015-10-13 11:09:10 · 21421 阅读 · 3 评论 -
js实现简单的拖曳
在web中的一些需要随意拖曳和排序的问题,参考http://www.cnblogs.com/web-ed2/archive/2011/09/19/2181819.html,下面的代码做了些简单的修改:测试的拖拽功能body, div { margin: 0; paading: 0; font-size: 12px; }body { width: 960px; margin: 0转载 2015-07-10 13:48:37 · 471 阅读 · 0 评论 -
jquery的$(#id).each()和jquery.each()的用法区别
在web的前端开发中,我们经常需要对某个对象或者数组,json的对象进行遍历,取得合适的数据。(1)jquery的$(#id).each()这个是对js一个对象或者DOM的类进行遍历$(selector).each(function(index,element))index:索引,element:当前元素,也可以this。 $('.main').each(function(i){原创 2015-07-10 10:11:23 · 3884 阅读 · 0 评论 -
json和js对象之间的互相转换
1. 利用jQuery插件 $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2. 浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8):JSON.parse(jsonstr); //可以将json字符串转换成json对象 JSON.原创 2015-06-14 16:24:25 · 775 阅读 · 0 评论 -
Jquery的$.ajax和$.post,$.get的用法总结
在项目的实际环境中,我们需要经常进行局部的操作,所要用到的主要是ajax的异步刷新技术。下面分别说一下Jquery的$.ajax和$.post,$get的用法和注意的问题。(1)$.ajax$.ajax是Jquery已经封装好的方法,参数主要有以下参数。模式$.ajax({ url: type: .......});url: 要求为String类原创 2015-08-19 19:39:05 · 1404 阅读 · 0 评论 -
jquery的几个重要的对象关系逻辑
在html的DOM的文档中,我们会经常需要一些查找到关键的DOM,在进行操作,就是所谓的父级元素,当前元素,兄弟元素,子元素之间的关系逻辑。(1)$(this)这个是指对象本身自己,创建该对象的时候,就已经默认创建了this。(2)parent()方法是寻找当前的元素的父元素$('#id').click(function(){ $(this).parent('#id').f原创 2015-08-19 20:01:12 · 883 阅读 · 0 评论 -
flowplayer(5.5.2版本)的播放视频
flowplay是一款强大的开源的web播放器,支持很好的MP4,flash,而且也支持rtmp,http,hls等协议播放。本文总结了几个用法。参考https://github.com/flowplayer/flowplayer(1)html的引入几个flowplay的文件css:playerskin/minimalist.css // 这个是css文件 js:flowplaye原创 2015-08-19 20:15:06 · 1352 阅读 · 0 评论 -
jquery 图片延迟加载的实现
最近c2c电子商务已经进入优化阶段 ,我负责前台大多数的功能的实现 ,其实商品列表页,由于会显示很多的商品 ,要是一次性都显示出来,会造成服务器很大的压力,此时我们可以考虑当用户滑动滚动条的时候 ,图片显示出现在屏幕范围之内的时候在加载进来,这样就可以减少服务器一次性过多请求带来的压力了此时我们用到jquery.js相信大家都知道的还有一个延迟加载的jquery插件 jquery转载 2015-11-04 10:35:40 · 628 阅读 · 0 评论 -
12 个非常实用的 jQuery 代码片段
jQuery是一个非常流行而且实用的JavaScript前端框架,本文并不是介绍jQuery的特效动画,而是分享一些平时积累的12个jQuery实用代码片段,希望对你有所帮助。 1. 导航菜单背景切换效果在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种,下面是使用JQuery实现的一种方式: id='nav'> 导航转载 2015-11-05 19:02:25 · 427 阅读 · 0 评论 -
收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发.
1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in the search field, the value.(example can转载 2015-11-05 19:20:10 · 352 阅读 · 0 评论 -
Jquery 中两个页面载入后执行的函数的分析区别
Jquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。$(document).ready(function(){ // 在这里写你的代码...});在DOM加载完成时运行的代码可以简写成jQuery(function(){ }); (function($) {})(jQuery)什么意思?(function()原创 2015-11-05 19:14:06 · 871 阅读 · 0 评论 -
html5兼容IE
是HTML5的声明,主流的游览器中只有IE8及以下版本不支持,这样IE会进入Quirks模式。但之后的声明可以强制指定IE的呈现模式,所以<!DOCTYPE html>声明对IE就无影响。 HTML5并没有XHTML那么严格,对于一般的xhtml页面,基本都不通完全通过W3C验证标准,而改为HTML5声明后基本都能过01<!DOCTYPE html>原创 2015-11-07 12:47:41 · 605 阅读 · 0 评论 -
基于js与flash实现的网站flv视频播放插件代码
网站 flv 视频播放插件(javascript,flash) var s1 = new SWFObject("video/flvplayer.swf", "single", "640", "240", "7"); s1.addParam("allowfullscreen", "true"); s1.addVariable("autostart", "true"); s1.ad转载 2015-11-07 12:54:21 · 2214 阅读 · 1 评论 -
html向flash传递参数
flash在网页中的调用有四种方式:object、embed、结合方式、 JavaScript 。根据flash插入网页的方式不同,网页向flash传递参数的方式也不同。1、object方式 样例代码: FlashVars " value="variable1=value1&vaiable2=value2 " /> 说明: 使用该方式转载 2015-11-07 16:14:25 · 707 阅读 · 0 评论 -
javascript-省市区与分类多级联动的插件
前言最近公司一直在优化项目,需要用到一个无限级的分类,希望在选择的时候,可以做到细分,将对应的视频,教学资料按照一定的规则来进行分类,后来写了这一个插件。wileselect.js代码:原创 2016-03-12 14:52:22 · 1852 阅读 · 0 评论