Author Archive

Zen Coding-让你的html,css飞起来

上次在北京看到善用佳软的 xBeta 演示 VIM 的时候,@sfufoet 我就被强烈震撼到了。VIM 的确是个强大的编辑器,它可以折腾出很多种强大的功能。今天看到这个叫 Zen Coding 的东西,我强烈推荐给经常和 HTML CSS 打交道的朋友。@appinn 下面的动态演示图,只是它强大功能的一部分而已。它无视了编辑器的自动提示和自动完成,秒杀了你自定义的各种快捷键或者 AHK 的热字符串,以智能简洁高效的缩短输入,带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验。 看到这熟悉的语法结构,会 CSS 的朋友一定会惊声尖叫!最妙的是那个“*4”,直接生成 4 个 li 代码了。没错,Zen Coding 就是这样牛叉的东西,Zen Coding分为 Zen HTML 和 Zen CSS 两部分。这两部分功能是以插件的形式来实现的。如果你用 NetBeans、SlickEdit、Sublime、TextMate、TopStyle、UltraEdit、WebIDE and IntelliJ IDEA、Dreamweaver、Aptana 都可以在官方下载页面找到相关的插件。即 使你不使用上面提到的编辑器,那么还有一种选择,点击下载页面的最后一个链接: Zen Coding for <textarea>。这是一个网页版的 Zen Coding!打开 example.html 之后,把光标定位到文本框里面,按下 Ctrl + E 试试吧。网页版快捷键说明:Ctrl + [...]

日前,Google 搜索质量团队的新版 SEO 指南新增十种语言的译本:西班牙语、法语、德语、俄语、土耳其语、芬兰语、瑞典语、匈牙利语以及中文(简体与繁体)。 新版SEO入门指南丰富了内容,有了更多的图文例子,对词汇定义也更加完善,而Google机器人也强势回归。Google SEO 入门教程涵盖 了网站站长需要考虑优化的诸多方面。这些方面(比如改善标题和描述元标签,URL结构,网站导航,网站内容的建设,锚文本……等等)适用于各种不同经验层 次的网站站长和不同规模和类型的网站。 您可以到 http://www.google.com/support/webmasters/bin/answer.py?hl=zh-Hans&answer=35291 下载完整 32 页的 PDF 文件(英文版、简体版、繁体版),打印下来作为有用的参考资源。

之前给大家介绍两种浮动闭合的办法CSS清除浮动 万能float闭合,得知很多同学都在使用下面的骨灰级解决办法: .clear{clear:both;height:0;overflow:hidden;} 上诉办法是在需要清除浮动的地方加个div.clear或者br.clear,我们知道这样能解决基本清浮动问题。 但是这种方法的最大缺陷就是改变了html结构,虽然只是加个div。 最优浮动闭合方案(这是我们推荐的): 用法很简单,在浮动元素的父云素上添加class=”demo clearfix”。 demo如下: red This float leftYeah 我在IE6下的边距是双倍的哦 解决办法:display:inline blue This float right 你会发现这个办法也有个弊端,但的确是小问题。改变css写法就ok了: .demo:after,.demo2:after{content:”.”;display:block;height:0;clear:both;visibility:hidden} .demo,.demo2{*+height:1%;} 以上写法就避免了改变html结构,直接用css解决了。 很拉轰的浮动闭合办法: .clearfix{overflow:auto;_height:1%} demo如下: red This float leftYeah 我在IE6下的边距是双倍的哦 解决办法:display:inline blue This float right 这种办法是我看国外的一篇文章得到的方案,测试了,百试不爽,真的很简单,很给力。喜欢的同学也可以试试这个办法。 这种方法是端友radom提供的,测试通过: .clearfix{overflow:hidden;_zoom:1;} demo如下: red This float leftYeah 我在IE6下的边距是双倍的哦 解决办法:display:inline blue This float right 感谢radom提供的这种方法!!

Windows xp 的安全性虽然比较高,比较容易操作,但很多适用于开发的程序工具都被简化了,因此要在windows电脑上建立多个站点,需要用win2003. 1.建立ftp站点 一、我们要安装FTP服务,控制面板——添加或删除程序——添加/删除windows组建,选择 “应用程序服务器->Internet信息服务->双击Internet信息服务选择“文件传输协议(FTP)” 如果下图: 安装完FTP组件后,默认建了一个FTP站点根目录为“C:\Inetpub\ftproot”(假设系统盘为C盘) 二、FTP配置新特征 相比Win2000的FTP服务器,Win2003系统提供了一种“用户隔离的模式”,就是每个用户登录到FTP后,只能访问该用户自己的特定文件夹,而不能切换到其它用户的目录,这样提高了安全性。 配置FTP隔离用户FTP时需要注意以下几点: 1.为每个FTP用户在建一个Windows用户。如:本文就以aa、bb、cc为例。 2.创建FTP用户隔离模式时,必须在建立站点时选择,一旦站点完成之后不可更改模式。 3.在该FTP站点根目录,下建立一个文件夹“LocalUser”,然后在LocalUser目录里分别创建aa、bb、cc三个子目录,注意,LocalUser目录里面的子目录名称一定要和Windows里创建的用户的名称一致。 4.如果在FTP用户隔离模式里还需要建一个可以匿名访问的公共目录,则可以在“LocalUser”目录下建立一个“Public”注意名称必须是Public。 开始建立: 1.在Windows建立aa、bb、cc三个用户如下图 2.我们站点的目录就以默认根目录“C:\Inetpub\ftproot”在里面建一个目录“LocalUser”,然后在里面分别建立aa、bb、cc和Public4个子目录。如下图: 3.我们开始在IIS里面建一个FTP站点。 将默认FTP站点删除,然后新建一个FTP站点,选择FTP用户隔离模式如下图: 并选择FTP根目录“C:\Inetpub\ftproot”,如下图: FTP站点我们已经建好了,可以测试一下了。 1.我们用使用匿名用户访问一下我们的FTP,结果如下图: 2.我们使用用户bb访问一下,然后准备切换到用户cc,结果如下图: 3.切换到用户cc后,结果如下图: 这样具有各自权限的ftp用户就建立好了,接下来建立相对应的web站点。 2.建立多个web站点 在IIS中,每个 Web 站点都具有唯一的、由三个部分组成的标识,用来接收和响应请求: (1) IP地址(2)端口号 (3)主机头名 在IIS中,在一个IP地址上建立多个独立的web站点,通常有两种方法:(1)主机头名 环境:假设某公司用一台win2003服务器提供虚拟主机服务,地址是192.168.1.4.在这台服务器已经安装了Internet服务即IIS5。 现在公司要求网络管理员在服务器上使用一个IP为ABC三个公司建立独立的网站,每个网站拥有自己独立的域名.三家网站域名分别为:www.aa.com | www.bb.com | www.cc.com 通过使用主机头,站点只需一个 IP 地址即可维护多个站点。客户可以使用不同的域名访问各自的站点,根本感觉不到这些站点在同一主机上。 具体操作如下: 在win2003服务器为三家公司建立文件夹,做为WEB站点主目录.如下: WEB站点主目录                  WEB站点 C:\Inetpub\ftproot\LocalUser\aa      A公司网站 C:\Inetpub\ftproot\LocalUser\bb      B公司网站 C:\Inetpub\ftproot\LocalUser\cc      C公司网站 注意:这三个公司的网站站点主目录也就是刚刚建立的ftp用户的相对应目录。 使用WEB站点管理向导,分别三家公司建立独立的WEB站点,三者最大的不同是使用了不同的主机头名: [...]

企业站中如果出现单个项目多张图片的的情况,这种类似相册的情况,不禁深恶痛绝,撒泼骂街一回! 调整数据库这种手法已经被我深深地唾弃了,原因如下; 一是比较麻烦; 二是比较麻发; 三是我比较懒身上的懒细胞已经贱贱地出卖了我,尤其像这种比较麻烦的; 四是我已经想到偷懒的办法; 方法如下; 数据库不做改变的情况下,说明这些图片就是在同一字段下读出的,那么就先要准备好分割的心理准备;假如我们就是以”,”为分割符的; <% a=split(rs(“image”),”|”) //将image字段的值以”|”符号为界存入数组a %> 然后我们再把他循环出来; <% for i=0 to UBound(a) response.write a(i) next %> 接下来就是上传了,用艾恩Ajax 上传组件稍稍修改一下即可; 文件:<input id=”images” name=”images” type=”text” size=”60″ /> <input type=”button” value=”上传文件” onclick=”showUpload(null,’images’,’upload’,999,null);” /> upload为上传文件存储路径。 感谢:艾恩ASP学习BLOG

Set Upload = Server.CreateObject(“Persits.Upload”) 创建对象 方法: save “path” 保存到指定路径 如果不指定路径则保存在内存中 saveas “path” 把内存中的文件保存到指定位置 Upload.CreateDirectory Path, True 建立文件夹 Upload.OpenFile(SavePath) 打开指定路径文件进行操作 Upload.DeleteFile FilePath 删除指定文件 ------------------------------------- 属性: Set File = Upload.Files(“FILE1″) 创建文件对象 files 获取表单文件控件元素,可以用for each 遍历 For Each File in Upload.Files Response.Write File.Name & “= ” & File.Path & ” (” & File.Size &” bytes)<BR>” Next file.Filename 获取上传文件名 [...]

ASP组件重新注册/手工注册

很多朋友使用的Persites ASPJpeg、ASPUpload、AspEmail经常过期、无效之类,一般出现这种情况大部分都去找个新的注册码,然后卸载并重新安装,其实根本不用重新安装的,只要找到一个有效的注册码,按照下以方法就可以重新注册了。 运行regedit,找到以下位置: HKEY_LOCAL_MACHINE\SOFTWARE\Persits Software Persites的软件都在下面,展开之后,找到RegKey,注册码就在右边,更改为最新的注册码即可。

网页配色辞典

配色辞典 柔和的、明亮的、温和的   R 255 G 255 B 204 #FFFFCC R 204 G 255 B 255 #CCFFFF R 255 G 204 B 204 #FFCCCC R 255 G 204 B 204 #FFCCCC R 255 G 255 B 153 #FFFF99 R 204 G 204 B 255 #CCCCFF R 255 G 153 B 102 #FF9966 R 255 G 102 B 102 #FF6666 R 255 G 204 B 204 #FFCCCC R 255 G 204 B 153 #FFCC99 R 204 G 255 B 153 #CCFF99 R 204 G 204 B 204 #CCCCCC R 255 G 204 B 204 #FFCCCC [...]

JavaScript验证正则表达式大全

匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除空白行 匹配HTML标记的正则表达式:< (S*?)[^>]*>.*?|< .*? /> 评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力 匹配首尾空白字符的正则表达式:^s*|s*$ 评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式 匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 评注:表单验证时很实用 匹配网址URL的正则表达式:[a-zA-z]+://[^s]* 评注:网上流传的版本功能很有限,上面这个基本可以满足需求 匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 评注:表单验证时很实用 匹配国内电话号码:d{3}-d{8}|d{4}-d{7} 评注:匹配形式如 0511-4405222 或 021-87888822 匹配腾讯QQ号:[1-9][0-9]{4,} 评注:腾讯QQ号从10000开始 匹配中国邮政编码:[1-9]d{5}(?!d) 评注:中国邮政编码为6位数字 匹配身份证:d{15}|d{18} 评注:中国的身份证为15位或18位 匹配ip地址:d+.d+.d+.d+ 评注:提取ip地址时有用 匹配特定数字: ^[1-9]d*$    //匹配正整数 ^-[1-9]d*$   //匹配负整数 ^-?[1-9]d*$   //匹配整数 ^[1-9]d*|0$  //匹配非负整数(正整数 + 0) ^-[1-9]d*|0$   //匹配非正整数(负整数 + 0) ^[1-9]d*.d*|0.d*[1-9]d*$   //匹配正浮点数 ^-([1-9]d*.d*|0.d*[1-9]d*)$  //匹配负浮点数 ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$  [...]

利用正则表达式判断是否是0-9的阿拉伯数字 function regIsDigit(fData) { var reg = new RegExp(“^[0-9]$”); return (reg.test(fData)); } 利用这则表达式获取字符串的长度 function regDataLength(fData) { var valLength = fData.length; var reg = new RegExp(“^[\Α-\¥]$”); var result = 0; for(i=0; i< valLength; i++) { if(reg.test(fData.charAt(i))) { result += 2; } else { result ++; } } return result; } 应用扩展判断是否是数值 function regIsNumber(fData) { var reg [...]