hello,JavaScript | 关注学习前端技术,前端开发,前端,JavaScript,css,html,js,前台,ued,视觉设计(这就是seo?)

Archive for 十二月 2009

十二/09

30

MOTODEV出了1.1版本了(android开发工具)

MOTODEV是摩托罗拉耗费大量人力打造的android开发工具,支持原生的android开发和二次开发的ophone平台开发,同时提供基于java的开发和JavaScript+html+css的UI开发两种方式.
MOTODEV和原生的android开发工具有什么不同呢,其实MOTODEV就是基于原生的开发工具的二次开发,集成了一些常用配置,因为在配置android开发工具的环境的时候非常麻烦,而且经常出错,很多时候都无法解决,这个工具就是把所有的功能都集成进来,无需配置,安装完了就可以开始开发.方便了不少.而且我发现MOTODEV内置的模拟器比原生的模拟器快很多,启动超级快,运行也比较快

最新版下载地址:http://developer.motorola.com/docstools/motodevstudio/download/

moto的开发文档也不错,虽然是英文,但是看着还算流畅,内容很不错

http://developer.motorola.com/docstools/library/

· · · ·

十二/09

21

奥巴马在中国批评网络审查制度(译文)

原文地址:http://www.timesonline.co.uk/tol/news/world/asia/article6918320.ece
  奥巴马总统与中国上海的学生以不同寻常的现场问答形式进行了一场对话,批评了网络审查制度,并告诉这个拥有世界上最多上网人数的国家的人们,信息的的自由流动是力量的源泉。
  在他正式访华的第一天里,奥巴马先生小心翼翼地校准着自己的言论,以避免使中国民众感到尴尬。尽管如此,当他在强调中美这两个太平洋巨人必须合作而非冲突的时候,他确信他的回答触及到了中国国内的一些敏感话题,如言论自由的普世价值以及信息的自由传播。
  经过了长达十一个小时艰辛的争论,奥巴马先生才得以在上海登上舞台,手持麦克风,从520名大学生中挑选出提问者。中方对于美方要求现场直播和在线流媒体直播感到局促不安。最终,这场市政厅式的会议仅在上海电视台直播,但文字部分则由新华社进行更新。
  所提问题一部分来自现场观众,其余的则从中国或美国驻华大使馆的网站上提交的几千个问题里挑选。
  奥巴马先生被问到是否了解“GFW”——一款防火墙的通俗术语,中国政府用其加在网络上来阻挡那些审查员认为不合适的内容。奥巴马先生说:“我一向是开放互联网使用的坚定支持者。我非常支持不设置审查制度。我认识到不同的国家有不同的传统。”
  在某个回答中,他微妙地批评了中国,他说他认为拥有指责国家领导人的自由可以帮助加强民主。“老实说,我也曾经有好几次希望信息不能那样自由流动,那样的话我就不必一直听着人们批评我。人们当权时自然而然会想‘那人怎么会这样说我?太不负责任了’。”
  但奥巴马先生认为就是这样的开放环境使他成为一个更好的领袖,迫使他倾听他不愿听到的意见。中国的领导人很少需要或有机会接受公众的批评。GFW把几乎所有这样的评论都过滤掉了,极少有人敢发表评论贬低共产党的领导,怕遭报应。
  他尽量避免和中共的审查者产生意见分歧,因为他们认为网络是需要监管的,要保护民众免受伤害。“好处是远远多于坏处的。这也是我为什么对互联网成为本次论坛一部分感到很高兴的原因了。”
  本次论坛标志着他对中国民众的首次直接评论,也可能是他在紧张的四天行程中的唯一一次机会,这项行程包括与胡锦涛主席会面以及参观长城。
  奥巴马先生利用这次接触中国三亿五千万网名的机会为中国民众争取被剥夺的自由。他说个人表达并非美国的理想,而是一项所有人都有的普遍权利。“我们不寻求把任何政治体制强制给任何国家,但是我们也不认为我们所支持的这些原则是我们国家所独有的。”
  他谈话中的这份理想明天能否传达到北京的中共领导人耳朵里还是个未知数,而在周三,他的行程又将被排满,贸易分歧、北朝鲜的核问题、中国对伊朗货币政策价值的争端这些问题等待他去处理。
  奥巴马先生希望这次为期四天的行程能有一个有好的开端。他说:“大国之间合作,而不是冲突,我们能收获更多。”
  总统承认他用起Twitter来笨手笨脚的,无法掌握这项技术,这在中国引起了迅速反应。“他怎么能骗我们?他Twitter主页上有260万跟随者呢!”
  中国的聊天室里很快便人声鼎沸,纷纷对奥巴马的表现作出回应。有人仅仅说了句:“好帅啊!”

· · · ·

十二/09

19

我给博客加了点新功能,不知道各位注意到了没

+ 博客加入了关键词功能.关键词会被高亮起来,把鼠标移到关键词上就会浮出一个层,里面有相关图片和简介

+ 目前我的博客在android里完美运行,所有的js效果和布局均运行正常,android很强大

No tags

十二/09

18

用js实现层的随着内容大小动态滑动改变

+ 按照惯例,demo在此独立浏览,这样显得更直观。

+ 以前做谷歌的小工具时,api里提供了一个很有用的函数,那就是在程序运行时可以使层动态随内容大小而变化,而且是平滑变换,在一些jquery的lightbox里也普遍有这种效果,看起来很酷的样子。

+ 下面我们就自己来实现一个这样的组件,没有参考其他资料,纯属自己瞎写。

+ 我觉得我这个方法很简单了,只需要在外边多套一个层就可以,而且可以容纳大量的文字(为什么这样说?因为如果只是单纯的图片,那调整起来简单多了,而如果有一大串文字的话,要变换两次才可以,因为如果你改变了宽度的话,字会被挤得高度增加,这里有两个方法来调整,一个是每次动画循环都更新最新的高和宽,另一种方法就是先变换,变换完后再检查一次,这次变化的只是高度,也就是调节两次,第一种方法效果好,但是每次都更新,自然加重了负担,第二种效果差点,但是性能好,而且也不是那么差)

+ 实现原理很简单,就是在外边放一个主体层,我们调整的就是这个层,我们首先把这个层设置一个很小的宽和高,然后设置其overflow为hidden,然后运行时判断里面内容的大小,再回来调整外部层的大小即可。

+ 本程序用到了YUI的一个动画函数和一个淘宝sns的jsonhtml对象,这个对象的作用是将一个用json形式表示的html转换成真正的html结构,可以使构造html的程序简洁清晰。

+ 主体从Tip开始,我将这个组件写成了单例的模式,也就是不用new就可以在任何地方使用,而且都指向一个对象,而且这个组件封装目前没优化,为了试验,里面很多东西都是直接改的,外部暴露的接口太少:

 var Tip=function(){
                    //直接返回一个json对象,这是一种js单例模式的实现
                return {
                    //初始化函数
                    init:function(options){
                        this.config={
                            container:null,//包装容器
                            style:{},//样式配置
                            data:{}
                        }
                        //样式配置
                        this.style={tip:null,tip_title:null,tip_pic:null,tip_bd:null}
                        //混合配置选项
                        mixin(this.config,options)
                        //初始数据
                        this.data={
                            //标题的数据
                            hd_data:this.config.data.hd_data==null?"没有描述":this.config.data.hd_data,
                            //图片数据,正常情况下应该是一个网址
                            pic_data:this.config.data.pic_data==null?"#":this.config.data.pic_data,
                            //主题内容数据
                            bd_data:this.config.data.bd_data==null?"没有描述":this.config.data.bd_data
                        }
                        //这是定义了一个加载的时候显示的滚动的gif的图像
                        this.loading_pic=new Image();
                        this.loading_pic.src="http://www.sj33.cn/sc/UploadFiles_6888/200803/20080320132838323.gif";
                        this.creatHtml();//调用html构造器
                    },

+ 关于为什么js写成这样,还有一些从某些库里学来的写法就不多解释了,注释也很清楚,这里就是初始化一些数据,用来给后面的程序处理.
(全文…)

· · · ·

十二/09

15

最近常用的前端开发工具总结

+ 接触真正的前端开发差不多有一个月了,真正在公司哦日子也只有两个周,从工资就可以看出来,这个月工资总共才600,加上补贴才1100大洋,哎…… 这么长时间,对前端也算有了基本的了解,也熟悉了一些工具,我现在天天用的工具也就下图这么多: 2009-12-15 23 51 45

+ 其中大多数是早先就一直在用的,最近接触的是aptana IDE和Dreamweaver而已,但是其他几个工具以前只是偶尔用一用,现在却每天摆在桌面上,因为发现他们有很多实用的功能.

+首先是ide,前端的ide很多很多,用的最多的当属Dreamweaver吧,虽然我从来不用dw,但是淘宝前端里很多人用这个,我同事跟我说这个效率高,我以前用过一段时间的eclipse,因为php和as的官方编辑器都是eclipse,js和html也都支持,可是那插件实在是太弱智了,所有代码都基本是手写,根本没有提示啊,大纲啊,tips啊之类的,不过这样有个好处,可以使之牢固地记住单词拼写.后来netbeans再java圈里活了起来,一个东西火起来总有它的好处,虽然还处在早期开发版,但是很多功能已经让人爱不释手了,例如我最喜欢的一个:代码格式化,在eclipse里必须要插件支持格式化,才能格式化,在netbeans里,格式化被原生支持,所有代码都基本可以格式化.还有netbeans的配色特别舒服,代码着色特别漂亮,而且对JavaScript的支持有明显提高,智能提示很智能,各种自动补全都比eclipse人性化,例如:在netbeans和eclipse里输入括号或者引号的一半时,都会自动关闭,但是如果要删除后面的那一半括号呢?在eclipse里,不管上下文是什么都会把前一半一起删除掉,而在netbeans里,会判断前后文,判断你为什么想删除后半个括号,如果是本来就存在一个后半括号的话,则只会删除要删除的后半括号,而不会把前半个括号一起删除.

+ 最近听人说aptana这个ide不错,也支持我喜欢的ruby,而且对js和html,css支持也很好,我比较来比较去,还是喜欢netbeans,首先因为netbeans里有个插件,可以把着色的代码复制粘贴成html+css,而是代码着色aptana不好看,自己配又配不出感觉来,netbeans的界面也比较清爽,至于js提示,其实我从来就没用到过高级的提示,在netbeans里我只需要他在我输入document.的时候出来后面那一串get什么什么的就行了.js已经是够简洁的语言了,提醒太多反而没什么意义,不过在netbeans里的YUI提示和我看的YUI不是一个版本的,全是错的,但是我还是喜欢netbeans多一点,其实编程这东西效率很难说高和低,思路理清楚了,自然效率高.程序写的很快的话,代码提示很智能的话,反而太依赖,对思路理解不深刻,写着后面忘了前面,效率反而慢了.
(全文…)

· · · · · · · · ·

十二/09

14

第四届D2前端技术论坛邀请函

2009-12-14 23 25 17

今晚收到的邮件,欧耶,咱也去凑个热闹去.

· · ·

十二/09

14

支付宝改版,第一时间尝鲜

今天登陆支付宝,发现之前在某同事文章里看到的新的界面终于发布了,新的界面很漂亮,合理的运用了一些js特效,非常不错

下面就一起去看看都有了那些细节上的变化吧

2009-12-14 20 48 57

这是个人中心的首页,可以看到,和以前的支付宝比起来更加简单明了,以前首页分布着各种功能链接,让人手足无措,现在功能都以图标的形式列出来,页面其他地方也不重复出现功能链接,简洁实用美观,字体的配色很协调,一点都不觉得别扭,左边的用户信息层很简洁,但是却表达清楚,余额用大号字体着重标出.

2009-12-14 20 49 36

在每个页面右上角都有一个缩小版生活助手,鼠标移上去,会流畅滴滑下来,方便了操作

2009-12-14 20 52 01

右边则有一个跟上面那个类似的滑动浮块,展开后显示的是账户信息,账户信息和功能导航是两种重要的导航,所以如此安排,在任何页面都可以立即进行操作,这种方式值得借鉴

2009-12-14 20 52 12
(全文…)

· · · · · ·

十二/09

14

国内动荡不安,吾辈心神不宁,博客搬家,庆祝新生

怎么说呢,不想说太偏激的话,国内现在这种环境最不适合创业,各种局势都不稳定,说不定将来几年会产生大的动荡

我先前博客被封了,域名也用不了了,现在改成新的域名,http://www.beiju123.cn/blog,作为我接下来制作的网站的子博客.

我一直想做一些别人没有做过的东西,现在正在努力,查看http://www.beiju123.cn就可以看到雏形,这是一个类似twitter,但是和twitter有有所不同的网站,需要一些比较新的技术,研究中ing.

期待吧,专注于前端,必将精通于前端,总有一天会的

十二/09

2

来看看大家都用的啥浏览器访问我的博客

我的博客在ie里支持不好,会提醒关闭部分功能,在ie6里则直接跳转到chrome的下载页面,咱也为google出把力把。过几天google就要给我寄U盘了,呵呵
这是我博客这两天的访问者浏览器使用情况:

2009-12-02 23 55 10

打倒ie,欧也

No tags

我电脑上下载了很多字体,可是每个字体都是一个文件夹,安装的时候挨个文件夹点,累死了,于是写了一段ruby脚本,不过如果你没有安装ruby环境就遗憾了,执行后,会将制定文件夹里的所有文件包括嵌套文件夹里的文件都提取出来放在另一个设置的文件夹里,哈哈,一起拖到字体里,一下子安装完成
可以去下个ruby的安装环境,就可以使用此脚本了,使用的时候用记事本打开,把路径修改下就行

require "find"
to='H:\字体\字体\ziti\\'
Find.find('H:\字体\字体') { |path|

  if not File.directory?(path) then
		name=File.basename(path)
		puts to+name
		File.rename(path, to+name)

  end
}

还有一段小脚本,是搜索字符串的,在前端编程的时候,有的时候会不知道某个属性在哪里定义的或者都是在哪里用到的,可以搜索整个项目文件夹寻找此字符串

require "find"
Find.find('C:\xampp\htdocs\taojianghu-demo') { |path|

  if not File.directory?(path) then
    aa=0
    File.new(path,'r').each { |e|
      if e=~/sns_avatar_m/ and path=~/php/ then
        puts path+":"+aa.to_s
      end
      aa+=1
    }
  end
}

No tags

Theme Design by devolux.nh2.me