我的最新作品，WEB代码加亮控件！

许 晨光 ♦ 十二月 27, 2011 ♦ 评论关闭

好久没有写博客了，最近利用业余时间，自己开发了套WEB代码加亮控件，支持HTML,CSS,Javascript,
目前采用智能识别代码类型，对于曾经使用过其他高亮控件的用户，改用本控件移植成本几乎为零,
目前采用的是DW编辑器的风格，后续会增加多套风格，支持的特性也非常的完整，欢迎大家免费下载使用。
下载地址 http://lib.css-js.com/codecolor/demo.html (右侧的蓝色按钮)

以下是作品展示，本博客高亮已经全部移植到本人的高亮控件！

<!--
	前端开发社区

http://www.css-js.com

	日历组件

http://lib.css-js.com/cal

	目前默认使用的是 Dreamweaver 颜色风格，代码写成“狗屎”一样都能渲染！
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--属性里可以有等于号-->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>月下孤影-许晨光代码高亮控件</title>
<!--折行测试-->
<link href="http://www.css-js.com/jslib/common/cal/cal5.2/skin/default-min.css" rel="stylesheet" media="all" />
<!--引入外部JS 与 惨不忍睹的折行，怎么变都有型！-->
<script type="javasc
    ript/text" src
         ="http://www.css-js.com/lib/common/cal/
cal5.js" charset="utf-8">
    </script>

<script type="javascript/text">
	var _this = this, document = window.document,/*注释*/ number = parseInt('123');
	/*
	 * 拷贝jQuery源码进来都能渲染正确，本控件表示压力不大！！！
     * 几万行代码都不是问题
	 */
	document.write("

123


");
    if( this != window ){
		var regexp = /['<>"]'["]/;
        var num = abc / bcv  + 123/ ( w % 4 );
        var char = /:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
    }

	var url = 'http://www.css-js.com'  + 2,   hex = 0xFF00EE //16进制测试

	date = new Date(2011, 12, 25);

    // jQuery方法高亮颜色
    $().ready(function(){
    	$.getScript('123.js', function(){
        	this.addClass();
        	this.remove();
        });
    });

	var demo = function(){
		var abc = ab + c; //单行注释
		return abc;
	}
</script>
</head>
<body>
<!-- 不带等号属性 和 不带引号属性 混杂测试->--->
<div test abc=123 xyz="" mn="das" zxc='12345'>
    <span>缩进测试<!--行内注释测试--></span>
    <span>缩进<!--即使这样

也能识别-->内容</span>
<style type="text/css">
	table{ margin-left:10px\9; *+margin-right:10px !important;}
	@charset "utf-8";
	@font-face{
		font-family:YH;
		src:url(http://domain/fonts/MSYH.TTF);
	}
	img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)/* 支持IE滤镜 */}
    body.page960 /* 注释打断规则 */.nav > li{color:green; width:100px;/* 跨行

注释 */height:20px !important;}
	@page:first{margin:300px;}
    table [href~='css']:hover{font-size:12px;/*{ color:green; }*/color:red; width:100px;}
    .left.tabs,
	.right.tabs{display:block; background:url("http://www.css-js.com/abc.gif") 0 center}
	/* 导入外部CSS */
    @import("../../abc.css");
	@import("http://www.css-js.com/common.css");
	/* 印刷样式 */
    @media print, screen{
        body{
			width:80px;
			height:50px !important;
			_color:red;/* Hack */
			+color:green;
			*color:orange
		}
        table{ margin-left:10px\9; *+margin-right:10px !important;}
    }
    /*
     * 多行CSS注释
     */
    .box .mode{ /* 各浏览器私有属性 */ -moz-border-radius:10px; -webkit-box-shadow:0 0 2px #000;}
	.box .mode .nav{-o-transform: rotate(5deg); -ms-filter: "alpha(opacity=50)"}
</style>
<div>
<br />
<!--不闭合标签不影响高亮-->
<div> 不闭合标签
<p> 不影响闭合标签</p>
<form action="index.php">
    <input type="text" value="请输入关键字" checked />
    <textarea>
        文本区<font color="red"></font><strong>测试</strong>
    </textarea>
</form>
<table width="100%">
    <thead>
        <tr>
            <td>
                Table 颜色测试
            </td>
        </tr>
    </thead>
</table>
<!--IMG 颜色-->
<a target="_blank" href="../123.html">
    <img width="50" height="50" src="909.gif"/>
</a>
<!--Object标记颜色-->
<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" width="100" height="50">
  <param name="Enabled" value="1" />
  <param name="Min" value="0" />
  <param name="Max" value="10" />
</object>
<!--
    多行注释测试
    <div class="abc">
        多行注释测试
    </div>
    多行注释测试
-->
</body>
</html>
<!--这里的内容也能识别！-->
<br /><br /><br />

window.frameElement在chrome 下undefined

许 晨光 ♦ 十一月 19, 2011 ♦ 评论关闭

今天在重新编写我的日历组件的时候，由于用到使用iframe自定义属性传值，将父页面的值写在iframe 自定义属性上，然后在iframe页面中使用 window.frameElement.getAttribute() 获取，奇怪的是之前编写的日历控件代码一直都这样写，没有发生过错误，但是今天在chrome里面 window.frameElement 竟然是 undefined， 在firefox 甚至IE6下都没有问题，后来百度没有答案， 再google 也，没有答案，最后自己根据以往经验想到或许是本地调试权限问题， 于是打开apache使用域名的形式访问，果然可以了，呵呵！

centos系统优化，关闭不必要的服务

许 晨光 ♦ 十月 30, 2011 ♦ 评论关闭

适用于CentOS的服务器

敲入以下命令
linux新型电源管理标准，建议笔记本使用
chkconfig acpid off
和 cron 相似的任务调度器，只不过它并不要求系统持续运行
chkconfig anacron off
运行用户用at命令调度的任务，需要用到at的得留着
chkconfig atd off
蓝牙的，没有就关了
chkconfig bluetooth off
不做打印服务器的就关了吧
chkconfig cups off
系统安装后第一次启动的配置工具
chkconfig firstboot off
蓝牙的输入支持
chkconfig hidd off
ipv6防火墙
chkconfig ip6tables off
内网的话就懒得配置防火墙了
chkconfig iptables off
新增硬件检测
chkconfig kudzu off
主要用于SELinux，不开SELinux的话就关了
chkconfig mcstrans off
IA32微码驱动程序
chkconfig microcode_ctl off
SELinux用于监控文件
chkconfig restorecond off
邮件程序，如果不是邮件服务器就关了
chkconfig sendmail off
SELinux Troubleshooting
chkconfig setroubleshoot off
连不上外网，关了
chkconfig yum-updatesd off

然后重启服务器 reboot 开机就不会启动这些服务了

Mysql解决ERROR 1036 (HY000): Table ‘ is read only错误

许 晨光 ♦ 十月 28, 2011 ♦ 评论关闭

为了方便mysql数据库服务器转移，今天将windows上的mysql data文件夹通过文件打包的形式直接上传到 linux上发现一个奇怪的问题，在操作数据库的时候出现 ERROR 1036 (HY000): blog ‘ is read only 错误，肯不是账户权限的问题，因为我是root,后来经过排查后发现，原来是 文件到了linux上 mysql对文件的控制权限不够，有两种办法解决。

第一种办法： 停掉mysqld服务，删除windows上传输过来的文件夹 centos 默认在 /var/lib/mysql/ 然后通过navacat for mysql之类的客户端软件将数据传输到linux服务器上。

第2种办法： 修改mysqld权限 chown -R mysql:mysql /var/lib/mysql/table 然后重启mysqld

javascript隐藏iframe的边框

许 晨光 ♦ 五月 26, 2011 ♦ 533 Comments

隐藏iframe的边框，在w3c浏览器下很简单，只要使用 iframe.style.border = “none” 就可以轻松搞定，
可是在ie6、ie7等浏览器上需要使用一个很私有的特性， IE的 setAttribute有第3参数 作用是 属性名称是
否区分大小写，所以iframe.setAttribute(“frameborder”, 0, 0); 这样才能隐藏边框。
相关知识：
隐藏滚动条 iframe.setAttribute(“scrolling”, “no”);
让iframe透明 iframe.setAttribute(“allowtransparency”, “yes”);

chrome(Safari)文字小于12px的解决办法

许 晨光 ♦ 五月 14, 2011 ♦ 812 Comments

中文版的chome浏览器对css字体设置低于12px的强制为12px, 可能是为了中文显示的最佳效果，
但是使用chome缩放功能的时候整个页面都会撑坏，更重要的是我们想设置低于12px的英文，因为那样
设置可能会更精致，好在chrome有一个私有属性 body{-webkit-user-select: none;}就可以取消浏
览器对12像素字体的强行限制。

用css禁止鼠标选择文本

许 晨光 ♦ 五月 14, 2011 ♦ 评论关闭

最近在写拖动层类的时候遇到一个棘手的问题就是如何通过css禁止鼠标拖动的时候选择文本,网上搜索了下
firefox浏览器: body{-moz-user-select:none;}
webkit浏览器(chrome): body{-webkit-text-size-adjust:none}
关于IE还没有找到到相关的css办法

table在ie6中无法显示border

许 晨光 ♦ 五月 10, 2011 ♦ 1,106 Comments

最进在做日历组件，我的所有内容都是显示在一个iframe里面，但是发现一个奇怪的现象，在ie6下面，iframe里面的border怎么都无法显示，后来经过了大量的排除，找到了原因和办法，因为我的iframe里的内容是使用的HTML5的头部，所以在是以 开头，只要去掉这个标记以后，突然发现IE6的table边框显示出来了，原来在HTML5头模式下，IE6在iframe里面的table会出现怪异，自从这个标记去掉后，本来iframe拖动很卡的现象也彻底的解决了，之前是通过拖动的时候display:none 隐藏内容，减少页面的重排，现在看来都不需要了，不过去掉这些头以后，在页面里面使用HTML5的语法，还是能被支持HTML5的浏览器正确执行。