摘要： WebStorm是一个捷克公司开发的，功能虽然很强大，但UI貌似一直不是东欧人的强项。WebStorm默认的编辑器颜色搭配不算讲究，我看习惯了VS2012的Dark Theme，再看这个顿觉由奢入俭难，非得改改颜色才行。新建Scheme + 修改字体ctrl+alt+s打开Settings界面，Editor > Colors&Fonts > Font。Default scheme是亮色调，但我想定制一套暗背景的环境，所以在右侧Scheme name下拉框中选择Monokai，以此作为修改的基础，然后点击Save as，给自己新建的Scheme起个名字吧，如下图：这里面可以设 阅读全文

摘要： 运气好，赶上了2012年12月21日“世界末日”的促销活动，便宜买到了这款号称The smartest JavaScript IDE的软件。我一向对工具很挑剔，由于是从.NET转型成Web前端，在尝试了Sublime Text 2以后，还是觉得VS把Web Essential, VsVim之类的插件装全了，更好用也更好看一些。同时，作为一个Vim的受益者，IDE对Vim支持得如何很大程度上影响了我的选择。在vim的支持方面，VS的VsVim和Sublime的Vintage都有一些缺陷。种种原因，令我对WebStorm充满了期待。安装Vim插件在主界面用快捷键ctrl+alt+s打开settin 阅读全文

摘要： 先展示一下效果： 数字滚动实现的方法是：在一个ul标签里面放两个li，一个li表示当前数字，另一个表示下一个数字。设置ul的属性隐藏超出边界的li，以确保只显示一个数字的位置。 滚动动画效果的实现：两个li同时滚动，超出ul区域的li会自动隐藏。当动画结束后，把向上移出去的li的位置设置到底部，并更新上面的数字，为下一次动画做好准备。 具体的实现细节，请参考代码：http://files.c... 阅读全文

摘要： iScroll是一个JS插件，支持鼠标和触摸的滑动、滚动操作，可用于实现列表（横、纵、矩阵）、图片幻灯式播放等效果。 本文结合实例，解析iScroll的使用方法以及注意事项。 说明：本文使用的版本是iScroll4 http://cubiq.org/iscroll-4 (更新的版本见 https://github.com/cubiq/iscroll) 基本概念 使用iscroll一般需要构造如下... 阅读全文

摘要： 这里说的库、收藏夹指的就是下图中左侧的部分：这里的“收藏夹”比较有迷惑性，它其实不是用户浏览器的Favorite，而是Links，可以简单理解成快捷方式。在使用方面，它有比快捷方式更强大的地方，这超出了本文所讨论的范围。库(Library)则是个让新用户比较迷惑的东西。可以理解为它是一个逻辑文件夹，里面包含一个或多个文件夹的快捷方式。Step by Step操纵收藏夹，需要用到快捷方式，因此需要添加COM引用，如下图：之后部署的时候也要带上这个dll一起，否则运行时会报错。操纵库，需要到微软网站上下载一个SDK http://archive.msdn.microsoft.com/Windows 阅读全文

摘要： 新建一个项目，名为PInvoke： 建好项目后，添加一个cpp源文件，由于只是一个Demo，我们使用默认的名称Source.cpp： Source.cpp代码如下：#include <stdio.h>#include <stdlib.h>#include <string.h>#include <Windows.h>typedef struct MyType{ int i; ... 阅读全文

摘要： 需求：一个ListBox上需要绑定图片，根据情况设置source，可能是isolatedStorage中的文件，也可能是xap中的文件。代码如下：首先是一个Converter的代码，里面有如何从isolatedStorage和xap中读取文件流。public class StringToImageSource : IValueConverter{ #region IValueConv... 阅读全文

摘要： 使用jQueryUI的widget来写插件，相比于基本的jquery插件有一些好处：* 方便实现继承，代码重用* 默认是单例* widget已经给你实现好的一些常用方法，例如destroy带来好处的同时也带来了荆棘和陷阱，本文的目的就是梳理这些荆棘，标出哪里有陷阱。基本知识：命名规范，public, private, this, this.element如何开始写一个widget呢？模板如下：(function ($) { // utility functions (won’t be inherited) function foo() {} $.widget('命名空... 阅读全文

摘要： 用VisualStudio调试Javascript 虽然Chrome和Firefox调试Javascript都比IE强大，但有了VisualStudio的支持，情况就完全不同了。 因为VisualStudio可以在调试时修改变量值，改变程序流程，设置条件断点，各种强大。 步骤1：设置IE浏览器 进入工具/Internet选项菜单，高级标签页下，把禁用脚本调试（Internet Explorer）取消掉。 步骤2：在Javascript代码里加入语句debugger; 例如： 当用IE打开含有该Javascript的网页时（注意可能会提示是否允许脚本执行，选允许），VS just-i... 阅读全文

摘要： 有些应用是跟网络环境敏感的，WiFi快且免费，3G走流量，GSM慢，所以我们需要知道如何判断当前的网络类型，以及当网络类型发生改变时如何得到通知。 MSDN相关文章：How To: Detect Network Changes 下面我简单介绍一下。 当网络发生变化时，会引发网络地址发生变化，要监测这一事件，需要用到位于System.Net.NetworkInformation命名空间下的Netw... 阅读全文