- 浏览: 50332 次
- 性别:
- 来自: 武汉
最新评论
-
jj7jj7jj:
修复了一下bug,新添加了一些方法,已上传到附件
javascript 视图模板 2.0 -
jj7jj7jj:
achun 写道jj7jj7jj 写道achun 写道推荐博主 ...
javascript 视图模板 -
king114963349:
专注细节,裨益成败!!!
js中可能你不知道的地方 -
achun:
jj7jj7jj 写道achun 写道推荐博主看下我写的jCT ...
javascript 视图模板 -
jj7jj7jj:
shiren1118 写道看看jquery的模板插件。。。
...
javascript 视图模板 2.0
文章列表
欢迎来到前端世界的明天
因为官网被墙, 所以 http://docs.polymerchina.org/ 其实是一件非常有意义的事。 组件化和重用,一直是编程界几十年来前进的方向和目标,随着时间的推移和需求的变化,前端开发已逐渐走进重用的时代,但这还不够,组件,组件,我们需要组件!!!
Web Components将Web开发引入一个新的纪元,它完全基于传承自HTML的可封装易共用的Custum elements。站在一系列新的Web标准的顶端,Polymer使得无论是创建一个普通的按钮,还是一个完善的可跨桌面和移动及更多平台的应用程序变得更加简单快速。
Polymer 为何跟 mater ...
今天把网站的slider组件统一了一下,心得总结
1。像一般焦点图,滚动字幕,相册列表,包括自定义滚动条,其实原理都是一样,组件的内部逻辑是可以共用的,不必弄很多组件出来,一个JS就可以搞定
2。对于组件我的习惯用法是直接绑定自定义属性,让页面加载之后自动执行,不需要想JQUERY组件一样,还需要穿一些配置参数进去,其实参数可以直接写入标签的自定义属性上面
效果:
http://ceshi.sgamer.com/test/slider.html
优点:
1.加载即执行,页面上可以存在N个slider组件
2.无需添加初始化代码
3.用自定义事件用来解耦,切换会触发change_silde ...
今天早上开会,看见的部门经理,也见了各位leader,全部是业务,基本都是行内的编辑,那家伙一句听不懂。
下午跟小组的3个人onetoone沟通,其实大家都有向技术上发展的愿景,这点很好,我的想法在未来可以付之于行动,我发觉我是挺能振奋人心的,哇哈哈,小有点成就感。
然后问了下关于公司的情况,毕竟今天才是入职的第二天,很多不知道的,从他们口中我能了解一些问题,比如:
1.领导很强势,前端受设计控制,处于很被动的情况
2.缺少人协调,问题不出在前端,但确是前端在背责任
3.工期紧,排期混乱,前端开发时间受到压榨
4.前端不受重视
5.技术难以提高
6.距离远,隐身意思就是不能加班
今天跟副组 ...
- 2012-10-29 23:10
- 浏览 655
- 评论(0)
with语句也是一个功能强大的特性,但是它常常不能被正确的理解。它允许你把一个对象的所有属性放到with语句所指定的作用域中,这样这些属性就可以想平常的JavaScript变量被使用。理解with语句是如何工作的,在你开发中 ...
今天跟大学同学一起吃了一个饭,聊了很多,收获还好,当然大多数都是这小子装B,我也就是配合一下。
我讲了关于公司手下负面情绪的问题想听听他有什么意见,他给我支了两招,一个是对方对我是什么态度,我说对我是认 ...
第一天入职
1.装环境
浏览器:firefox,chrome,safari,opera,maxthon
工具:ietest,takecolor,sublime,ps,wamp
软件:pdf,qq,有道笔记本
2.配置邮箱
公司的通讯工具用的rtx,查了一下既然还是腾讯的,真难用的,界面完全不是给人看的
我的领导是一个女的,年纪比我稍微年长,今天向她请教管理的心得,她言简意赅“对手下了解,对公司组织结构了解,对流程了解,对沟通人员了解”,其实管理也就这几句话,简单也不简单。
领导带我把周围人熟悉了一圈,感觉写程序把人都写呆了,毫无幽默感,都讲不了什么话,大家还好,人都很随和,还好没太为难我。 ...
好长一段时间没有写文章了,很多时候真是有心无力,也是近段时间面试,被别人问道博客一年没有更新过了,来不及感悟也是虚度,此文是我这一年来的思考,欢迎拍砖。
我只想告诉各位不重视前端的公司会逐渐消失在我们 ...
网上惊现可以破解验证码的JavaScript脚本——GreaseMonkey!由“Shaun Friedle”开发的这段脚本可以轻松搞定Megaupload站点的CAPTCHA。如果您不相信的话,可以到http://herecomethelizards.co.uk/mu_captcha/亲自尝试一下!
现在,Megaupload站点提供的CAPTCHA在上述代码面前已经败下阵来,说实话,这里的验证码设计的不不太好。但更有趣的是:
1.HTML 5中的Canvas应用程序接口getImageData可以用来从验证码图像中取得像素数据。利用Canvas,我们不仅可以将一个图像嵌入一个 ...
- 2012-10-15 23:02
- 浏览 1045
- 评论(0)
背景:
如果遇到需要给滚动条加样式的情况,在ie浏览器下可以通过样式解决,像火狐和chrome就没辙了,与其用些畸形的样式或者技巧,还不如干脆自己做一个
功能:
1)保持浏览器默认滚动条的行为:当内容超过高度时给出滚动条;支持鼠标滚轴;当鼠标移动到顶部或者底部时,滚动条自动向上或向下移动,移动到顶端或者下端则停止;当添加内容时会重新渲染滚动条,中间的滚动块会根据内容等比例缩小
2)兼容各浏览器
属性:
id : 需要绑定的元素的id
moveSize : 每移动一个单位的像素
callback : 当移动到底部时会触发
方法
moveTo : 移动到给定的top值,到超过滑块高度时,会默 ...
中国人精神 之 齐桓公与管仲
- 博客分类:
- 个人日记
齐桓公(又名公子小白或姜小白,姜子牙的后人),小白他爹是一个很风流的人物,后宫也很自然的成为了他的葬身之地,于是王位继承这种千古难题就交给了他的两个宝贝儿子,一个就是公子小白,另一个就是公子纠(好纠结的名字,暂且叫它小黑吧)
当时小白和小黑都在外地,一听他爹的死的喜讯,两位开始疯狂的与时间赛跑,谁先到达齐国谁就能登上王位,小白当时离齐国比较近,数学学的好的同学应该知道,两点之间直线是最短的,小黑手下也深知这条道理,决定在小白必经之地上设下埋伏,他的手下就是三国演义里面诸葛亮装B时自比管仲乐毅中的管仲管仪吾,而管仲被人所熟知的仅仅只是他的智慧,但不知道他还有第二个技 ...
最近根据项目中的实际的问题,对原有模板进行了一些调整,修复了在复杂嵌套情况下的BUG
数据会分成3部分存放
this._tmp_cache = {}
缓存,通过$cache{value,key}设置
this.params = {}
所有参数,包括callbackObj + 自定义的参数
this.self_params = {}
自定义的参数
(注:callbackObj属于数据层的对象,但有时也许会想在基础上加上自己的参数,自定义参数与callbackObj同名,则会覆盖callbackObj)
从后台请求回来的数据比如是
var data = {
name : &qu ...
javascript 视图模板
- 博客分类:
- javascript
任务原因,下周要实现一个模块,为了能提高效率,我做了一个通用工具类,其实也是在原基础上改的
以前的版本支持${..}这种样子的替换 比如
<div style="display:${display}">...
替换为
<div style="display:none">...
有些比如时间格式化和判断之类就必须在代码处理好了之后在将值传给模板,但格式化和判断逻辑基本都是一致的,于是我想这些直接通过视图模板就处理好些问题
$date:时间格式化
<span>$date{day,YY MM DD}</span&g ...
js中可能你不知道的地方
- 博客分类:
- javascript
JavaScript是弱类型,除了在switch语句中。当JavaScript在case比较时,它是非弱类型
var myVar = 5;
if(myVar == '5'){ //返回true,因为JavaScript是弱类型
alert("hi"); //这个alert将执行,因为JavaScript通常不在意数据类型
}
switch(myVar){
case '5':
alert("hi"); //这个alert将不会执行,因为数据类型不匹配
}
在window.onload执行document.write 会导致页面完全空 ...
前端的需要掌握的知识储备要远远的大于实践
浏览器安全模型规定,XMLHttpRequest、框架(frame)等只能在一个域中通信。从安全角度考虑,这个规定很合理;但是,也确实给分布式(面向服务、混搭等等本周提到的概念)Web开发带来了麻烦。
所谓的跨域就是,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象
第一种:
window.name:就是window对象上的一个属性,只要窗口不发生变化(打开的不为_blank),这个值是一直存在,不会发生改变
a.com/app.html:
a.com/proxy.html:内容空白
b.com/data.html
需 ...
javascript中最纠结的关系,就是对象与函数的关系,对象是函数(Object是一个函数:new Object),函数也是对象(function aa(){},aa有__proto__,说明aa也是一个对象)
为了方便理解:
我暂时把js里面分为两种对象,函数对象,非函数对象
为了解释这概念我举个栗子
function aa(){}
aa就是函数对象 , 而new aa()就是非函数对象了
可以说new aa()是aa的一个实例,也可以说aa是new aa()的一个模板
非函数对象的特点:只有__proto__属性
函数对象的特点:同时有__proto__,prototype,因为它也是对 ...