- 博客(23)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 热烈祝贺Polymer中文组织网站上线
欢迎来到前端世界的明天因为官网被墙, 所以 http://docs.polymerchina.org/ 其实是一件非常有意义的事。 组件化和重用,一直是编程界几十年来前进的方向和目标,随着时间的推移和需求的变化，前端开发已逐渐走进重用的时代，但这还不够，组件，组件，我们需要组件！！！Web Components将Web开发引入一个新的纪元，它完全基于传承自HTML的可封装易共用的...
2014-10-29 14:05:10
100
原创 slider组件重构【原创】
今天把网站的slider组件统一了一下，心得总结1。像一般焦点图，滚动字幕，相册列表，包括自定义滚动条，其实原理都是一样，组件的内部逻辑是可以共用的，不必弄很多组件出来，一个JS就可以搞定2。对于组件我的习惯用法是直接绑定自定义属性，让页面加载之后自动执行，不需要想JQUERY组件一样，还需要穿一些配置参数进去，其实参数可以直接写入标签的自定义属性上面效果：[url]h...
2013-11-28 16:46:35
149
原创 前端管理日记（3）
今天早上开会，看见的部门经理，也见了各位leader，全部是业务，基本都是行内的编辑，那家伙一句听不懂。下午跟小组的3个人onetoone沟通，其实大家都有向技术上发展的愿景，这点很好，我的想法在未来可以付之于行动，我发觉我是挺能振奋人心的，哇哈哈，小有点成就感。然后问了下关于公司的情况，毕竟今天才是入职的第二天，很多不知道的，从他们口中我能了解一些问题，比如：1.领导很强势，...
2012-10-29 23:10:11
111
原创 with(){} 的用法(javascript忍者的秘密) 【转】
with语句也是一个功能强大的特性，但是它常常不能被正确的理解。它允许你把一个对象的所有属性放到with语句所指定的作用域中，这样这些属性就可以想平常的JavaScript变量被使用。理解with语句是如何工作的，在你开发中会带来很大的好处。 JavaScript中with(){}语句是如何工作的让我们首先通过一个小例子来看看with(){}语句的基本用法：[...
2012-10-28 18:20:04
133
原创 前端管理日记（2）
今天跟大学同学一起吃了一个饭，聊了很多，收获还好，当然大多数都是这小子装B，我也就是配合一下。我讲了关于公司手下负面情绪的问题想听听他有什么意见，他给我支了两招，一个是对方对我是什么态度，我说对我是认可的（要不然面试我就被砍了），再就是让我跟他们吃饭的时候，表个态，比如自己的做事风格，性格方面的，感觉实用有效，周末酝酿一下，周一试试效果。他讲了一个他培训的故事，两种培训 ...
2012-10-28 00:58:37
95
原创 前端管理日记（1）
第一天入职1.装环境浏览器：firefox,chrome,safari,opera,maxthon工具：ietest,takecolor,sublime,ps,wamp软件：pdf,qq,有道笔记本2.配置邮箱公司的通讯工具用的rtx，查了一下既然还是腾讯的，真难用的，界面完全不是给人看的我的领导是一个女的，年纪比我稍微年长，今天向她请教管理的心得，她言简意赅“...
2012-10-26 23:33:05
79
前端价值之所在
好长一段时间没有写文章了，很多时候真是有心无力，也是近段时间面试，被别人问道博客一年没有更新过了，来不及感悟也是虚度，此文是我这一年来的思考，欢迎拍砖。我只想告诉各位不重视前端的公司会逐渐消失在我们眼中，今朝以不同于往日了。前端的特殊性，前端不属于某一个专业，在大学里面没有专门的理论课做技术支撑，大多数前端是靠自学成才。但切入的方向各有不有不同1.有从设计方向切入的（设计，...
2012-10-22 23:48:51
86
原创 利用JavaScript破解验证码(转)
网上惊现可以破解验证码的JavaScript脚本——GreaseMonkey!由“Shaun Friedle”开发的这段脚本可以轻松搞定Megaupload站点的CAPTCHA。如果您不相信的话，可以到http://herecomethelizards.co.uk/mu_captcha/亲自尝试一下! 现在，Megaupload站点提供的CAPTCHA在上述代码面前已经败下阵来，说实话...
2012-10-15 23:02:40
215
js自定义滚动条
背景：如果遇到需要给滚动条加样式的情况，在ie浏览器下可以通过样式解决，像火狐和chrome就没辙了，与其用些畸形的样式或者技巧，还不如干脆自己做一个功能：1）保持浏览器默认滚动条的行为：当内容超过高度时给出滚动条；支持鼠标滚轴；当鼠标移动到顶部或者底部时，滚动条自动向上或向下移动，移动到顶端或者下端则停止；当添加内容时会重新渲染滚动条，中间的滚动块会根据内容等比例缩小2）...
2011-12-05 14:41:17
98
中国人精神 之 齐桓公与管仲
[size=medium] 齐桓公(又名公子小白或姜小白，姜子牙的后人)，小白他爹是一个很风流的人物，后宫也很自然的成为了他的葬身之地，于是王位继承这种千古难题就交给了他的两个宝贝儿子，一个就是公子小白，另一个就是公子纠（好纠结的名字，暂且叫它小黑吧） 当时小白和小黑都在外地，一听他爹的死的喜讯，两位开始疯狂的与时间赛跑，谁先到达齐国谁就能登上王位，小白当时离齐国...
2011-09-25 15:35:31
276
javascript 视图模板 2.0
最近根据项目中的实际的问题，对原有模板进行了一些调整，修复了在复杂嵌套情况下的BUG数据会分成3部分存放this._tmp_cache = {}缓存，通过$cache{value,key}设置this.params = {}所有参数，包括callbackObj + 自定义的参数this.self_params = {}自定义的参数（注：callb...
2011-09-05 02:08:42
74
javascript 视图模板
任务原因，下周要实现一个模块，为了能提高效率，我做了一个通用工具类，其实也是在原基础上改的以前的版本支持${..}这种样子的替换 比如...替换为...有些比如时间格式化和判断之类就必须在代码处理好了之后在将值传给模板，但格式化和判断逻辑基本都是一致的，于是我想这些直接通过视图模板就处理好些问题$date:时间格式化$date{day,YY MM DD}...
2011-08-28 02:06:56
128
js中可能你不知道的地方
JavaScript是弱类型，除了在switch语句中。当JavaScript在case比较时，它是非弱类型[code="java"]var myVar = 5;if(myVar == '5'){ //返回true，因为JavaScript是弱类型 alert("hi"); //这个alert将执行，因为JavaScript通常不在意数据类型}switch(myVar){...
2011-07-09 19:18:05
98
原创 跨域总结
前端的需要掌握的知识储备要远远的大于实践浏览器安全模型规定，XMLHttpRequest、框架（frame）等只能在一个域中通信。从安全角度考虑，这个规定很合理；但是，也确实给分布式（面向服务、混搭等等本周提到的概念）Web开发带来了麻烦。所谓的跨域就是,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象第一种：window.name：就是wind...
2011-07-09 18:10:36
60
达芬奇密码之Javascript的密码
javascript中最纠结的关系，就是对象与函数的关系，对象是函数（Object是一个函数：new Object）,函数也是对象（function aa(){},aa有__proto__,说明aa也是一个对象）为了方便理解：我暂时把js里面分为两种对象，函数对象,非函数对象为了解释这概念我举个栗子function aa(){}aa就是函数对象 , 而new aa（）就是非...
2011-07-07 17:27:53
110
原创 再牛逼的伟人，也有苦逼的青春
道光十七年，公元1837年，一个23岁的青年看了广州府试的榜单后，失魂落魄地回到家里，生了一场大病。这一病就是四十天，其间做了一些古怪的梦。他自己当时并不知道，这个梦意味着什么。和现在许多考研的同学一样，他准备再尝试一次，对他来说是第四次考试了。在度过了六年苦闷的日子后，他再一次失败。这时他已经是个29岁的老宅男了。这个人叫洪秀全。他在梦中见到了上帝。1850年，他终于把自己的梦付诸实践，开启了一...
2011-05-05 18:03:28
119
原创 js版 a星算法(原创:算法独立出来了)
a星算法的原理，网络上基本都有，这里就不在介绍了，网络上的a星和例子结合的过于密切，不利于复用，如果你只需要代码，不需要了解原理，此文会对你有帮助图片见附件,代码如下：[code="java"]window.AStar = {};(function(aStar){ //start:起始节点[i,j] ， end:最终节点[i,j] map:地图数据(2d)arr，ma...
2011-04-19 20:30:34
355
js世界里的诡异和离奇
[b]num1:[/b][code="java"] ba = function(a) { return a.call.apply(a.bind, arguments) }[/code]（以上的代码出之于google的adsence广告投放的代码）单纯的call和apply其实好解释，但如果想上面这样写，就有点绕了。下面来分析上面这种...
2011-04-01 14:12:50
104
原创 html5 之 processing.js 学习笔记
processing.js是jquery之父的又一给力js内裤直接点以下链接（用狐火和chrome打开可以预览效果）：[url]http://processingjs.org[/url]processing 最初是用java开发的，然后前段时间他又实现了js的java虚拟机,我正仰慕不已的时候，现在又出了processingjs,我总算知道做虚拟机的目的是为什么了，为了无论在什...
2011-03-22 10:42:27
289
原创 躺在jquery的石榴裙下 之 clean
接上一节的两个函数[code="java"]selector = jQuery.clean( [ match[1] ], context );jQuery( context ).find( selector );[/code]clean (约939)，find (约)[code="java"]clean: function( elems, context ) [/code]...
2010-11-29 09:29:40
102
躺在jquery的石榴裙下 之 jQuery.fn.init
认识第一个比较重要的方法jQuery.fn.init源码如下：[code="java"]selector = selector || document;if ( selector.nodeType ) { this[0] = selector; this.length = 1; return this;}[/code]selector = selector ||...
2010-11-19 00:32:18
165
原创 躺在jquery石榴裙下
本来准备分析1.4.3，尽然有接近7000行代码，有些吃不消，所以还是先来1.2.6的，分析完了之后再来1.4.3的闲话不多说了，go on！这一节主要分析它的架构最外层的结构[code="java"](function(){})() [/code]闭包+匿名函数，好处就是独立的作用域，加载并立即执行内部的代码。[code="java"]var _jQuer...
2010-11-18 16:50:11
92
constructor与prototype的深入分析
平时只进不出，感觉也不怎么厚道，第一篇技术博客奉献给大家，希望大家有所收获声明一下constructor 指向的肯定是函数prototype 指向的肯定是对象，并且只有function对象才具有此属性希望看本文之前能先了解一下原型链概念下面是对两个属性深层次的分析，欢迎拍砖[code="java"]function fun(name){ this.na...
2010-11-05 14:46:23
98
OrgChart 横向树形控件
2014-06-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人