随笔分类 - RIA
富客户端应用
摘要：原来在一台Windows 2008服务器上配置了一个SVN UPDATE的计划任务，定期将版本库中的最新版本抓取到本地。在主机名更改后，计划任务执行失败，提示“所指定的账户名称无效”。 具体来看一下下图，箭头所指的部分是表示任务的创建用户，表示形式类似于: ，主机名修改后位于原来主机名上的用户就找不
阅读全文
摘要：CoffeeScript编程语言构建于Javascript之上，它可编译成高效JavaScript。可以在Web浏览器上，或者结合Node.js一类的技术构建服务端应用程序。The golden rule of CoffeeScript is: "It's just JavaScript".CoffeeScript的吸引力1、提供一种比较简单的语法，减少了样板代码，诸如括号和逗号；2、使用空格作为一种组织代码块的方法；3、提供拥有表达函数的简单语法；4、提供基于类的继承（可选项，但是在进行应用程序开发时非常有用）先决条件CoffeeScript使用Nodejs的包管
阅读全文
摘要：CSS的规范中，有一个很奇特的特性，支持计数器的功能。先来看下如何使用：<section> <p>Place the flour in a large bowl, make a well in the centre and pour in the milk and eggs. Give the liquid mixture a quick whisk before incorporating the flour. Continue to whisk until you have a smooth batter.</p> <p>Now add 1
阅读全文
摘要：jQuery提供了一个animate函数，可以通过改变CSS属性来实现一些动画效果。用法如下：.animate( properties[, duration ][, easing ][, complete ])或者.animate( properties, options )，其中 options 包含了duration、easing、queue、specialEasing、step、progress、complete、done、fail、always等多个属性。animate函数允许我们在所有使用数字值的CSS属性上创建动画效果。唯一必须的属性是一个 CSS 属性对象。例如：$('.
阅读全文
摘要：深入研究这个问题源于最近制作的几个页面，交给前端后，发现在IE8下，对于JS动态控制的内容，页面高度不能够随着动态的调整。仔细检查后发现问题在于 display:inline-block 这个属性。inline-block 这个属性确实帮我们解决了不少问题，但是IE8在动态内容的渲染支持上，还是会有奇怪的问题。最后的解决方法是使用 x-ua-compatible ，来强制IE8使用IE7的模式来解析页面。下面是整理的一些相关的资料。IE的文档模式Document Compatibility 决定了IE如何渲染你的页面，IE支持不同的 document (compatibility) mode。
阅读全文
摘要：目前在为移动设备设计界面时，最头疼的问题莫过于尺寸的问题。我们无法使用固定的尺寸来进行设计，因为不同设备的大小千变万化。但是如果我们了解了设备的物理特性后，这将有助于我们进行更好的设计。不同的设备可能具有相同的屏幕分辨率，但是他们的物理特性差别却非常大。一代iPad的屏幕尺寸是9.7寸，分辨率为1024*768、132dpi。Kindle Kyeboard 3G的物理尺寸只有6寸，同样是768*1024的分辨率，像素却是212dpi。获取屏幕的尺寸有很多种办法，包括" Resolution Media Query "，这种办法作为 Media Queries的规范已经存在很
阅读全文
摘要：目前Javascript移动开发框架有些共同的特点：专门为移动设备做了优化，提供标准的UI组件；提供跨平台的支持（Android、IOS、etc）；轻量级，由于手机网络访问的特点，所有的框架都要注意轻量；大量使用HTML5和CSS3标准。 1、jQuery Mobile jQuery Mobile是一个可以帮助我们快速、高效构建跨平台的、统一界面的移动应用工具。也是最流行的一款Javas...
阅读全文
摘要：Content Mapping，翻译为内容映射也好，或者理解为内容图谱，实际上是一种帮助我们组织和理解网站所包含内容的数据可视化技术。这项简单的技术在我们的网站内容策略方面可以发挥非常有价值的作用，下面谈一谈如何应用这项技术。 什么是内容映射？What is Content Mapping？ 这项技术与思维导图Mind Map非常类似，只不过这项技术的应用对象集中在网站的内容上。它帮助网站...
阅读全文
摘要：YUI是Yahoo发布的一个JS框架，虽然不如jQuery简单，但是如果你是要做一些复杂的事情的时候，有一个合适量级的框架还是能有用不少。 YUI3中的一些定义。 Module。YUI3中的每块代码都可以看作是一个Module。 1: YUI().use('node', function(Y){ 2: 3: Y.one('div.status').set...
阅读全文
摘要：前一段时间听闻Google退出ubuntu字体的时候，使用了一下，从而了解到 font-face 的用法： @font-face{font-family:'yahei';src:url(../images/msyh.eot);} 利用这种方式，就可以在网页上显示用户的系统中不存在的字体。对于保证我们设计的一致性，减少图片的使用是非常有帮助的。 那么如何才能生成对应字体的EOT文件呢？ 查阅资料后，...
阅读全文
摘要：著名的Fckeditor升级之后就改名叫了CKEDITOR，界面和功能有了很大的提升，所以我在最近的项目中应用CKEDITOR。随着项目的深入，在Ajax应用较多的一个部分使用CKEDITOR时发现了问题，描述如下： 通过单击一个链接，调入需要显示的内容，其中包括一个富文本编辑器，这里使用了CKEDITOR。第一次调入时，一切正常。噩梦从第二次开始，在Firefox3.5+中，第二次的时候提示 ...
阅读全文
摘要：现在互联网中有了越来越多的地理位置服务，正在制定中的HTML5规范也试图在浏览器中内置嵌入地理位置共享服务，而且幸运的是，我们已经能够在Firefox 3.5+、Chrome 5.0+、Opera 10.60+、Safari 5.0+ 以及一些移动终端，注入IPhone、Android上使用这项服务，那么这个服务能否有Mapabc的API结合，来实现用户的地理定位呢？ 传统上，地图应用上为用户定...
阅读全文
摘要：现在，越来越多的 Location Based 应用，或者Geolocation的应用出现在网络、手机等各种各样的终端上，为人们的日常生活、出行和工作都提供了不少的便利。最常见的就是出门前，利用地图工具，看看合适的公共交通路线，寻找一个自己最满意的方案，既方便有低碳环保。有时候，对周边环境不熟悉，想要找到周边的医院、银行、学校等一些单位的时候，地图同样可以帮上我们的大忙。 今天，我就做了一个基于...
阅读全文
摘要：今天，居然发现了一个IE支持，而Firefox确不支持的CSS属性。 .peopleBox a { text-indent:-999px; } 测试的时候，发现IE下表现良好，但是Firefox确无动于衷。 一直以来，从小到大，思想里从来不会出现这样的情形，所以当时确实是大吃一惊。 Google后才发现: This property specifies the indentation of...
阅读全文
摘要：YUI3的Overlay为我们提供了一个创建叠加层的方便的方（从名字就可以看出来），他扩展自Widget类。目前的版本，仅支持简单的页面XY定位、相对于一个Node或者viewport对其或居中。下面来体验一下Overlay。 最简单的引用YUI3的方法自然是引用Yahoo服务器上的种子文件，地址如下： <script src="http://yui.yahooapis.com/...
阅读全文
摘要：也许有些人不喜欢用YUI的CSS，但是我觉得这个对我来说，简直是太方便了，特别是如果你赞同Yahoo的栅格理论的话，YUI Css几乎可以用在你所有的项目上。但是也有缺陷，YUI预设的Template中只为我们提供了六种预设的模板，并没有像整个页面那样提供一个可以自定义的标签，那么当我们的需求需要实现不同的宽度的时候，就只有自定义了，我的目标是实现一个符合yui-t规则的自定义样式。 在进行之前...
阅读全文
摘要：在CSS2的世界中，过渡常常是非常单薄的，要么是从一种颜色变成另一种颜色、要么是从不透明变到透明，总而言之就是由一种状态变到另外一种状态。这就导致了很多页面给人的感觉很突兀，没有一个平滑的过渡。 虽然我们可以使用DHTML或者诸如jQuery等其他第三方的库文件来完成过渡效果，但是为了完成一个简单的效果我们就需要大量的编码。 我们所需要的就是用一种简单的方法来实现这些过渡，因为我相信在今后的W...
阅读全文
摘要：以下只是在YUI学习和使用中零碎的一些心得体会，未成体系，发出来，供批判。 1、利用 Font、Base、Grid CSS进行快速的网页布局。 对YUI一直很有好感，最近开始看了看YUI CSS GRID，发现这个理念非常好，非常有利于我们工作效率的提高，特别是熟悉了这套CSS之后，我们就不必每一个项目自己都去写一些CSS。其实，我想有心的朋友或多或少的都会收集一些自己常用的CSS，在不同的项...
阅读全文
摘要：今天看到 YUI CSS 框架中的时，看到用了其用来表示宽度的时候，很多地方都用了 em，在调整字体大小的时候，用了百分比。官方的说法是这样的： Always use percentages as the units because they render more consistently than ems, and because they allow user-initiated resi...
阅读全文
摘要：引子 过去，人们对于Javascript一直报着轻视的态度，人们认为它又慢又容易出错，而且在不同浏览器中解释也不一样，但是现在，Javascript确确实实的在改变我们的网络，越来越多的网络和APP应用开始使用Javascript。今天，我们就来讲讲我们为什么会有这种观念，回顾Javascript的历史来诊断他的现状，同时通过一些片段来表明Javascript同其他开发语言的本质不同，唯有如此我们...
阅读全文