2009-11-16

CSS 理论+工具+实践


关于 CSS
理论+工具+实践

理论
布局方案 Positioning schemes
浏览器的核心之一叫做布局引擎 比如火狐的布局引擎是gecko
html元素在浏览器中通过css进行布局时 有四种布局方案
静态定位 也称为正常流定位 (默认方式) 所谓流 是通过流动模型 传达布局原理 html元素向左上角流动
绝对定位 (请思考 绝对定位中 坐标系的原点在哪里 )
相对定位(请注意是相对于在流定位中应该出现的位置)
fixed定位 直接针对浏览器的viewport 定位

盒子模型 box model
而每一个元素在被浏览器布局之前 首先被render为一个个box

我们现在的水平 学习这方面理论 应该直接看 w3的css 规范
 Box model
Visual formatting model

当然 理论是简单的 现实是复杂的 css在不同浏览器上的表现 非常的不一致 参见 acid 测试
所以有时 你需要 去w3schools 看看 这里是很务实的文档
http://www.w3schools.com/css/css_boxmodel.asp
这方面的书籍可以看看 css禅意花园


工具
学习css 最好的工具还是firebug
另外 实在忍不住 称赞一下 netbeans 在遵循标准方面的努力 编辑html时你得到的帮助 直接就是w3的规范 包括代码自动完成也严格按照dtd

实践
主要是通过工具学习理论
同样的firebug 在我手里就是强大的工具 在很多人手上 只不过是个很平庸的工具
firebug的已经把box模型做进去了 而且非常直观 但看的懂的人不多
另外 很多人因为缺乏探索精神 不知道 firebug 其实就是人们梦寐以求的 html+css的调试工具
也就是说 在firebug里面 可以直接编辑html (增删改查)  然后立即看效果
同样直接编辑css 立即看到效果 而且通过上下方向键 可以代码自动完成
虽然不能像Dreamweaver中那样 鼠标拖着层 直接跑
但通过上下方向键改变非静态定位元素的offset(盒子模型上)或者css里面的left top bottom right值 完全可以让html元素在页面里跑起来 简直就是在玩游戏 方向键操纵

调试完的结果 copy到页面源码中即可 彻底告别两眼一抹黑的编程方式


2009-10-17

Google Notebook Extension for Firefox 3.5+

Friday, June 19, 2009

Google Notebook Extension for Firefox 3.5+

Well, it was going to happen. Mozilla upgrades Firefox to 3.5, Yeah! :-) ,but breaks the Google Notebook extension, booh :-(

So the usual work around is to change the maxVersion value in the extension as described on 'Google Operting System'
If you use a beta version of Firefox 3.5, here's a way to install the extension:

* save the extension to your computer: right-click and select "save link as".
* download 7-zip, an excellent open-source software for archiving files, and install it.
* right-click on the extension (google-notebook.xpi), click on "7-zip" and then on "open archive". Right-click on "install.rdf", select "Edit" and replace "3.0.*" with "3.5.*". Save the file, close Notepad and update the archive.
* now you can drag the .xpi file to your browser and install the extension.
I have done this and will most likely continue to maintain the modified version for as long as I continue to use Google Notebook and as long as the extension will work with Firefox.

You can download this modified extension here for Firefox 3.5

©2008 Google Terms of Service

Installation:
  1. Click the Add to Firefox button.
  2. A download file dialogue box will open.
  3. Select Save File and press OK.
  4. Save the file to your PC Desktop or some other folder.
  5. In Firefox open the File menu and select Open File.
  6. Browse to the google-notebook.xpi file you downloaded and press Open.
  7. The Firefox Add-ons software installation window will open, press Install.
  8. The Google Notebook Extension will now install as normal.

2009-09-19

从易经占卜的随机性一路找到的网站

http://members.iimetro.com.au/~lofting/IChingPlus/
刚找到这个网站不久 挺兴奋的  前几天从占卜的概率->随机数->程序中常用的伪随机数->发现随机是通天的概念(哲学上的自由意志 决定论)->上帝是玩骰子还是不玩->量子力学->量子力学与易经的关系->找到这个网站 呵呵


2009-09-15

浏览器为何不开放 查看某个html dom元素上注册的所有事件处理函数的接口? 感觉挺奇怪的 难道有什么安全隐患? 续

比如一个<Button> 用addEventListener 对click事件 添加多个处理函数 却没有接口查看当前这个Button的click事件共有几个处理函数 更别说遍历每个处理函数了

似乎必须自己维护有哪些观察者

这样的机制给接手别人的程序带来很大麻烦 因为你很难定位到兴趣代码

浏览器为何不开放 查看某个html dom元素上注册的所有事件处理函数的接口? 感觉挺奇怪的 难道有什么安全隐患?

浏览器为何不开放 查看某个html dom元素上注册的所有事件处理函数的接口? 感觉挺奇怪的 难道有什么安全隐患?

2009-09-08

桌面雅黑设置的详细步骤


桌面雅黑设置的详细步骤

  1. 保存当前主题 步骤:桌面-右键菜单 属性-主题-主题 另存为
  2. 将windows所有能调成雅黑的地方调成雅黑
    桌面-右键菜单 属性-外观-高级-从项目中逐个选择windows中的位置-能设置字体的地方设为雅黑-最后点击确定-应用-回到主题选项卡 另存为 (保存调好的主题为"雅黑主题")


2009-09-02

windows xp 桌面主题 雅黑 设置 的详细步骤


  1. 保存当前主题 步骤:桌面-右键菜单 属性-主题-主题 另存为
  2. 将windows所有能调成雅黑的地方调成雅黑
    桌面-右键菜单 属性-外观-高级-从项目中逐个选择windows中的位置-能设置字体的地方设为雅黑-最后点击确定-应用-回到主题选项卡 另存为 (保存调好的主题为"雅黑主题")

关于浏览器端JavaScript能否知道客户端一机双屏(扩展桌面模式) 以及各显示器的分辨率

大家好 昨天我问的一机双屏(扩展桌面方式 不是双显复制方式)的问题 恐怕目前没有解决方案
IE平台 据msdn(http://msdn.microsoft.com/en-us/library/ms535868%28VS.85%29.aspx)尚无编程接口

火狐平台 用大为兄弟的方法 或许可行 因为好歹火狐窗口在不同显示器上显示的screen.width screen.height 符合双屏中不同显示器的分辨率设置  而IE无论在哪块显示器上screen属性读到的宽高都是主显示器的分辨率 在msdn的评论中也有人提出了该问题

另外 火狐中screen对象 有 availLeft availTop两个属性 但IE中没有 这连个属性在双屏下是有用的

但火狐由于插件太多 对于window.open的影响很大 比如你想open新窗口 很可能被某些插件强制为tab页 而且对open方法能执行的行为(比如move窗口 设置窗口的位置等受浏览器设置影响甚大 所以想实现也很难

对于小型系统 估计可行的方案是 通过配置哪些机器是双屏 来完成 想由客户端独自完成不可能 尤其是IE平台

有点奇怪的需求 按我们程序员的电脑操作水平 无论单屏 双屏 给我两个窗口 我都能很好的完成工作 自己打造最有效率的窗口摆放方式
但据说有些准电脑盲 不会使用windows的窗口切换来工作 或者 让客户 尤其是那些政府的大爷 来回切换窗口 难道是为客户着想的界面吗?
没办法 很好的事情 到了中国都会扭曲

不过 浏览器对双屏的接口确实目前是一大空白 至少应该让JavaScript知道我的窗口处于哪块屏幕(当然 可能处于两个屏幕上) 以及当前所处屏幕的分辨率是多少
多屏其实是个趋势

2009-08-31

又更新: Windows XP 下 自己动手打造最理想(舒适 不伤眼)的文本显示效果 让你爱上电脑阅读 关键字 简体-雅黑 繁体-正黑 日语-明�体(明了体) 韩语-Malgun Gothic ClearType


背景知识
黑体 : 适合显示器,尤其是液晶显示器的字体 笔画平顺 不勾心斗角
白体(木板印刷体) :大家最熟悉的白体就是宋体了,产生于雕版印刷时代 并不是为了提高显示效果 实际上是为了便于雕版 参见维基百科宋体的起源

起源

中国宋代出现了木版印刷,由于当时的中国书籍每 一版印刷两页,使用的是长方形木板雕刻制版。木板具有木纹,一般都是横向,刻制字的横向线条和木纹一致,比较结实;但刻制字的竖向线条时和木纹交叉,容易 断裂。因此字体的竖向线条较粗,横向较细。横向线条即使比较结实,在端点也容易磨损,因此端点也较粗。由此产生了竖粗横细,横线端点有一粗点的宋体字形。

宋体在宋代就已经产生,但并不成熟,而且宋代崇尚仿书法字体的颜体柳体欧体。一直到代,由于经济因素,占据版面较小的宋体逐渐流行,由于这种字体缺少变化艺术性,被明代文人诟为"匠体字"。宋体字东传至日本,被日本称作明朝体。今天成了汉字文化圈主流的印刷字体。


黑体 vs 粗体 : 中文语境下 往往混淆 其实完全两码事 参见维基百科

为什么显示器 尤其是液晶显示器 应该选择黑体 而不是白体(如宋体) 请参考维基百科文章 字体渲染 (英文)
当年为什么选择了宋体作为windows的默认字体?  因为老外不了解汉字 国人不了解电脑显示器

终于微软认识到了 黑体才是液晶天下的王道 于是斥巨资打造雅黑 正黑 字体
顺便表一表 有志者 房骞骞 打造自由开源的的文泉驿正黑体 已成为linux下的主流中文字体 其效果在linux下不逊色于微软雅黑
(微软雅黑当然也可以在linux使用 但深究起来是违法的)

下载安装配置雅黑字体的步骤
  1. 字体下载
    • 如果你安装过office 2007 恭喜你 你无需下载安装了直接跳到步骤3 如需繁体 日韩文 继续看
    • 雅黑字体文件也可以从其他电脑的 C:\WINDOWS\Fonts 目录下拷贝到需要雅黑字体电脑的相同目录下 字体文件有两个
      • 微软雅黑 (Truetype) 对应文件名 MSYH.TTF
      • 微软雅黑 bold(Truetype) 对应文件名 MSYHBD.TTF
    • 微软官方下载地址
  2. 字体安装 方法有二:
    1. 将解压好的字体拷贝到C:\WINDOWS\Fonts目录下
    2. 开始->运行->fonts->菜单 文件->安装新字体
  3. ClearType效果开启 需要微软提供的ClearType调优工具 按照向导选择你认为的最理想效果
  4. 标准/清晰设置(截图见附件)
    桌面->右键菜单 属性->显示->效果->使用屏幕字体平滑->选择清晰(默认在标准上)
  5. 平滑字体边角
    我的电脑-右键菜单 属性-高级-性能-可视化效果-选择 平滑屏幕字体边角

让中文网页黑起来——应用雅黑、正黑显示中文
  • 火狐:工具-选项-内容-字体和颜色-高级 这里是设置针对不同语言使用不同字体的地方 比如选择简体中文 下面的设置就是针对简体中文的 如果选择了繁体中文 下面的设置是针对繁体中文的 如果选择的日文 下面的设置就是针对日文的 如果选择的是韩文 下面的设置就是针对韩文的 字体设置看上去不是那么一目了然 似乎有些复杂 我先给出一种最简单粗暴的设置方法 后面再解释精细设置 以繁体中文为例 其他语言选择上面下载的相应语言 例如简体选择微软雅黑 日文选择明了体 韩文选择Malgun Gothic
    • 简单设置
      • 选择繁体中文(台湾)->等比例字体选择随便->衬线字体选择microsoft jhenghei->无衬线字体选择microsoft jhenghei->等宽字体选择microsoft jhenghei-不选 允许网页选择他们自己的字体-确定
      • 选择繁体中文(香港) 设置和台湾一样
      • 选择简体中文 将繁体中文选择microsoft jhenghei的地方改为选择微软雅黑
      • 日文 韩文设置类似 略
    • 精细设置: 首先需要弄明白几个概念 维基百科上说的很清楚 不赘述
      • 中文环境下 由于是方块字体 所以比例字体的设置没有意义
      • 衬线字体 也就是像宋体那样的白体 上面说过 在液晶时代 这种字体伤眼 所以尽管雅黑 正黑等都是无衬线字体 这里的衬线字体还是选择他们
      • 无衬线字体就是像雅黑 正黑这类黑体字 当然是选择他们
      • 最后等宽字体 中文方块字 都是等宽的 所以对于中文无甚大意义 对于我们程序员有意义 如果你是程序员 可以选择courier new
  • IE设置相对简单 原理和火狐一样
    步骤 工具-Internet选项-常规-字体
    • 选择简体中文-网页字体选择微软雅黑-普通文本字体(也就是火狐所谓的等宽字体)随便(可恨的微软竟然不给你选择雅黑的机会)-确定
    • 选择繁体中文-网页字体选择microsoft jhenghei(也就是正黑)-普通文本字体随便-确定
    • 日韩语言设置 类似 略
    • 如果想强制(笔者推荐)浏览器使用雅黑 正黑 而不是被网页把字体设成宋体 步骤如下:
      工具-Internet选项-常规-辅助功能-忽略字体样式 相当于火狐上的不允许网页选择他们自己的字体
  • 浏览器上使用雅黑 正黑 看网页 适合把字体搞大一点 看起来更舒服 在浏览器上按住ctrl+滚动鼠标滚轮 就可以轻松改变网页字体大小
    但在IE上需要 设置一下 否则对很多网页不起作用 具体步骤为:
    工具-Internet选项-常规-辅助功能-勾选 不使用网页指定的字体大小-确定-确定

创建雅黑主题——让window xp 雅黑起来

就是在主题设置那里将宋体一个一个改为雅黑 意义有限 不再赘述

附件:主要是效果图 和清晰设置的截图


更新: Windows XP 下 自己动手打造最理想(舒适 不伤眼)的文本显示效果 让你爱上电脑阅读 关键字 简体-雅黑 繁体-正黑 日语-明�体(明了体) 韩语-Malgun Gothic ClearType


背景知识
黑体 : 适合显示器,尤其是液晶显示器的字体 笔画平顺 不勾心斗角
白体(木板印刷体) :大家最熟悉的白体就是宋体了,产生于雕版印刷时代 并不是为了提高显示效果 实际上是为了便于雕版 参见维基百科宋体的起源

起源

中国宋代出现了木版印刷,由于当时的中国书籍每 一版印刷两页,使用的是长方形木板雕刻制版。木板具有木纹,一般都是横向,刻制字的横向线条和木纹一致,比较结实;但刻制字的竖向线条时和木纹交叉,容易 断裂。因此字体的竖向线条较粗,横向较细。横向线条即使比较结实,在端点也容易磨损,因此端点也较粗。由此产生了竖粗横细,横线端点有一粗点的宋体字形。

宋体在宋代就已经产生,但并不成熟,而且宋代崇尚仿书法字体的颜体柳体欧体。一直到代,由于经济因素,占据版面较小的宋体逐渐流行,由于这种字体缺少变化艺术性,被明代文人诟为"匠体字"。宋体字东传至日本,被日本称作明朝体。今天成了汉字文化圈主流的印刷字体。


黑体 vs 粗体 : 中文语境下 往往混淆 其实完全两码事 参见维基百科

为什么显示器 尤其是液晶显示器 应该选择黑体 而不是白体(如宋体) 请参考维基百科文章 字体渲染 (英文)
当年为什么选择了宋体作为windows的默认字体?  因为老外不了解汉字 国人不了解电脑显示器

终于微软认识到了 黑体才是液晶天下的王道 于是斥巨资打造雅黑 正黑 字体
顺便表一表 有志者 房骞骞 打造自由开源的的文泉驿正黑体 已成为linux下的主流中文字体 其效果在linux下不逊色于微软雅黑
(微软雅黑当然也可以在linux使用 但深究起来是违法的)

下载安装配置雅黑字体的步骤
  1. 字体下载
    • 如果你安装过office 2007 恭喜你 你无需下载安装了直接跳到步骤3 如需繁体 日韩文 继续看
    • 雅黑字体文件也可以从其他电脑的 C:\WINDOWS\Fonts 目录下拷贝到需要雅黑字体电脑的相同目录下 字体文件有两个
      • 微软雅黑 (Truetype) 对应文件名 MSYH.TTF
      • 微软雅黑 bold(Truetype) 对应文件名 MSYHBD.TTF
    • 微软官方下载地址
  2. 字体安装 方法有二:
    1. 将解压好的字体拷贝到C:\WINDOWS\Fonts目录下
    2. 开始->运行->fonts->菜单 文件->安装新字体
  3. ClearType效果开启 需要微软提供的ClearType调优工具 按照向导选择你认为的最理想效果
  4. 标准/清晰设置(截图见附件)
    桌面->右键菜单 属性->显示->效果->使用屏幕字体平滑->选择清晰(默认在标准上)
  5. 平滑字体边角
    我的电脑-右键菜单 属性-高级-性能-可视化效果-选择 平滑屏幕字体边角

让中文网页黑起来——应用雅黑、正黑显示中文
  • 火狐:工具-选项-内容-字体和颜色-高级 这里是设置针对不同语言使用不同字体的地方 比如选择简体中文 下面的设置就是针对简体中文的 如果选择了繁体中文 下面的设置是针对繁体中文的 如果选择的日文 下面的设置就是针对日文的 如果选择的是韩文 下面的设置就是针对韩文的 字体设置看上去不是那么一目了然 似乎有些复杂 我先给出一种最简单粗暴的设置方法 后面再解释精细设置 以繁体中文为例 其他语言选择上面下载的相应语言 例如简体选择微软雅黑 日文选择明了体 韩文选择Malgun Gothic
    • 简单设置
      • 选择繁体中文(台湾)->等比例字体选择随便->衬线字体选择microsoft jhenghei->无衬线字体选择microsoft jhenghei->等宽字体选择microsoft jhenghei-不选 允许网页选择他们自己的字体-确定
      • 选择繁体中文(香港) 设置和台湾一样
      • 选择简体中文 将繁体中文选择microsoft jhenghei的地方改为选择微软雅黑
      • 日文 韩文设置类似 略
    • 精细设置: 首先需要弄明白几个概念 维基百科上说的很清楚 不赘述
      • 中文环境下 由于是方块字体 所以比例字体的设置没有意义
      • 衬线字体 也就是像宋体那样的白体 上面说过 在液晶时代 这种字体伤眼 所以尽管雅黑 正黑等都是无衬线字体 这里的衬线字体还是选择他们
      • 无衬线字体就是像雅黑 正黑这类黑体字 当然是选择他们
      • 最后等宽字体 中文方块字 都是等宽的 所以对于中文无甚大意义 对于我们程序员有意义 如果你是程序员 可以选择courier new
  • IE设置相对简单 原理和火狐一样
    步骤 工具-Internet选项-常规-字体
    • 选择简体中文-网页字体选择微软雅黑-普通文本字体(也就是火狐所谓的等宽字体)随便(可恨的微软竟然不给你选择雅黑的机会)-确定
    • 选择繁体中文-网页字体选择microsoft jhenghei(也就是正黑)-普通文本字体随便-确定
    • 日韩语言设置 类似 略
    • 如果想强制(笔者推荐)浏览器使用雅黑 正黑 而不是被网页把字体设成宋体 步骤如下:
      工具-Internet选项-常规-辅助选项-忽略字体样式 相当于火狐上的不允许网页选择他们自己的字体

创建雅黑主题——让window xp 雅黑起来

就是在主题设置那里将宋体一个一个改为雅黑 意义有限 不再赘述

附件:主要是效果图 和清晰设置的截图

2009-08-30

Windows XP 下 自己动手打造最理想(舒适 不伤眼)的文本显示效果 让你爱上电脑阅读 关键字 简体-雅黑 繁体-正黑 日语-明�体(明了体) 韩语-Malgun Gothic ClearType

背景知识
黑体 : 适合显示器,尤其是液晶显示器的字体 笔画平顺 不勾心斗角
白体(木板印刷体) :大家最熟悉的白体就是宋体了,产生于雕版印刷时代 并不是为了提高显示效果 实际上是为了便于雕版 参见维基百科宋体的起源

起源

中国宋代出现了木版印刷,由于当时的中国书籍每 一版印刷两页,使用的是长方形木板雕刻制版。木板具有木纹,一般都是横向,刻制字的横向线条和木纹一致,比较结实;但刻制字的竖向线条时和木纹交叉,容易 断裂。因此字体的竖向线条较粗,横向较细。横向线条即使比较结实,在端点也容易磨损,因此端点也较粗。由此产生了竖粗横细,横线端点有一粗点的宋体字形。

宋体在宋代就已经产生,但并不成熟,而且宋代崇尚仿书法字体的颜体柳体欧体。一直到代,由于经济因素,占据版面较小的宋体逐渐流行,由于这种字体缺少变化艺术性,被明代文人诟为"匠体字"。宋体字东传至日本,被日本称作明朝体。今天成了汉字文化圈主流的印刷字体。


黑体 vs 粗体 : 中文语境下 往往混淆 其实完全两码事 参见维基百科

为什么显示器 尤其是液晶显示器 应该选择黑体 而不是白体(如宋体) 请参考维基百科文章 字体渲染 (英文)
当年为什么选择了宋体作为windows的默认字体?  因为老外不了解汉字 国人不了解电脑显示器

终于微软认识到了 黑体才是液晶天下的王道 于是斥巨资打造雅黑 正黑 字体
顺便表一表 有志者 房骞骞 打造自由开源的的文泉驿正黑体 已成为linux下的主流中文字体 其效果在linux下不逊色于微软雅黑
(微软雅黑当然也可以在linux使用 但深究起来是违法的)

下载安装配置雅黑字体的步骤
  1. 字体下载
    • 如果你安装过office 2007 恭喜你 你无需下载安装了直接跳到步骤3 如需繁体 日韩文 继续看
    • 微软官方下载地址
  2. 字体安装:
    1. 方法一:开始->运行->fonts->菜单 文件->安装新字体
    2. 方法二: 将解压好的字体拷贝到C:\WINDOWS\Fonts目录下
  3. ClearType效果开启 需要微软提供的ClearType调优工具 按照向导选择你认为的最理想效果
  4. 标准/清晰设置(截图见附件)
    桌面->右键菜单 属性->显示->效果->使用屏幕字体平滑->选择清晰(默认在标准上)
  5. 平滑字体边角
    我的电脑-右键菜单 属性-高级-性能-可视化效果-选择 平滑屏幕字体边角

让中文网页黑起来——应用雅黑、正黑显示中文
  • 火狐:工具-选项-内容-字体和颜色-高级 这里是设置针对不同语言使用不同字体的地方 比如选择简体中文 下面的设置就是针对简体中文的 如果选择了繁体中文 下面的设置是针对繁体中文的 如果选择的日文 下面的设置就是针对日文的 如果选择的是韩文 下面的设置就是针对韩文的 字体设置看上去不是那么一目了然 似乎有些复杂 我先给出一种最简单粗暴的设置方法 后面再解释精细设置 以繁体中文为例 其他语言选择上面下载的相应语言 例如简体选择微软雅黑 日文选择明了体 韩文选择Malgun Gothic
    • 简单设置
      • 选择繁体中文(台湾)->等比例字体选择随便->衬线字体选择microsoft jhenghei->无衬线字体选择microsoft jhenghei->等宽字体选择microsoft jhenghei-不选 允许网页选择他们自己的字体-确定
      • 选择繁体中文(香港) 设置和台湾一样
      • 选择简体中文 将繁体中文选择microsoft jhenghei的地方改为选择微软雅黑
      • 日文 韩文设置类似 略
    • 精细设置: 首先需要弄明白几个概念 维基百科上说的很清楚 不赘述
      • 中文环境下 由于是方块字体 所以比例字体的设置没有意义 衬线字体 也就是像宋体那样的白体
      • 上面说过 在液晶时代 这种字体伤眼 所以尽管雅黑 正黑等都是无衬线字体 这里的衬线自己还是选择他们
      • 衬线字体就是像雅黑 正黑这类黑体字 当然是选择他们
      • 最后等宽字体 中文方块字 都是等宽的 所以对于中文无甚大意义 对于我们程序员有意义 如果你是程序员 可以选择courier new
  • IE设置相对简单 原理和火狐一样
    步骤 工具-Internet选项-常规-字体
    • 选择简体中文-网页字体选择微软雅黑-普通文本字体随便(可恨的微软竟然不给你选择雅黑的机会)-确定
    • 选择繁体中文-网页字体选择microsoft jhenghei(也就是正黑)-普通字体随便-确定
    • 日韩语言设置 类似 略
    • 如果想强制浏览器使用雅黑 正黑(推荐) 而不是被网页把自己设成宋体 步骤如下:
      工具-Internet选项-常规-辅助选项-忽略字体样式

创建雅黑主题——让window xp 雅黑起来

就是在主题设置那里将宋体一个一个改为雅黑 意义有限 不再赘述

附件:主要是效果图 和清晰设置的截图

2009-08-14

用P标签当容器,在IE上及其危险

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>

<body>

<button onclick="btnClickHandler()">用P标签当容器,在IE上及其危险</button>
<p id="GouP">
</p>

</body>
</html>
<script>
function btnClickHandler(){
    document.getElementById('GouP').innerHTML='<div>asfsdafas</div>';    //只要是block元素,就会有问题
    //document.getElementById('GouP').innerHTML='<span>asfsdafas</span>'; //inline元素就没有问题
}
</script>

2009-04-27

阿里山小区继续被热炒 新华网的新闻搜索很强大 属于全文比对级别的


不用再等“70年” 已有住宅土地使用权将到期相同新闻---新华网搜索
2009年4月26日 ... 青岛首现住房用地使用权到期续期方案出台 新华网 2009-03-21 16:48 • 住宅用地到期续 约遇到难题青岛将出全国样板 东北新闻网 2009-03-19 11:22 ...



2009-04-12

杂谈 写稿素材 对DVD 视频文件的一点理解


由于版权的问题 电影的发行都是通过光盘介质 而不是通过网络 人们又比较习惯将一部电影放在一张碟片中 当DVD出现后 一张DVD的容量用来存放一部电影(以可以直接使用标准DVD播放器播放的格式存放在DVD中) 能达到的最高分辨率720 × 576(标清 pal制式  目前我们的电视效果) 蓝光光盘出现后 就可以达到高清的分辨率水平(720p,1080p)

我们平时在网上接触到的电影文件(avi,rmvb,mkv,wmv等) 都是为了缩短网络传输的时间 将DVD ,蓝光光盘等正版影片光盘通过视频编码压缩技术 压制成avi,rmvb等电影文件 在国外面临版权问题 处于地下状态 在中国甚至成为标准了 呵呵


DVD通过现在的编码压缩技术可以压制到700M左右 蓝光1080p可以压制到4G左右 蓝光720p可以压制到2G左右 大概也是为了方便用旧存贮介质存贮新介质视频 ,比如用一张CD存储一张DVD清晰度的视频 用一张DVD存储一张蓝光光盘的视频

2009-03-14

刚刚下载了最新的版的windows mobile Google maps 中国版 居然乱码 我找到旧版本下载地址了!


谷歌的服务和支持令人失望 这半天了 连点官方的反应都没有 中文版倒是从v2.4.0.7升级到了 v2.4.0.8 但乱码依旧 看来根本就不是解决我们遇到的乱码问题的 解决不了问题好歹出来安抚一下用户嘛  给个旧版本的地址有这么难吗??

算了 算了 自己搞定 :
Google Maps windows mobile 的最新版本的PC下载地址如下:
通过以上最新版本的跳转地址可以得出真实下载地址:
只需要修改粗体的版本号就可以得出历史版本的下载地址:

v2.2.1.4 卫星图和普通地图切换是没有偏差的 是准确的 但是对于 搜索结果 收藏 公交/驾车导航线路 (我猜想还包括GPS 没连过GPS不好说) 在切换时卫星图和普通地图时 都是有偏差的

这两天Google的groups 又挂了 docs也访问不了 又被GFW了 ... 两会? 年年折腾...

2009/3/6 Andrew Goal <noreply@googlegroups.com>

不光是Google中国的问题 我测试了 美国版本(Google.com) 一样是乱码 而之前的美国版本根本不会乱码
难道Google的开发人员大规模跳槽了 经济危机  现在来了一帮比较二的...

最新的美国版的版本信息如下:
version: 3.0.0.12
platform: winm-smartphonev5.1.195-qtek 8310/web [en_US,en]

不过 美国版本的街景非常的牛逼 可惜中国的街道没有街景数据 Google要么赶紧采集 要么和city8合作 别不作为啊

On Mar 6, 9:58 am, Guana wrote:
> 我的也是,不知道google中国有没有做测试就发布了。
>
> On 3月5日, 下午1时11分, Andrew Goal wrote:
>
> > 我以前的版本是 2.2.1.4
> > 刚刚下载的最新版本是 2.4.0.7
>
> > 我的手机平台是
> > smartphonev5.1.195-qtek 8310-cn/web [zh_CN,zh_CN]
>
> > 问题描述:
> > 1.搜索结果中的部分文字和 提示信息(如正在加载...) 都有乱码(显示为□□□□□□□) 十分失望
> > 2.之前版本已经有所改善的普通地图(mapabc)和卫星地图之间的偏差 又回到之前的最差状态了 十分失望
> > 3.哪里有旧版本下载?
> > 4.Google网站上提供的下载怎么连版本号都没有!? 每次都要记录比对才知道
--~--~---------~--~----~------------~-------~--~----~
 This message is part of the topic "奶奶的 刚刚下载了最新的版的windows
mobile Google maps 中国版 居然乱码 请问哪里有旧版本下载?" in the Google Group "Google
地图搜索" for which you requested email updates.
To stop receiving email updates for this topic, please visit the topic
at http://groups.google.com/group/google-Info-zh-SC/t/da51238b84b1300d
-~----------~----~----~----~------~----~------~--~---



2009-03-09

Storm Player 不能 选择 音轨 的 解决 方法

这是一个因为翻译造成的bug 将界面语言改成英文(菜单-查看-语言-英文) 就正常了  而简体和繁体正文都是同样的问题
在播放有音轨的文件时 英文界面下 在play-audio 下面就会出现子菜单 子菜单的内容是
options
-----------
xxxx /Audio 1
xxxx /Audio 2
xxxx /Audio 3
............................
xxxx /Audio n
 
注释:xxxx为正在播放的影片名称


同样的问题 还发生在以下菜单上
滤镜
渐变
字幕





2009-03-03

老子猜想

一生二 二生三 三生万物
用数学表达 1既不是素数也不是质数 二是最小的素数(1+1) 而且是素数中唯一的偶数 三是素数中最小的奇数(1+2或者1+1+1) 任何大于1的自然数都可以由若干个2和(或)3的和表示 吼吼 这就是老子猜想

2=2
3=3
4=2+2
5=2+3
6=3+3=2+2+2
7=2+2+3
8=3+3+2=2+2+2+2
9=3+3+3=2+2+2+3
10=3+3+2+2=2+2+2+2+2
11=3+3+3+2=2+2+2+2+3
12=3+3+3+3=2+2+2+2+2+2=2+2+2+3+3
13=3+3+3+2+2=2+2+2+2+2+3
14=3+3+3+3+2=2+2+2+2+2+2+2=3+3+2+2+2+2

可以从以下两组中选择分解方法
2*1=2
2*2=4
2*3=6
2*4=8
.....

3*1=3
3*2=6
3*3=9
3*4=12
......

很奇妙 可以留意一下 分解的因子个数 以及有几种分解方式
也许和哥德巴赫猜想有些联系 呵呵

2009-02-22

维基百科最近又不正常了 不知道是其亚洲服务器问题 还是GFW问题

星座

[编辑首段]维基百科,自由的百科全书

跳转到: 导航, 搜索

星座是指天上一群群的恒星组合。在三维宇宙中,这些恒星其实相互间没有实际的关系,不过其在天球这一个球壳面上的位置相近。自古以来,人对于恒星的排列和形状很感兴趣,并很自然地把一些位置相近的星联系起来,组成星座。

星座在天文学中占重要的地位;占星术也假借黄道12星座的形象,但天文学家都把占星术视为没有使用真正科学方法伪科学

基本上,将恒星组成星座是一个随意的过程,在不同的文明中有由不同恒星所组成的不同星座──虽然部分由较显眼的星所组成的星座,在不同文明中大致相同,如猎户座天蝎座

国际天文学联合会用精确的边界把天空分为八十八个正式的星座,使天空每一颗恒星都属于某一特定星座。这些正式的星座大多都根据中世纪传下来的古希腊传统星座为基础。

目录

[隐藏]

[编辑] 星座的起源

晚上的星星密密麻麻的,数也数不清,为了方便研究及观测,人们就把星空分为若干个区域,每一区就是一个星座,每一个星座均冠予神话故事中的人物、动物或器具等的名称。 西洋星座最早始于巴比伦时代,到了西元二世纪托勒密时他将全天分为四十八个星座,以后陆续增加约四十个,但是星座不断地改变与补充,于是西元1930 年国际天文学会公布全天确定列为八十八个星座及星座界线,其中北天二十八个,黄道十二个,南天四十八个。 而在中国古代是以星宿及星官来划分天空,其中较重要的是三垣二十八宿,三垣是指环绕北极和近头顶天空所分成的三个区域,分别是紫微垣太微垣天市垣,而在环黄道和天球赤道近旁一周分为四象,四象中又将每象细分成七个区域,合称二十八宿,这些都是中国特有的星座名称。

[编辑] 星座的由来

约在5000年以前美索不达米亚地方有一群巴比伦尼亚的牧羊人过着逐草而居的游牧生活。他们在牧羊的流浪生活中,每天仍不忘观察闪烁在夜空中的星 星,久而久之,就从星星的动态中看出了很有规则的时刻与季节的变化。每天一到了晚上,他们就一面看着羊群,一面观察各种星星,将较亮的星星互相连接,并从 连接而成的形状去联想各种动物、用具或甚至他们所信仰的神像等,并为它们取名,创造了所谓的星座。据说,如现在所谓的黄道12星座等总共有20个以上的星 座名称,在那个时候早已经诞生。

[编辑] 黄道十二宫

黄道穿越的星座有十三个,但只有以下十二个星座称为黄道十二宫

天文学 | 黄道星座 | 占星学

白羊座 () | 金牛座 () | 双子座 () | 巨蟹座 () | 狮子座 () | 室女座 () | 天秤座 () | 天蝎座 () | 人马座 () | 摩羯座 () | 宝瓶座 () | 双鱼座 ()

[编辑] 托勒密星座

除以上十二星座外,托勒密列出以下三十六个(现为三十八个,因南船座已被拆开成为三个独立的星座):

其中

后来星座的数目不断增加,主要是为填补托勒密星座间的空缺(因古希腊人认为明亮的星座间是有暗淡的空白地带的),另一原因是当欧洲的探险家往南进发时,能够看见一些以前看不到的星空,所以要加入新星座以填满南面的天空。那三十八个较新的星座为:

有一些被提名的星座最后没有被采纳成为正式的星座,较著名的一个为象限仪座(Quadrans Muralis,现为牧夫座的一部份)──象限仪座流星雨就是以这星座命名。还有一些没有那么正式的星的排列叫做星群,如北斗

实际上,处于同一星座的恒星,在多数情况都是没有什么关系的,它们只是刚好在同一视线,而其实它们之间可能相距很远──如果我们身处银河中另一太阳系,我们看到的星空将会完全不同。

最后共88个星座:[2]

详细的星座列表,可以参看全天八十八个星座列表

[编辑] 恒星的命名

在西方,多数的恒星是根据它们所处的星座来定名。如半人马座α星巴耶恒星命名法,Bayer designation)、天鹅座61弗兰斯蒂德恒星命名法,Flamsteed designation)、天琴座RR变星命名)等。但在中文中,很多时候都会用到中国的古星名,例如半人马座α星亦叫做"南门二"("南门"其实是中国古星官之一)。更多有关恒星命名的资料请参看恒星命名

[编辑] 占星学中的星座

如同在东亚地区的一些民族根据出生年份所代表的动物来定义一个人的生肖,在很多国家,一个人的出生月份就以星座来对应。

生日星座源于占星学,它试图利用人的出生地、出生时间和天体的位置来解释人的性格命运

出生月份与太阳星座的对应如下,由于天体运行的轨道与公历历法有差异,不同年份会前后相差1-2天,与中国农历的二十四节气各个"节"之间的距离吻合,节气时间的计算准确至分钟(并非子时开始),亦是星座的界线,每年均有差异。

星座名称 黄道带时间(一般认知) 恒星时间 太阳所在星座时间 对应的农历节气
白羊座 03月21日-04月19日 04月15日-05月15日 04月19日-05月13日 春分-谷雨前一天
金牛座 04月20日-05月20日 05月16日-06月15日 05月14日-06月19日 谷雨-小满前一天
双子座 05月21日-06月21日 06月16日-07月15日 06月20日-07月20日 小满-夏至前一天
巨蟹座 06月22日-07月22日 07月16日-08月15日 07月21日-08月09日 夏至-大暑前一天
狮子座 07月23日-08月22日 08月16日-09月15日 08月10日-09月15日 大暑-处暑前一天
处女座 08月23日-09月23日 09月16日-10月15日 09月16日-10月30日 处暑-秋分前一天
天秤座 09月24日-10月23日 10月16日-11月15日 10月31日-11月22日 秋分-霜降前一天
天蝎座 10月24日-11月21日 11月16日-12月15日 11月23日-11月29日 霜降-小雪前一天
蛇夫座 11月30日-12月17日
射手座 11月22日-12月21日 12月16日-01月14日 12月18日-01月18日 小雪-冬至前一天
摩羯座 12月22日-01月19日 01月15日-02月14日 01月19日-02月15日 冬至-大寒前一天
水瓶座 01月20日-02月18日 02月15日-03月14日 02月16日-03月11日 大寒-雨水前一天
双鱼座 02月19日-03月20日 03月15日-04月14日 03月12日-04月18日 雨水-春分前一天

这只是时间表,12星座一般指的是黄道12星座(黄道带时间),即没有蛇夫座。精确的计算星座时间比较复杂,请参考讨论页面。

根据占星学说,各个星座皆与人的各方面有对应关系:

星座 人生阶段 人体部位 性格特征
白羊座 婴儿 勇气、斗志、好胜
金牛座 幼儿 颈、喉咙 谨慎、温和、务实
双子座 儿童 手、臂、肩、肺 机智、善变、好奇心旺盛
巨蟹座 少年 胸、胃 敏感、情绪化、外刚内柔
狮子座 青年 脊椎、心脏 慷慨、霸气、自尊心强
处女座 青年 肠、神经系统 细心、唠叨、完美主义
天秤座 成年 下背、臀、肾脏 优柔寡断、追求公平
天蝎座 成年 生殖器官 神秘、爱恨分明、占有欲强
射手座 壮年 大腿 乐观、诚实、爱冒险
摩羯座 老年 骨头、关节、膝盖 意志坚强、专注力高、勇敢
水瓶座 重生 小腿 睿智、独立、叛逆
双鱼座 灵魂 足踝、脚掌 浪漫、富同情心、不切实际

[编辑] 注释

  1. ^ 其实是一个传统的星群
  2. ^ 全天八十八个星座列表

[编辑] 参看

[编辑] 外部链接

所见所闻所思

博客归档