- 博客(50)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Javascript各种框架
1、Headroom.jsHeadroom.js 是个轻量级，高性能的 JS 部件（完全独立，无需任何依赖），允许对用户滚动页面的行为做出反应，Headroom.js 的主页顶部就是一个演示示例，当向下滚动，头部就会慢慢退出隐藏起来；当向上滚动，头部又慢慢的显示出来。2、Hammer.jsHammer.js是一个轻量级的JavaScript库（压缩后仅有3kb），能让你的网站轻松实现触
2014-02-06 19:09:13
1615
原创 cocos2d html5学习网站
提供一个cocos2d html5学习的网站http://bbs.html5china.com/thread-4509-1-1.html
2013-08-15 22:56:59
779
原创 前端UI,javascript,css框架集合
最近在网上看到一个整合了UI框架，javascript框架，css框架的网站，供大家分享分享。http://www.uiframe.com/
2013-08-15 22:53:01
903
转载 IE6 png 透明 (三种解决方法)
FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"语法：filter : progid:DXImageTransform.Microsoft.AlphaImageL
2013-04-25 09:23:22
636
转载 JavaScript触摸与手势事件
iOS版Safari为了向开发人员传达一些特殊信息，新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘，所以在为移动Safari开发交互网页时，常规的鼠标和键盘事件根本不够用。随着Android中的WebKit的加入，很多这样的专有事件变成了事实标准。1.触摸事件包含iOS2.0软件的iPhone 3G发布时，也包含了一个新版本的Safari浏览器。这款新的移动Safari提供了一些与
2013-04-09 09:13:11
1206
原创 原生javascript图片自动切换功能
一、效果图二、html代码 .container, .container *{margin:0; padding:0;}.container{width:408px; height:168px; overflow:hidden;position:relative;}.slider{position:absolute;}.slider li{ list-sty
2013-03-27 17:15:31
1566
原创 javascript客户端检测浏览器
写在前面的话在以前，总是以为使用用户代理字符串检测浏览器是那种类型就行了，这样确实打错特错啊，下面就来说说吧。一、能力检测在编写代码之前先检测浏览器的能力。例如，脚本在调用某个函数之前，可能要先检测该函数是否存在。缺点就是能力检测无法精确地检测特定的浏览器和版本。例如：function getElement(id){ if(document.getEleme
2013-02-24 21:49:54
870
原创 web前端的基本知识
DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。DOM操作——怎样添加、移除、移动、复制、创建和查找节点。事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。盒模型——外边距、内边距和边框之间的关系，IE 块级元素与行
2013-02-02 22:28:08
515
转载 前端，架构，框架与库
无论是大公司还是小公司，创业公司还是成熟公司的前端开发都需要一个“架构师”的角色。理由很简单就是我在这些公司都呆过。但大家对“前端架构师”的理解，我怎么听都觉得太高深了，太玄了，像普通的前端工程师，产品经理，设计师一样它是一个很具体的工作，具体到每天应该做什么都可以列出来。另外它并不深，甚至说看起来简单。前端架构师的工作：1. 他需要制订一套跟上下游环节更高效配合的技术方案。具体说有改
2013-02-02 14:57:54
692
原创 css中position:relative和overflow:hidden的问题
今天在做网页的时候发现一个问题，在父标签中使用了overflow:hidden;时，如果子标签中有元素的position设置成relative的时候，在IE6和IE7中父元素的overflow对其将不起作用，在IE8、FF，Chrome中均正常显示如下代码： 效果如下图：解决方案：将父标签的position也设置成relative，代码如下：
2013-01-14 00:33:15
8680
4
原创 CSS完美兼容IE6/IE7/FF的通用方法
一、CSS HACK 以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */
2013-01-13 15:04:33
1360
2
原创 html+css布局的三种方式
1.自然布局。没有任何修饰的布局是自动靠左的。2.流动布局上面讲的float:left的情况。3.定位布局 相对定位和绝对定位都是相对于父div标签的。 相对------以这个元素的本来应该在的位置为参照点 绝对——以父div标签的原点（左上角）为参照点。 由于外层是position:relative，所以里层是absolute的话，则会以外层的左上角为位移
2013-01-06 14:17:13
4758
转载 CSS HACK IE6、IE7、IE8、Firefox解决兼容性问题
1.区别IE和非IE浏览器#tip {background:blue; /*非IE 背景?色*/background:red 9; /*IE6、IE7、IE8背景?色*/}2.区别IE6,IE7,IE8,FF【区别符号】：「9」、「*」、「_」【示例】：#tip {background:blue; /*Firefox 背景变蓝色*/background:r
2013-01-06 14:04:08
829
转载 JavaScript可否多线程? 深入理解JavaScript定时机制
JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callbackFunction , 100);认为setTimeout中的问候方法会立即
2012-12-13 09:39:34
587
原创 高性能web开发 - 如何加载JS，JS应该放在什么位置？
外部JS的阻塞下载 所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。 有人会问：为什么JS不能像CSS、image一样并行下载了？这里需要简单介绍一下浏览器构造页面的原理，当浏览器从服务器接收到了HTML文档，并把HTML在内存中转换成DOM树，在转换的过程中如果发
2012-10-08 18:45:01
130
原创 jquery 完整的标记插件
前言最近在写一个项目，正好在做标记这一块，所以就把它记录下来，供大伙分享分享，如果有什么指教的地方，请发送邮件到huadong19890803@qq.com一、现在对于静态的展示图片，而不对图片进行任何的操作，没有任何的交互已很少见了，对图片进行标记，现在很流行了，今天就给大家分享一下小弟的成果。对于标记图片必须要完成几个动作，即添加标记、展示标记、删除标记、编辑标记首
2012-09-25 23:46:14
1676
1
转载 高性能WEB开发 - 图片篇
一、缩小图片大小 当图片很多的时候，减少图片大小是提高下载速度最直接的方法。1. 使用PNG8代替GIF(非动画图片)，因为PNG8在效果一样的情况，图片大小比GIF要小。 2. 用fireworks处理PNG图片，在我们产品中很多PNG图片是美工直接用photoshop导出的， 后来让美工用fireworks处理PNG(大概的方式是选择保存为PNG8,删除背
2012-09-18 08:27:54
571
原创 springMVC js等文件找不到错误
应用springMVC时如果配置URL映射时如下配置 appServlet org.springframework.web.servlet.DispatcherServlet contextConfigLocation /WEB-INF/spring/appServlet/servlet-co
2012-09-12 09:20:15
5434
2
转载 高性能WEB开发 - web性能测试工具推荐
WEB性能测试工具主要分为三种，一种是测试页面资源加载速度的，一种是测试页面加载完毕后页面呈现、JS操作速度的，还有一种是总体上对页面进行评价分析，下面分别对这些工具进行介绍，如果谁有更好的工具也请一起分享下。 Firebug: Firebug 是firefox中最为经典的开发工具，可以监控请求头，响应头，显示资源加载瀑布图：H
2012-09-08 20:57:18
727
转载 高性能WEB开发 - web性能测试工具推荐
WEB性能测试工具主要分为三种，一种是测试页面资源加载速度的，一种是测试页面加载完毕后页面呈现、JS操作速度的，还有一种是总体上对页面进行评价分析，下面分别对这些工具进行介绍，如果谁有更好的工具也请一起分享下。 Firebug: Firebug 是firefox中最为经典的开发工具，可以监控请求头，响应头，显示资源加载瀑布图：H
2012-09-08 20:43:52
83
转载 高性能WEB开发 - HTTP服务器篇
新产品为了效果，做的比较炫，用了很多的图片和JS，所以前端的性能是很大的问题，分篇记录前端性能优化的一些小经验。第一篇：HTTP服务器 因tomcat处理静态资源的速度比较慢，所以首先想到的就是把所有静态资源(JS,CSS,image,swf)提到单独的服务器，用更加快速的HTTP服务器，这里选择了nginx了，nginx相比apache，更加轻量级，配置更加简单，而且ngi
2012-09-08 20:42:28
871
转载 GA的使用方法，及注意的地方
很多网站为了获取用户访问网站的统计信息，使用了google-analytics或其他分析网站(下面的讨论中只提google-analytics,简称ga)。注册ga后，ga就会生成一段js脚本，很多人直接把这段js复制到的最后面就完事。可是ga自动生成的这段JS真的就是最合理的吗？哪怎么样才算是合理，怎样才是不合理了？因ga只是1个分析工具，它的使用绝对不能影响到我们的程序，如果影响了，则
2012-09-08 20:34:42
6985
1
转载 seajs的spm使用摸索
seajs自带的spm打包工具相关文档略少，在粗读了一点源代码之后，我摸索出了spm使用上的一些要点，记录为此文压缩JS文件只需要执行这个命令即可spm build xxx.js这时候你将得到一个压缩过的__build/xxx.js文件合并JS文件如果希望将JS文件中require的其他模块都合并到这个文件中，我们可以加上--c
2012-09-08 20:25:02
2840
转载 TP-LINK如何防止被蹭网?
十有八九是被人蹭网了,可以能是你没有设置无线路由器的密码导致,很多人用笔记本或者手机的的无线网卡一直开着,默认就搜索到了你的电脑,有免费的网,一般都会蹭的. 现在蹭网族越来越壮大，，花一两百块钱就可以免费上网，这相对千把块一年的电信接入费用可划算多了。而我是个本分的人，为了人道和稳定，还是选择了自己接入宽带，那么又如何防止我的宽带被那些蹭网族盗用呢，这我可也不大愿意，遂特意写了下文
2012-09-04 20:28:22
2216
转载 CSS实现垂直居中的5中方法
利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。方法一这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align property 属性。 Content goes here#wrapper {display
2012-08-28 16:12:04
798
1
转载 JavaScript对象与JSON字符串的相互转换
JSON（JavaScript Object Notation） 是JavaScript编程语言的一个子集。正因JSON是JavaScript的一个子集，所以它可清晰的运用于此语言中。eval函数 JSON文本转换为对象为了将JSON文本转换为对象，可以使用eval函数。eval函数调用JavaScript编辑器。由于JSON是JavaScript的子集，因此编译器将正确的解析文本并产生对
2012-08-28 16:01:47
9007
1
原创 uploadify 请求错误的问题
今天在做uploadify上传时，发现只要一初始化就会发出一个请求，而这个请求是当前页面的地址，觉得很郁闷，然后找了很久才找到问题所在，应该也算是一个bug吧，给出解决方案将这个代码换成下面就可以了this.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url);this.settings.b
2012-08-28 15:55:46
2099
转载 javascript event详解
event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消链接的跳转。
2012-08-28 15:51:26
500
转载 JSTL字符串处理函数
近日处理使用到JSTL的判断字符串是否以某字符串结束，老实说，以前并没有深入接触过jstl语言，而是大部分WEB开发时间使用在了诸如struts1/2的tag上面，所以也算是重新开始研究或是recall起sun自己的tag。1。判断某字符串是否以某字串结束引入JSTL:set比较值：使用、判断：
2012-08-16 11:54:12
680
原创 Javascript定义function的区别
今天看一本《悟透javascript精华》里面发现了一个非常好玩的东西让大家来分享一下！我们来看看下面的代码：1.var myfunc = function (){alert("hello");};myfunc(); myfunc = function (){alert("yeah");};myfunc(); 这段代码是不是很简单，
2012-08-16 11:49:42
466
转载 大型JavaScript应用程序架构模式
什么叫“JavaScript大型程序”？在我们开始之前，我们来定义一下什么叫大型JavaScript站点，很多有经验的JS开发高手也都被challenge住了，有人说超过10万行JavaScript代码才算大型，也有人说JavaScript代码要超过1MB大小才算，其实2者都不能算对，因为不能安装代码量的多少来衡量，很多琐碎的JS代码很容易超过10万行的。我对“大”的定义如下，虽然
2012-08-16 11:24:42
461
原创 北漂--四个月小结
北漂四个月以来，第一次小结，好久不写东西，感觉写起东西来真的没有那么顺畅了...总的来说，这四个月里都是过得很纠结，到底该不该取舍呢？摆在我面前的有两条路，一是选择继续，二是选择离开。但我还是选择了前者，即使不知道前途如何，也不能预知未来会发生什么事情，只是不想给自己留下遗憾，俗话说年少轻狂，我们都还年轻，为何不能轻狂一下呢？在这四个月里，主要做了两件事情，第一是对freei2ey
2012-08-16 11:11:25
895
转载 jquery 事件机制
在介绍方法之前，我觉得有必要描述一下响应事件的两种策略，一种是事件捕获(Event capturing)，一种是事件冒泡(Event bubble)，这两种策略是相对立的，它们是在浏览器大战中分别由Netscape和微软提出的完全相反的两种事件传播模型。事件冒泡定义为在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定
2012-08-16 11:09:01
540
转载 ImageMagick for java 使用Jmagick压缩高质量图片
在做pdf文档转成jpg的时候，发现了Jmagick的创建高质量的图片的一个java类库,自己以前使用另外的一个类库,感觉这个更好点,就试着用了下,感觉不错1.使用的windows下的jmagick-win-6.3.9-Q16.zip 地址是：http://downloads.jmagick.org/6.3.9/2.doc对应的api地址：http://downloads.jmag
2012-08-16 10:45:15
10640
原创 Android文件下载进度条的实现
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" >
2012-08-16 10:34:53
14671
转载 12种JavaScript MVC框架之比较
Gordon L. Hempton 是西雅图的一位黑客和设计师，他花费了几个月的时间研究和比较了 12 种流行的 JavaScript MVC 框架，并在博客中总结了每种框架的优缺点，最终的结果是，Ember.js 胜出。此次比较针对的特性标准有四种，分别是：UI 绑定（UI Bindings）复合视图（Composed Views）Web 表现层（Web Presentation
2012-08-16 10:33:02
928
原创 html5+css3作品
首先上图吧。第一次全用html5+css3所制作的，花了我一天的时间。加上图片的制作。做这个是为了后面的事情，想要知道什么，请看下篇博客，呵呵
2012-08-16 10:31:11
1331
1
转载 Javascript获取页面、屏幕尺寸大小参数
Javascript获取获取屏幕、浏览器窗口 ，浏览器，网页高度、宽度的大小网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽
2012-08-16 10:28:58
587
jquery 完整的标记插件(jquery notes)
2012-09-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人