yjxf8285@qq.com

HTML/CSS

chorme的input兼容方式

Posted By 刘晓帆 | 813 views

/**
* 兼容chorme
* 输入框光标位置和黄色边框
* 这段放到最后面
* Class名称要保持一致才会重置到样式
**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.exmails-form .form-input-text {
line-height: 15px;

Read More

JavaScript

input文字获取焦点消失离开显示

Posted By 刘晓帆 | 879 views

<input type="text" value="请输入数据APPID" data-empty="请输入数据APPID" class="form-input-text">
/**
* input文字获取焦点消失离开显示
*/
var inputTextVal = ”;
Read More

JavaScript

JS类模拟练习

Posted By 刘晓帆 | 714 views

Simple JavaScript Inheritance可以给Class添加extend方法,但是他那代码目前还是不能太理解,如果不添加extend方法的话写一个类就很简单了,下面这个应该十分容易理解了:

/*
Created on : 2013-11-27, 11:57:35
Author : liuxf
*/
var Class = function() {
var klass = function() {
this.init.apply(this,

Read More

Plugins/Tools

NetBeans theme builder

Posted By 刘晓帆 | 3,456 views

http://svenspruijt.nl/themebuilder/

Read More

Plugins/Tools

WebStorm常用设置和常用快捷键(持续更新……)

Posted By 刘晓帆 | 44,449 views

今天下载了最新版本的WebStorm 7。反正又要重新设置一番了,干脆写下来记录到博客里面,免得以后每次忘了还要到处搜索比较麻烦。
加速
禁用多余的插件,关掉没必要的代码检查项。
webstorm慢的原因主要是2点:

插件加载太多,把什么GIT SVN GITHUB FTP。。。。禁掉,其实都没必要。
代码检查,如果你不设置一下,每次检查都要很长时间,而且CPU不给力的电脑就会很卡。

不过有个插件是我必须装的,css-x-file。
添加项目
默认情况下一次只能打开一个项目,如果需要打开多个就按照下面的方法
File -> settings -> Directories -> Add Content Root 中添加你需要的工程目录。
界面

修改主题:Appearance,选择主题Theme-Darocula
修改字体:Editor-colors & Fonts-Font,选择个方案然后另存就可以设置字体和字号了。字号我这里 17px 英文相对清晰,你可以根据预览来微调,IDEA12 开始自带了 Source Code Pro, Adobe 家的开源等宽字体,也很舒服滴。
自动换行:Editor,勾选Use soft wraps in editor
显示行号:Editor-Appearance,勾选Show

Read More

Plugins/Tools

webstorm 7.0.* 注册码,已测试可用。

Posted By 刘晓帆 | 2,681 views

WebStorm注册码
User Name:
EMBRACE
License Key:
===== LICENSE BEGIN =====
24718-12042010
00001h6wzKLpfo3gmjJ8xoTPw5mQvY
YA8vwka9tH!vibaUKS4FIDIkUfy!!f
3C”rQCIRbShpSlDcFT1xmJi5h0yQS6
===== LICENSE END =====
PhpStorm注册码
User Name:
EMBRACE
License Key:
===== LICENSE BEGIN =====
43136-12042010
00002UsvSON704l”dILe1PVx3y4″B3
49AU6oSDJrsjE8nMOQh”8HTDJHIUUh
gd1BebYc5U”6OxDbVsALB4Eb10PW8″
===== LICENSE END =====

Read More

Plugins/Tools

IntelliJ IDEA中自动换行和标准线的设置

Posted By 刘晓帆 | 18,404 views

如何在IntelliJ IDEA中问如何在Editor中设置自动换行,和自动换行标准线(我自己起的名字,就是编辑窗口中的那条竖线)的位置,没有看到解答。而且好多人说用不着换行什么的?这充分说明好多同志对IDEA的强大功能还没有充分了解。
关于那条竖线的来历——上古时代的编辑器是没有自动折行的功能的,而且终端分辨率的问题,一行只能显示80个字符,因此很多上古时代过来的人都留下了一行写80字符的习惯,渐渐演变成一种所为的“规范”。
解决其实这个问题很简单:
Setting–>Project–>Project Code Style –> Edit Global Setting…
在Global Code Style窗口中,在General中的Right margin (column):中设置标准线的位置。
在Wrapping中设置各种语句的换行规范。
你就尽情的设置吧!

Read More
  • IntelliJ IDEA中自动换行和标准线的设置已关闭评论
  • over 3 years ago

JavaScript

使用Simple Inheritance来创建自己的类

Posted By 刘晓帆 | 689 views

最近一直再研究类的写法。因为经常做一些可复用,可扩展的方法。之前一直使用别人包装好的组件,比如玉伯开发的Alare组件,用的很舒服啊~~
但是不是什么项目都要使用那么复杂的组件吧,如果用JQ自己写一个呢,JQ好像还没有类的包装,可能以后会有吧。研究了半天发现了一个好东西,就是John Resig写的 Simple JavaScript Inheritance。
真是完美的解决了我的需求,而且代码也很少,下面就放上我使用的代码示例

(function() {
/*
* Simple Inheritance
*/
var initializing = false;
var fnTest = /xyz/.test(function() {
xyz;
}) ? /\b_super\b/ : /.*/;
this.Class = function() {};
Class.extend = function(prop) {
var _super = this.prototype;
initializing

Read More