Hot For Coding

中文Chrome不能设置小于12px字体

Chrome_12px

中文版本的Chrome小于12px的字体样式无效,并最终以最小的12px显示。大家都知道中文字体跟英文字母在大小美观上还是有范围差距的,有些英文字体6px都毫无压力,然而大部分中文字体都是以12px为临界点,几乎大部分站点的中文字体都是12px,只要小于12px中文字体就开始模糊

FireFox中8px的效果,虽然也能辨认,但还是有点别扭。

Chrome开发人员为了不让它丑陋的展示,限制了中文字体小于12px的样式,但在早期的Chrome版本27及以下版本都可以通过以下样式声明的方式解决这个问题:

...

READ ALL

div的onkeydown&onkeyup在火狐和谷歌上不能工作

正常情况下,我们通常都是在input内捕获onkeydown或者onkeyup事件做一些常用的处理,比如限制输入某一类型的字符,或者限制输入长度等等。

如果要在div里捕获这些onkeydownonkeyup事件则是有浏览器兼容的,如果你直接在节点上绑定属性如

<div onkeydown="console.log('keydown');" style="width:200px; height:300px;"></div>

那么在IE下是可以工作的,而在FireFox、Chrome下则无法工作。当然,有解决方法,两种:

...

READ ALL

Eclipse启动Tomcat错误 A Java Exception has occurred

在Tomcat bin目录下执行startup.bat可以正常启动,但在Eclipse下安装了Tomcat插件并且配置Tomcat路径后启动且报错:A Java Exception has occurred

解决方法,在Eclipse中window -> Preferences -> tomcat -> JVM Settings,在右边的配置页中找到Classpath (Before generated classpath),点击jar/Zip在弹出的文件选择框中选择tomcat目录下的bin/tomcat-juli.jar文件,启动tomcat,错误解决!

...

READ ALL

jQuery EasyUI menu() TypeError _391 is undefined

正在使用jQuery EasyUI做一个右键菜单功能,结果报错:TypeError: _391 is undefined

源码:

$("body").append('<div id="a" class="easyui-menu" style="display:hidden;"><div>one</div><div>two</div></div>');
$("#a").menu("show",{left:100, top:100});

怎么看都没发现写的有什么问题,按照例子我又写了一个做测试

html代码

<div id="a" class="easyui-menu" style="display:hidden;">
  <div>one</div>
  <div>two</div>
</div>

...

READ ALL

addEventListener与removeEventListener实际应用

简单使用

addEventListener添加监听事件函数,有三个参数

  • 第一个参数:监听动作(必须)
  • 第二个参数:触发函数(必须)
  • 第三个参数:一个bool类型。当为false时为冒泡获取(由里向外),true为capture方式(由外向里)。(可选)

关于第三个参数为事件冒泡方式,不在本文说明范围之内!

removeEventListener移除解绑监听事件函数,有两个参数。

  • 第一个参数:监听动作(必须)
  • 第二个参数:绑定动作指定的函数体(必须)

实例1,直接在参数内传入一个匿名函数体:

element.addEventListener('click', function () {
  alert('Hello word!');
});

...

READ ALL

Python私有属性

在Python中可以通过在属性变量名前加上双下划线定义属性为私有属性,如例子

#! encoding=UTF-8
 
class A:
  def __init__(self):
        
    # 定义私有属性
    self.__name = "Nicholas Lee"
      
    # 普通属性定义
    self.age = 19
 
a = A()
 
# 正常输出
print a.age
 
# 提示找不到属性
print a.__name

执行输出:

19
Traceback (most recent call last):
  File "C:\Users\nicholas\Documents\Aptana Studio 3 Workspace\testa\a.py", line 19, in <module>
    print a.__name
AttributeError: A instance has no attribute '__name'

...

READ ALL

泰山山顶看日出

taishan

公司又组织出游了,这次是泰山!

泰山,五岳之首!

五岳:

  • 东岳泰山(1532米),位于山东泰安市。
  • 西岳华山(1997米),位于陕西华阴市。
  • 南岳衡山(1512米),位于湖南省长沙以南的衡山县。
  • 北岳恒山(2017米),位于山西浑源县。
  • 中岳嵩山(1440米),位于河南登封市。

最近一次爬山是在04年或05年的时候爬的五指山(1867米),这次的任务还好。

因为是为了到山顶看日出,所以我们决定深夜十点由泰安市出发,十多分钟就到泰山景点了。让我意想不到的事,三更半夜泰山售票处排满了准备半夜爬山的游客,原来我们不是唯一的半夜爬山者。

...

READ ALL

MyEclipse:Java was started but returned exit code=-1

最近Code时MyEclipse时不时会闪退然后弹出一个错误:

java was started but returned exit code=-1

如图

full

重启后原来没保存的代码都会丢失,一开始我认为这是程序偶然异常的结果,但几乎每天都有那么几次这种闪退现象,提示的错误也不是很详细。

于是做一下排查,错误后面带的都是MyEclipse安装目录下的ini配置信息,于是把内存调高点,还是无济于事,最后找到一个解决方法,即把MyEclipse启动配置文件ini中找到Vm这一行。Vm指的是Java虚拟机,默认你安装MyEclipse时会自带一个Java虚拟机,Vm配置那一行换成你安装的java虚拟机,如果你没安装过Java环境可以马上安装一个,如我安装的是1.7,则这么写:

...

READ ALL

sftp上传下载文件

sftp是一个文件传送协议,它类似于ftp,语法也差不多,但它是加密安全的传输。下边就简单介绍一下如何远程连接主机,进行文件的上传和下载,以及一些相关操作。

# 连接到192.168.1.20
sftp root@192.168.1.20

# 如果密码正确的话就会进入提示符等待操作
sftp>

# 下载远程/etc/nginx/nginx.conf 到本地 /root/nginx.conf
sftp> get /etc/nginx/nginx.conf /root/nginx.conf

# 上传本地文件 /root/nginx.conf 到远程 /etc/nginx/nginx.conf
sftp> put /root/nginx.conf /etc/nginx/nginx.conf 

# 也可以上传目录下所有文件
sftp> put -r /root/ /etc/nginx/

...

READ ALL

利用MWheel插件基于jQuery animate写的一个滚屏效果

前两天我写了一个MWheel插件,一些朋友用了表示很方便,非常感谢大家的捧场。

今天闲着没事,花一个小时写了这个滚屏Demo,利用前两天我写的MWheel插件,结合jQuery的便利选择器以及我最喜欢的ainmate做一个滚屏效果。当然,滚屏效果很简单,无非就是for循环递增递减就能实现,算法简单。

在线Demo

源码

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />  
    <title>滚屏效果 - Nicholas Lee</title>
    <style type="text/css">
      * { margin:0; padding:0; }
      .box { color:#FFF; text-align:center; font-size:10em; }
    </style>

    <script type="text/javascript" src="jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="MWheel.js"></script>
    <script type="text/javascript" src="page.js"></script>
    <script type="text/javascript">
      window.onload = function(){
        var element = document.getElementById('scroll');
        $(element).width($(document).width());
        $(element).height($(document).height());

        box(element);
      };  
    </script>
  </head>
  <body>
    <div id="scroll">
      <div class="box" style="background:red;" point="第一个">第一页</div>  
      <div class="box" style="background:black;" point="第二个">第二页</div>    
      <div class="box" style="background:blue;" point="第三个">第三页</div> 
      <div class="box" style="background:green;" point="最后一个">第四页</div>   
    </div>    
  </body>
</html>

...

READ ALL