前端之路

个人网站当机，出错问题比较多，如何在出现问题后， 即时收到通知信息是站长比较关心的问题

涉及到的服务与内容
1. 监控宝 http://www.jiankongbao.com/
2. 腾讯微信(支持OS, Android, 可能还有其他)
3. QQ邮箱

步骤
1. 注册一个免费的监控宝用户(微信绑定QQ邮箱当作用户名)
2. 安装微信客户端
3. 完成

这样有问题时监控宝就会发送邮件给QQ邮箱, 微信就会收到邮件提示了. 不用短信也可以达到即时监控的效果了 。

写了几个CSS3的圆角框架示例代码.

标题

        这个是内容
    


标题

        这个是内容
    


menu




    这个是中文按钮>>

*{padding:0; margin:0; line-height:1;}
        body{
            padding:20px;
        }

        .round{
            width:20%;
            border:1px #ccc solid;
            border-color:#ccc;
            border-radius: 5px;
            -webkit-box-shadow:2px 2px 2px #eee;
            -moz-box-shadow:2px 2px 2px #eee;
            margin:10px;
        }

        .round h2{
            padding:5px;
            line-height:1.5;
            font-size:14px;
            border-bottom:1px solid #fff;
            background:#efefef;
            background-image:-moz-linear-gradient(top, #fff, #eee);
            background-image:-webkit-linear-gradient(top,#fff,#eee);
        }

        .round .frame{
            padding:5px;
            line-height:2;
            font-size:12px;
        }

        .roundv2 h2{
            background-color:#D9DDE1;
            background-image:-moz-linear-gradient(top, #D9DDE1, #C2C8CD);
            background-image:-webkit-linear-gradient(top,#D9DDE1,#C2C8CD);
        }

        .menu{
            width:50%;
            border-radius: 5px;
            margin:10px;
            background:#3C7EC8;
            background-image:-moz-linear-gradient(top, #4989CD, #3372C0);
            background-image:-webkit-linear-gradient(top,#4989CD,#3372C0);
            line-height:2;
            padding:0 1em;
            color:#fff;
        }

        .titlebtn{
            border-radius: 5px;
            background-color:#efefef;
            background-image:-moz-linear-gradient(top, #EFEFEF, #CCC);
            background-image:-webkit-linear-gradient(top,#EFEFEF,#CCC);
            width:200px;
            line-height:2;
            padding:0 1em;
            margin:20px 10px;
            position:relative;
            text-indent:48px;
        }

        .titlebtn .icon{
            background:url('n.png') no-repeat left top;
            width:48px;
            height:48px;
            display:block;
            position:absolute;
            top:-10px;
            left:5px;
        }

        .titlebtn a{
            font-weight:bold;
            font-family:'微软雅黑';
        }

写文档什么是最麻烦的事情. 能交给程序做就让程序做吧. 于是有了这个生成程序

PHP代码

/*
Name: 生成mysql数据字典
URI: http://www.simcn.com/dict-tools
Version: 1.0
Author: Mark.Chen
Author URI: http://www.simcn.com
*/

//Set Server
$dbserver="localhost";
$dbusername="root";
$dbpassword="max197997";

//接收get参数
if($_GET['db']==''){
    $database = 'oms';
}else{
    $database = $_GET['db'];
}

$mysql_conn=@mysql_connect("$dbserver","$dbusername","$dbpassword") or die("Mysql connect is error.");

mysql_select_db($database,$mysql_conn);
$result = mysql_list_tables($database,$mysql_conn);
mysql_query('SET NAMES utf8',$mysql_conn);
while ($tableList = mysql_fetch_array($result)){
    $table = $tableList[0];
    $field_result= mysql_query("SELECT * FROM
                               INFORMATION_SCHEMA.COLUMNS
                               WHERE
                               table_name = '$table' AND table_schema = '$database'",$mysql_conn
                                );

    echo '
'.chr(13);
    echo '


'.chr(13);
    echo '


'.chr(13);
    while ($f = mysql_fetch_array($field_result)){
        echo '
'.chr(13);
        echo '


'.chr(13);
        echo '


'.chr(13);
        echo '


'.chr(13);
        echo '


'.chr(13);
        echo '


'.chr(13);
        echo '

'.chr(13);
    }
    echo '
'.$table.'

字段名
数据类型
默认值
字符编码
备注
'.$f['COLUMN_NAME'].'
'.$f['COLUMN_TYPE'].'
'.$f['COLUMN_DEFAULT'].'
'.$f['COLLATION_NAME'].'
'.$f['COLUMN_COMMENT'].'

';

}
mysql_close($mysql_conn);

html风格页面

经常采集数据的同学经常会遇到数据重复的问题，可以使用下条SQL语言把重复的找出来.

select id,post_title from chl_posts group by post_title having Count(post_title)>1

找出id与title 可以后 wp后台里面删除 。

另外可以结合
Better Delete Revision Manager 这个插件把历史与自动保存的数据清除掉!
WP每次编辑一下内容就会产生一条历史记录!
对我们个人网站来说这些数据意义不大!
当然也可以使用sql来清除，不过插件清除更快，更有效些, 也更加安全.

为了小孩子的学习

申领对象
1、《上海市居住证》申领对象
（1）在本市有稳定就业和稳定住所的非本市户籍从业人员；
（2）投靠具有本市户籍的配偶、子女或者父母的来沪人员；就读于本市大、中专院校，常住户口未迁入本市的人员，以及来本市接受非学历教育等需居住6个月以上的人员。
2、《上海市临时居住证》申领对象
非本市户籍的境内人员在本市居住的，应当按照国家有关规定办理居住登记，领取《上海市临时居住证》。

申领程序
1、《上海市居住证》申领程序
（1）本人备齐证明材料到居住地所在街道社区事务受理中心提出申请；
（2）填写《来沪人员居住登记表》，确认后签名；
（3）当场拍摄一寸免冠数码照片（免费）；
（4）领取回执。
2、 《上海市临时居住证》申领程序
（1）本人备齐身份证明、住所证明到居住地所在街道、镇（乡）社区事务受理中心办理；
（2）填写《来沪人员居住登记表》，确认后签名；
（3）交纳押金；
（4）当场拍摄一寸免冠数码照片（免费）；
（5）当场领取证件。

申领需提供的基本材料
1、申领《上海市居住证》需提供的基本材料、补充材料
（1）《来沪人员居住登记表》；
（2）居民身份证等有效身份证明；
（3）拟在本市居住6个月以上的住所证明，如自有房屋的房地产权证、由房地部门出具的房屋租赁合同登记备案证明、单位出具的集体宿舍证明或者居（村）委出具的寄宿证明等；
（4）18－49周岁的申领人须提供流动人口婚育状况证明；
（5）本市街道、镇（乡）以上医院出具的健康状况证明。 除上述基本材料外，有关人员还应当提供其他材料。
来沪从业人员申领《上海市居住证》需要提交的补充材料：
（1）本市劳动保障管理部门出具的就业登记证明，期限为6个月以上的聘用（劳动）合同，参加本市综合保险的缴费记录；从事特殊工种的，还须提供特种岗位上岗证书。
（2）投资开业或个体经营者提供企业或个体工商户营业执照和本市综合保险的缴费记录。
来沪投靠、就读人员申领《上海市居住证》需要提交的补充材料：
（1）属于夫妻投靠的，须提供结婚证复印件（验原件）；投靠子女或父母的，须提供公安部门认定的父母子女关系的证明；
（2）来沪就读的，须提供本市大、中专院校发出的“录取通知书”复印件（验原件）；
（3）来沪接受非学历教育的，须提供本市非学历教育机构出具的书面证明复印件（验原件）。

2、申领《上海市临时居住证》需提供的材料
（1）《来沪人员居住登记表》；
（2）居民身份证等有效身份证明；
（3）在本市的住所证明，如自有房屋的房地产权证、由房地部门出具的房屋租赁合同登记备案证明、单位出具的集体宿舍证明或者居（村）委出具的寄宿证明等。

需交的费用：
1、《上海市居住证》工本费按原上海市居住证收费标准收取，每人每证25元。
2、《上海市临时居住证》免费办理，但须交纳押金，每人每证25元。

虽然版本比较老. 但基本的功能都在.

可以直接访问作者网站查看大图.
http://colorcharge.com/jquery/

优点：样式可控制性强，可以加不同的状态，兼容ie6. 可扩展性好

缺点: 需要增加js，如果禁用ＪＳ可能不能使用.  需要多增加一个a标签。

提交提交

如果直接隐藏在from 中有多个表单无件时无效，求解

.btn_a_submit{ position:absolute; left:-1000px; top:0px;}

代码显示: ubuntu unknown host, 查可以ip拼得通.

解决方法:
1. 修改 sudo /etc/resolv.conf

nameserver //输入你的dns （你的dns即服务商的DNS，电信的, 可以用window下面的 ipconfig/all

2. 重新启动 网络
sudo /etc/init.d/networking

3. 解决问题

/ 根目录
│
├boot/ 启动文件。所有与系统启动有关的文件都保存在这里
│ └grub/ Grub引导器相关的文件
│
├dev/ 设备文件
├proc/ 内核与进程镜像
│
├mnt/ 临时挂载
├media/ 挂载媒体设备
│
├root/ root用户的$HOME目录
├home/
│ ├user/ 普通用户的$HOME目录
│ └…/
│
├bin/ 系统程序
├sbin/ 管理员系统程序
├lib/ 系统程序库文件
├etc/ 系统程序和大部分应用程序的全局配置文件
│ ├init.d/ SystemV风格的启动脚本
│ ├rcX.d/ 启动脚本的链接，定义运行级别
│ ├network/ 网络配置文件
│ ├X11/ 图形界面配置文件
│
├usr/
│ ├bin/ 应用程序
│ ├sbin/ 管理员应用程序
│ ├lib/ 应用程序库文件
│ ├share/ 应用程序资源文件
│ ├src/ 应用程序源代码
│ ├local/
│ │ ├soft/ 用户程序
│ │ └…/ 通常使用单独文件夹
│ ├X11R6/ 图形界面系统
│
├var/ 动态数据
│
├temp/ 临时文件
├lost+found/ 磁盘修复文件

原文: http://www.cnbeta.com/articles/115680.htm 是其中的部分.

过去佳能采用福特的流水线.
一个照相机过来,你安一个螺丝我安一个镜片,这个兄弟这辈子每天安镜片,那个人每天安螺丝.日本自杀率是很高的,因为太有挫折感,薪水又不高,工作又枯燥.你知道小日本最后想出什么呢?

变成细胞式,放弃流水线.他们放弃多少?
放弃16000米长流水线,改成什么?改成这种圆桌,叫细胞.十个人围一桌,那很有意思的,这十个人围一桌有什么好处?
同样的照相机就由这十个人做,而不经过流水线了.不是你插一个螺丝我插一个镜,不是的,
而是咱们十个人边做边聊.照相机拿过来了,我插个螺丝,然后你放个镜片.你去吃饭了,我帮你装镜片,
我帮你装另外一个皮带.也就是每一个人每个工作都会,他不是只装镜片装一辈子,而是整个照相机里面所有零配件他都会装,为什么?因为这两个哥们明天要生产了,请假三个月,我得帮他做三个月.
也就是说,把这种流水线的机械化方式换成一个人性化的方式.
而且这十个人什么都会做.整个照相机的每个零配件都会做.你以为很费时间吗?
你以为效率低吗?他可以边聊天边做,效率高得不得了.
今天你家儿子有没有念书,高考考得怎么样,考了500多分,
那没什么希望了;还有你妈妈最近怎么样,买菜价格如何,大蒜价格有没有升.边做边聊,
发现效率奇高.高到什么地步?

我念一段数字给你听.
1997年,佳能废除了16000米长的流水线后,采用细胞式生产方式改造.
1998年第二年之后开始取得成效,劳动生产力平均提高了50%.
不可想象吧?
其中佳能集团在中国大连的工厂因为采用了细胞式生产方式之后,
一年内的劳动生产率提高了370%.公司的边际利率润由1999年的2%(也是富士康的边际利润率),
提高到了2004年10%,升幅5倍之多.
而且佳能每位员工的贡献利润在1999年到2000年单年内升幅高达80%,
2004年更是1999年的4倍.

多好的数据，以人为本才是效率提升之道. 制度化的年代要改进了。