
javascript
cangowu
这个作者很懒,什么都没留下…
展开
-
前端性能优化--合并压缩js,减少http请求次数
在我之前写的性能优化中,推荐大家使用雪碧图,压缩图片大小是一个方面,还有一个比较重要的方面就是,将图片放到一起了,降低了http的请求次数。今天这里我主要介绍大家在网站发布的时候,可以利用一些在线的合并工具,或者现在的grunt和glup等工具,将自己的js进行合并并且压缩,和并的目的是为了降低请求次数,压缩是为了减少传输的字节数。我在这里就以网易的考拉网做一个介绍:(当然了网易的页面速度响应原创 2016-03-09 08:12:42 · 3370 阅读 · 0 评论 -
js正则实现前端搜索,匹配字符加红
一、介于公司需要,要开发一个比较简易的笔记本功能,里面要实现按照标题搜索,显示匹配项目,并在匹配项的字符加红显示,中间有空格的可以匹配任何字符。二、具体的直接看源码吧,这里只是实现一下功能,就没有怎么注意代码的封装 搜索数据,显示符合条件的内容,并显示出红色 var data = [ {原创 2016-06-27 15:48:41 · 11242 阅读 · 7 评论 -
js插件--基于原生js写的autoComplete插件
1、目的一直以来公司也有提关于下拉选项过多的时候,希望输入关键词,可以搜索内容的需求,但是之前项目太赶,所以也就没有来得及做,最近因为希望用原生js写一些内容,所以插件是采用了原生js写的2、思路第一步:fnInit实现初始化一些字段第二步:加载搜索框的div第三步:实现search功能,删除原节点并加载新节点第四步:点击或者回车的时候设置value3、代码autoComplete.js原创 2016-04-11 16:23:20 · 4260 阅读 · 1 评论 -
Javascript设计模式之观察者模式
之前在博客园写了一些博客,大家也可以自己去看一下(博客园设计模式),这两天看了一下观察者模式,写一下自己的总结。1.什么是观察者模式观察者模式有时也称为发布--订阅模式,在观察者模式中,有一个观察者可以管理所有的目标,等到有状态发生改变的时候发出通知。(其实sql server中的发布订阅也是这个道理)2.通俗解释假如以前村里的广播是一个观察者,那么每个村民就是被观察对象,原创 2016-03-29 07:27:24 · 927 阅读 · 0 评论 -
兼容windows、mac的视频播放
1、windows和mac下video的区别在windows浏览器下播放视频,基本上都是可以用embed标签去解决,嵌套一个swf的外壳就可以实现视频的播放(我这里选择ckplayer的swf外壳,它里面提供了js,我这里只用把embed里面的代码拷出来,然后player文件夹下面的内容加载一下就可以了,没必要加载js)在mac下,不支持swf或者提示要安装flash插件,这里采用vide原创 2016-04-13 11:08:59 · 1528 阅读 · 0 评论 -
js实现击购物物品抛物线到购物车
之前刚刚接触前端的时候,听朋友说他去网易面试挂了,然后我问了一些他关于网易面试的情况,他提到了,问题知道了不是很难,但是要实现一些平时不关注的东西,比如说点击购物车的时候有一个抛物线这么个事情。早上又想起了之前的交流,顿时有了想实现一下购物车抛物线的功能。1、原理及分析一开始的时候,我还在图上花了一些实现购物车的原理,但是很快发现不行,所以补了一下购物车的知识,在网上找到了y=a*x*原创 2016-04-13 07:04:25 · 5042 阅读 · 0 评论 -
前端性能优化--如何让用户体验快速删除dom节点
0、今天我们要解决什么问题在我们网页开发的过程中,难免会遇到,用户会在页面删除一些信息的过程,如:多少行记录,以及一些会话什么的,今天我在这里以10000个dom节点的删除做示例1、为什么会有这样的问题出现今天早上起床删除qq好友的聊天记录,发现上千条记录大概,1s不到删除了,但反之微信大概10s多吧,究其原因,原来qq是删除会话而已,记录还都在,而微信删除了记录。原创 2016-04-08 07:42:19 · 1837 阅读 · 0 评论 -
js 限制输入框的字节数,中文两个字节,英文字母一个字节
也许在网上有很多类似的文章,但是这里大家应该知道,js里面,中文和字母的长度都是1,但是数据库不知道呀,数据库很多都是按照字节来的,所以,控制输入框的字节数看来比长度限制更为重要。提出问题:1、限制文本框为16个字节,只能输入中文和字母解决思路:1、判断只能是中文和英文2、判断长度只能为163、有一个不符合,将进入循环:第一步:替换掉所有的#,因为我后面要用到这个特殊字原创 2016-03-14 17:03:27 · 5500 阅读 · 0 评论 -
Javascript插件--飘窗
由于客户有这么一个需要再网页中嵌套一个飘窗,然后点击的时候可以链接到指定网站的这么一个需求,其实网上有很多类似的插件,js、jquery都能找到很多,后来想了一下,还是决定自己写一个,熟悉一下,其实写任何插件都应该先理清楚自己的需求,然后才能进行下去,这里我用到了构造函数设计模式和一些简单的实现逻辑(当然了也可以称之为算法),所谓的设计模式和算法,也就是生活中的一些例子和思想,只不过是有心人,总结原创 2016-04-06 08:31:31 · 4095 阅读 · 0 评论 -
javascript中Map代替循环
申请csdn已经很长一段时间了,之前陆续也有在博客园写博客,下载发现csdn方便了很多,特别是有手机app,给学习带来了很大的便利,这里写一篇map给我们的js编程带来的好处及便利:1.Map能干什么map可以实现for循环的功能: var arr = ['val1', 'val2', 'val3']; for(var i原创 2016-02-24 21:59:21 · 2169 阅读 · 1 评论 -
radio点击选中,再次点击取消选中
html>head> title>单选按钮取消选中的三种方式title> script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> script> script type="text/javascript"> $(functio原创 2017-09-26 14:24:03 · 21390 阅读 · 1 评论