Boostrap Modal几个小技巧

$(‘.modal’).modal({backdrop: ‘static’, keyboard: false});

设置backdrop:static时点击空白处modal不关闭.

设置keyboard:false时点击键盘ESCmodal不关闭.

或者在modal div上设置data-backdrop="static" data-keyboard="false"属性亦可

开源许可证介绍(GPL,MIT,LGPL ,BSD,Apache v2)

Apache v2 License

Apache Licence是著名的非盈利开源组织Apache采用的协议。该协议和BSD类似,同样鼓励代码共享和尊重原作者的著作权,同样允许代码修改,再发布(作为开源或商业软件)。需要满足的条件也和BSD类似:

需要给代码的用户一份Apache Licence

如果你修改了代码,需要再被修改的文件中说明。

在延伸的代码中(修改和有源代码衍生的代码中)需要带有原来代码中的协议,商标,专利声明和其他原来作者规定需要包含的说明。

如果再发布的产品中包含一个Notice文件,则在Notice文件中需要带有Apache Licence。你可以在Notice中增加自己的许可,但不可以表现为对Apache Licence构成更改。

Apache Licence也是对商业应用友好的许可。使用者也可以在需要的时候修改代码来满足需要并作为开源或商业产品发布/销售。

MIT License

MIT许可证之名源自麻省理工学院(Massachusetts Institute of Technology, MIT),又称「X条款」(X License)或「X11条款」(X11 License) MIT内容与三条款BSD许可证(3-clause BSD license)内容颇为近似,但是赋予软体被授权人更大的权利与更少的限制。 被授权人有权利使用、复制、修改、合并、出版发行、散布、再授权及贩售软体及软体的副本。 被授权人可根据程式的需要修改授权条款为适当的内容。 在软件和软件的所有副本中都必须包含版权声明和许可声明。 此授权条款并非属copyleft的自由软体授权条款,允许在自由/开放源码软体或非自由软体(proprietary software)所使用。 此亦为MIT与BSD(The BSD license, 3-clause BSD license)本质上不同处。 MIT条款可与其他授权条款并存。另外,MIT条款也是自由软体基金会(FSF)所认可的自由软体授权条款,与GPL相容。

GPL v2

GPL,是GNU General Public License的缩写,是GNU通用公共授权非正式的中文翻译。我们很熟悉的Linux就是采用了GPL。GPL协议和BSD, Apache Licence等鼓励代码重用的许可很不一样。GPL的出发点是代码的开源/免费使用和引用/修改/衍生代码的开源/免费使用,但不允许修改后和衍生的代码做为闭源的商业软件发布和销售。这也就是为什么我们能用免费的各种linux,包括商业公司的linux和linux上各种各样的由个人,组织,以及商业软件公司开发的免费软件了。 GPL协议的主要内容是只要在一个软件中使用(“使用”指类库引用,修改后的代码或者衍生代码)GPL 协议的产品,则该软件产品必须也采用GPL协议,既必须也是开源和免费。这就是所谓的”传染性”。GPL协议的产品作为一个单独的产品使用没有任何问题,还可以享受免费的优势。 由于GPL严格要求使用了GPL类库的软件产品必须使用GPL协议,对于使用GPL协议的开源代码,商业软件或者对代码有保密要求的部门就不适合集成/采用作为类库和二次开发的基础。 其它细节如再发布的时候需要伴随GPL协议等和BSD/Apache等类似。

Artistic License 2.0

Artistic License,又称艺术许可协议(英语:Artistic License),通常指最初的艺术许可协议(1.0版),是一个自由软件授权条款,主要用在官方发布的Perl解释器和大部分CPAN模块的授权。原始的艺术许可协议是由Perl的创始人Larry Wall编写发布的。

BSD 2-Clause license

BSD允许使用者修改和重新发布代码(以其他协议形式),允许闭源商业发布和销售。 BSD鼓励代码共享的同时,要求尊重代码作者的著作权。 使用BSD协议,需要遵守以下规则:

再发布的产品中包含源代码,则在源代码中必须带有原来代码中的BSD协议;

如果再发布的只是二进制类库/软件,则需要在类库/软件的文档那个和版权声明中包含原来代码中的BSD协议。

Affero GPL

是一个广泛被使用的自由软件特许条款,最初由Affero, Inc撰写。此特许条款最新版本为“第3版”(v3),2007年11月发布。Affero 通用公众特许条款是改自GNU通用公众特许条款,并加入额外条款,其目的是为了Copyleft条款应用于在网络上运行的应用程式(如Web应用),从而避免有人以应用服务提供商方式逃避GNU通用公众特许条款。

LGPL v2.1

LGPL是GPL的一个为主要为类库使用设计的开源协议。和GPL要求任何使用/修改/衍生之GPL类库的的软件必须采用GPL协议不同。LGPL允许商业软件通过类库引用(link)方式使用LGPL类库而不需要开源商业软件的代码。这使得采用LGPL协议的开源代码可以被商业软件作为类库引用并发布和销售。 但是如果修改LGPL协议的代码或者衍生,则所有修改的代码,涉及修改部分的额外代码和衍生的代码都必须采用LGPL协议。因此LGPL协议的开源代码很适合作为第三方类库被商业软件引用,但不适合希望以LGPL协议代码为基础,通过修改和衍生的方式做二次开发的商业软件采用。 GPL/LGPL都保障原作者的知识产权,避免有人利用开源代码复制并开发类似的产品

BSD (3-Clause) License

BSD允许使用者修改和重新发布代码(以其他协议形式),允许闭源商业发布和销售。 BSD鼓励代码共享的同时,要求尊重代码作者的著作权。 使用BSD协议,需要遵守以下规则:

再发布的产品中包含源代码,则在源代码中必须带有原来代码中的BSD协议;

如果再发布的只是二进制类库/软件,则需要在类库/软件的文档那个和版权声明中包含原来代码中的BSD协议;

不可以用开源代码的“作者/机构的名字”或“原来产品的名字”做市场推广。

Eclipse Public License v1.0

EPL允许使用者任意使用、复制、分发、传播、展示、修改以及改后闭源的二次商业发布。 使用EPL协议,需要遵守以下规则:

当一个代码贡献者将源码的整体或部分再次开源发布的时候,必须继续遵循EPL开源协议来发布,而不能改用其他协议发布.除非你得到了原“源码”拥有者的授权;

EPL协议下,你可以将源码不做任何修改来商业发布.但如果你要发布修改后的源码,或者当你再发布的是二进制文件的时候,你必须声明它的源代码是可以获取的,而且要告知获取方法;

当你需要将EPL下的源码作为一部分跟其他私有的源码混和着成为一个Project发布的时候,你可以将整个Project/Product以私人的协议发布,但要声明哪一部分代码是EPL下的,而且声明那部分代码继续遵循EPL;

独立的模块(Separate Module),不需要开源。

LGPL v3

相对于LGPL v2,不仅要求用户公布修改的源代码,还要求公布相关硬件。

Mozilla Public License Version 2.0

MPL是The Mozilla Public License的简写,是1998年初Netscape的 Mozilla小组为其开源软件项目设计的软件许可证。MPL许可证出现的最重要原因就是,Netscape公司认为GPL许可证没有很好地平衡开发者对 源代码的需求和他们利用源代码获得的利益。同著名的GPL许可证和BSD许可证相比,MPL在许多权利与义务的约定方面与它们相同(因为都是符合OSIA 认定的开源软件许可证)。但是,相比而言MPL还有以下几个显著的不同之处:

  • MPL虽然要求对于经MPL许可证发布的源代码的修改也要以MPL许可证的方式再许可出来,以保证其他人可以在MPL的条款下共享源代码。但是,在MPL 许可证中对“发布”的定义是“以源代码方式发布的文件”,这就意味着MPL允许一个企业在自己已有的源代码库上加一个接口,除了接口程序的源代码以MPL 许可证的形式对外许可外,源代码库中的源代码就可以不用MPL许可证的方式强制对外许可。这些,就为借鉴别人的源代码用做自己商业软件开发的行为留了一个 豁口。
  • MPL许可证第三条第7款中允许被许可人将经过MPL许可证获得的源代码同自己其他类型的代码混合得到自己的软件程序。
  • 对软件专利的态度,MPL许可证不像GPL许可证那样明确表示反对软件专利,但是却明确要求源代码的提供者不能提供已经受专利保护的源代码(除非他本人是 专利权人,并书面向公众免费许可这些源代码),也不能在将这些源代码以开放源代码许可证形式许可后再去申请与这些源代码有关的专利。
  • 对源代码的定义 而在MPL(1.1版本)许可证中,对源代码的定义是:“源代码指的是对作品进行修改最优先择 取的形式,它包括:所有模块的所有源程序,加上有关的接口的定义,加上控制可执行作品的安装和编译的‘原本’(原文为‘Script’),或者不是与初始 源代码显著不同的源代码就是被源代码贡献者选择的从公共领域可以得到的程序代码。”
  • MPL许可证第3条有专门的一款是关于对源代码修改进行描述的规定,就是要求所有再发布者都得有一个专门的文件就对源代码程序修改的时间和修改的方式有描述。

GPL v3

GPL v3与GPL v2类似。区别在于,不仅要求用户公布修改的源代码,还要求公布相关硬件。

原文:http://git.oschina.net/oschina/git-osc/wikis/License

DOS TREE命令使用

我们有时候需要导出目录文件结构,Windows下可以使用tree命令

tree /?
C:\Windows\Help>tree /?
以图形显示驱动器或路径的文件夹结构。

TREE [drive:][path] [/F] [/A]

 /F 显示每个文件夹中文件的名称。
 /A 使用 ASCII 字符,而不使用扩展字符。

查看目录结构:

tree
C:\Windows\Help>tree
文件夹 PATH 列表
卷序列号为 1499-DF41
C:.
├─Corporate
├─Help
│ ├─en-US
│ └─zh-CN
├─mui
│ ├─0409
│ └─0804
├─OEM
└─Windows
 ├─en-US
 └─zh-CN

显示全部文件:

tree /f

 

C:\Windows\Help>tree /f
文件夹 PATH 列表
卷序列号为 1499-DF41
C:.
├─Corporate
├─Help
│ ├─en-US
│ │ Help.h1c
│ │ Help.H1T
│ │ Help_AssetId.H1K
│ │ Help_BestBet.H1K
│ │ Help_LinkTerm.H1K
│ │ Help_SubjectTerm.H1K
│ │ stopwrds.stp
│ │
│ └─zh-CN
│ Help.h1c
│ Help.H1T
│ Help_AssetId.H1K
│ Help_BestBet.H1K
│ Help_LinkTerm.H1K
│ Help_SubjectTerm.H1K
│ resources.H1S
│ stopwrds.stp
│
├─mui
│ ├─0409
│ └─0804

导出到文件:

tree /f > C:\tree.txt

PHP生成随机浮点数

/**
 * 随机浮点数
 * @param $min float  最小值
 * @param $max float  最大值
 * @param int $precision    精度
 * @return float|int
 */
public function mt_rand_float($min, $max, $precision = 2){
    if($min == $max)
        return $min;
    elseif($min>$max)
    {
        $tmp = $min;
        $min = $max;
        $max = $tmp;
    }
    $sub = $max- $min;
    $rate = mt_rand(1,999999)/1000000;
    return round(($min + ($sub * $rate)),$precision);
}

中文域名配置

Punycode是一个根据RFC 3492标准而制定的编码系统,主要用於把域名从地方语言所采用的Unicode编码转换成为可用於DNS系统的编码。Punycode可以防止IDN欺骗。
    国际化域名IDNs
早期的DNS(Domain Name System)是只支持英文域名解析。在IDNs(国际化域名Internationalized Domain Names)推出以后,为了保证兼容以前的DNS,所以,对IDNs进行punycode转码,转码后的punycode就由26个字母+10个数字,还有“-”组成。
    浏览器对punycode的支持  
目前,因为操作系统的核心都是英文组成,DNS服务器的解析也是由英文代码交换,所以DNS服务器上并不支持直接的中文域名解析,所有中文域名的解析都需要转成punycode码,然后由DNS解析punycode码。其实目前所说和各种浏览器完美支持中文域名,只是浏览器软里面主动加入了中文域名自动转码,不需要原来的再次安装中文域名转码控件来完成整个流程。
完全免费,双向转换 中文域名转码就是将中文字符串转成punycode标准编码的字符串。
本服务目前支持GBK,GB2312编码和punycode编码的相互转换。
域名串不允许有除“-”以外的标点符号,包括空格。 可以夹杂中文和英文。 可以输入全角英文字母,全角字母不区分大小写。

以NIGNX为例

真.ren 域名设置如下:

server_name xn--w1y.ren www.xn--w1y.ren;

Punycode转换工具:http://tools.jb51.net/punycode/

 

CentOS 6.9正式发布

CentOS(Community Enterprise Operating System)是一个基于Red Hat Linux提供的可自由使用源代码的企业级Linux发行版本。每个版本的CentOS都会获得十年的支持,是一个安全、低维护、稳定、高预测性、高重复性的Linux环境。

昨日,CentOS 6.9正式发布,带来了诸多改进,具体如下。

CentOS 6.9重大改进:

— 不再有LiveCD,用户可将LiveDVD复制到USB key,在需要时使用;

— GnuTLS支持TLS v1.2。CentOS中使用加密技术的所有软件包现在都支持 TLS v1.2;

— 对postfix、vsftpd、rsyslog7、 ipa-server、389-ds-base、krb5-server、sssd和libvirt进行了功能性的改进;

— 改进Net::SSLeay和IO::Socket:SSL Perl模块以更好地支持TLS;

— 不再支持不安全的加密协议和算法,这会影响到小于1024位的 MD5、SHA0、RC4 和 DH参数的使用;

— 新增cloud-init,用于配置新的云实例;

— pacemaker现在支持警报代理;

— clufter已更新至0.59.8版本;

— 包括Mozilla基金会提供的最新证书颁发机构在内的ca证书已更新;(点此查看更多更新日志

CentOS 6.9官方下载页面:点击这里

x86-64镜像下载地址点击这里

i386镜像下载地址点击这里 

微信卡券颜色规范(Color010-Color102)

微信卡券,会员卡支持的颜色名称及对应色值

weixin color

背景颜色名称 色值
Color010 #63b359
Color020 #2c9f67
Color030 #509fc9
Color040 #5885cf
Color050 #9062c0
Color060 #d09a45
Color070 #e4b138
Color080 #ee903c
Color081 #f08500
Color082 #a9d92d
Color090 #dd6549
Color100 #cc463d
Color101 #cf3e36
Color102 #5E6671

Bootstrap树形插件bootstrap-treeview

 

官方说明

A simple and elegant solution to displaying hierarchical tree structures (i.e. a Tree View) while leveraging the best that Twitter Bootstrap has to offer.

Bootstrap Tree View Default

依赖库

使用方法

<!-- Required Stylesheets -->
<link href="bootstrap.css" rel="stylesheet">

<!-- Required Javascript -->
<script src="jquery.js"></script>
<script src="bootstrap-treeview.js"></script>
<div id="treeview" class="treeview"></div>
var data = [
 {
 text: 'Parent 1',
 href: '#parent1',
 tags: ['4'],
 nodes: [
 {
 text: 'Child 1',
 href: '#child1',
 tags: ['2'],
 nodes: [
 {
 text: 'Grandchild 1',
 href: '#grandchild1',
 tags: ['0']
 },
 {
 text: 'Grandchild 2',
 href: '#grandchild2',
 tags: ['0']
 }
 ]
 },
 {
 text: 'Child 2',
 href: '#child2',
 tags: ['0']
 }
 ]
 },
 {
 text: 'Parent 2',
 href: '#parent2',
 tags: ['0']
 },
 {
 text: 'Parent 3',
 href: '#parent3',
 tags: ['0']
 },
 {
 text: 'Parent 4',
 href: '#parent4',
 tags: ['0']
 },
 {
 text: 'Parent 5',
 href: '#parent5' ,
 tags: ['0']
 }
 ];

$('#treeview').treeview({
    color: "#1d84df",
    enableLinks: false,
    data: data,//绑定data数据
    showTags: true,
    selectedBackColor: "#2d96f1",
    onhoverColor: "rgba(0, 0, 0, 0.05)",
    expandIcon: 'fa fa-plus',
    collapseIcon: 'fa fa-minus',
    nodeIcon: 'fa fa-folder',
});

data节点属性

参数名称 参数类型 参数描述
text String(必选项) 列表树节点上的文本,通常是节点右边的小图标。
icon String(可选项) 列表树节点上的图标,通常是节点左边的图标。
selectedIcon String(可选项) 当某个节点被选择后显示的图标,通常是节点左边的图标。
href String(可选项) 结合全局enableLinks选项为列表树节点指定URL。
selectable Boolean. Default: true 指定列表树的节点是否可选择。设置为false将使节点展开,并且不能被选择。
state Object(可选项) 一个节点的初始状态。
state.checked Boolean,默认值false 指示一个节点是否处于checked状态,用一个checkbox图标表示。
state.disabled Boolean,默认值false 指示一个节点是否处于disabled状态。(不是selectable,expandable或checkable)
state.expanded Boolean,默认值false 指示一个节点是否处于展开状态。
state.selected Boolean,默认值false 指示一个节点是否可以被选择。
color String. Optional 节点的前景色,覆盖全局的前景色选项。
backColor String. Optional 节点的背景色,覆盖全局的背景色选项。
tags Array of Strings. Optional 通过结合全局showTags选项来在列表树节点的右边添加额外的信息

treeview()参数

参数名称 参数类型 默认值 描述
data Array of Objects 列表树上显示的数据。
backColor String 所有合法的颜色值,Default: inherits from Bootstrap.css。 设置所有列表树节点的背景颜色。
borderColor String 所有合法的颜色值,Default: inherits from Bootstrap.css。 设置列表树容器的边框颜色,如果不想要边框可以设置showBorder属性为false。
checkedIcon String:class名称 Bootstrap Glyphicons定义的 “glyphicon glyphicon-check” 设置处于checked状态的复选框图标。
collapseIcon String:class名称 Bootstrap Glyphicons定义的 “glyphicon glyphicon-minus” 设置列表树可收缩节点的图标。
color String 所有合法的颜色值,Default: inherits from Bootstrap.css。 设置列表树所有节点的前景色。
emptyIcon String:class名称 Bootstrap Glyphicons定义的”glyphicon”。 设置列表树中没有子节点的节点的图标。
enableLinks Boolean false 是否使用当前节点的文本作为超链接。超链接的href值必须在每个节点的data结构中给出。
expandIcon String:class名称 Bootstrap Glyphicons定义的 “glyphicon glyphicon-plus” 设置列表树可展开节点的图标。
highlightSearchResults Boolean true 是否高亮搜索结果。
highlightSelected Boolean true 当选择节点时是否高亮显示。
onhoverColor String 所有合法的颜色值, Default: ‘#F5F5F5’。 设置列表树的节点在用户鼠标滑过时的背景颜色。
levels Integer Default: 2 设置继承树默认展开的级别。
multiSelect Boolean false 是否可以同时选择多个节点。
nodeIcon String:class名称 Bootstrap Glyphicons定义的 “glyphicon glyphicon-stop” 设置所有列表树节点上的默认图标。
selectedIcon String:class名称 Bootstrap Glyphicons定义的 “glyphicon glyphicon-stop” 设置所有被选择的节点上的默认图标。
searchResultBackColor String 所有合法的颜色值, Default: undefined, inherits。 设置搜索结果节点的背景颜色。
searchResultColor String 所有合法的颜色值, Default: ‘#D9534F’ 设置搜索结果节点的前景颜色。
selectedBackColor String 所有合法的颜色值, Default: ‘#428bca’ 设置被选择节点的背景颜色。
selectedColor String 所有合法的颜色值, Default: ‘#FFFFFF’。 设置列表树选择节点的背景颜色。
showBorder Boolean true 是否在节点上显示边框。
showCheckbox Boolean false 是否在节点上显示checkboxes。
showIcon Boolean true 是否显示节点图标。
showTags Boolean false 是否在每个节点右边显示tags标签。tag值必须在每个列表树的data结构中给出。
uncheckedIcon String:class名称 Bootstrap Glyphicons定义的 “glyphicon glyphicon-unchecked” 设置图标为未选择状态的checkbox图标。

treeview方法列表

  • checkAll(options):选择所有的节点。
    $('#tree').treeview('checkAll', { silent: true });

    触发nodeChecked事件,传入silent来阻止其它事件。

  • checkNode(node | nodeId, options):选择指定的节点,接收节点或节点ID。
    $('#tree').treeview('checkNode', [ nodeId, { silent: true } ]);

    触发nodeChecked事件,传入silent来阻止其它事件。

  • clearSearch():清空以前的搜索结果。例如清除它们的高亮状态。
    $('#tree').treeview('clearSearch');

    触发searchCleared事件。

  • collapseAll(options):折叠所有的节点,折叠整个树。
    $('#tree').treeview('collapseAll', { silent: true });

    触发nodeCollapsed事件,传入silent来阻止其它事件。

  • collapseNode(node | nodeId, options):折叠指定节点和它的子节点。如果不想折叠子节点,可以设置{ ignoreChildren: true }
    $('#tree').treeview('collapseNode', [ nodeId, { silent: true, ignoreChildren: false } ]);

    触发nodeCollapsed事件,传入silent来阻止其它事件。

  • disableAll(options):禁用所有的节点。
    $('#tree').treeview('disableAll', { silent: true });

    触发nodeDisabled事件,传入silent来阻止其它事件。

  • disableNode(node | nodeId, options):禁用指定的节点,接收节点或节点ID。
    $('#tree').treeview('disableNode', [ nodeId, { silent: true } ]);

    触发nodeDisabled事件,传入silent来阻止其它事件。

  • enableAll(options):启用所有的节点。
    $('#tree').treeview('enableAll', { silent: true });

    触发nodeEnabled事件,传入silent来阻止其它事件。

  • enableNode(node | nodeId, options):启用指定的节点,接收节点或节点ID。
    $('#tree').treeview('enableNode', [ nodeId, { silent: true } ]);

    触发nodeEnabled事件,传入silent来阻止其它事件。

  • expandAll(options):展开所有的树节点。也可以展开任何给定级别的树节点。
    $('#tree').treeview('expandAll', { levels: 2, silent: true });

    触发nodeExpanded事件,传入silent来阻止其它事件。

  • expandNode(node | nodeId, options):展开指定的树节点,接收节点或节点ID。也可以展开任何给定级别的树节点。
    $('#tree').treeview('expandNode', [ nodeId, { levels: 2, silent: true } ]);

    触发nodeExpanded事件,传入silent来阻止其它事件。

  • getCollapsed():返回折叠节点的数组。例如state.expanded = false
    $('#tree').treeview('getCollapsed', nodeId);
  • getDisabled():返回被禁用节点的数组。
    $('#tree').treeview('getDisabled', nodeId);
  • getEnabled():返回可用节点的数组。
    $('#tree').treeview('getEnabled', nodeId);
  • getExpanded():返回所有展开节点的数组。
    $('#tree').treeview('getExpanded', nodeId);
  • getNode(nodeId):返回给定节点ID的单一节点对象。
    $('#tree').treeview('getNode', nodeId);
  • getParent(node | nodeId):返回给定节点的父节点,如果没有则返回undefined。
    $('#tree').treeview('getParent', node);
  • getSelected():返回所有被选择节点的数组,例如:state.selected = true
    $('#tree').treeview('getSelected', nodeId);
  • getSiblings(node | nodeId):返回给定节点的兄弟节点的数组,如果没有则返回undefined。
    $('#tree').treeview('getSiblings', node);
  • getUnselected():返回没有被选择节点的数组。例如:state.selected = false
    $('#tree').treeview('getUnselected', nodeId);
  • remove():移除列表树容器。移除附加的事件、附加对象和额外的html元素。
    $('#tree').treeview('remove');
  • revealNode(node | nodeId, options):显示一个树节点,展开从这个节点开始到根节点的所有节点。
    $('#tree').treeview('revealNode', [ nodeId, { silent: true } ]);

    触发nodeExpanded事件,传入silent来阻止其它事件。

  • search(pattern, options):搜索匹配是非常的指定树节点,并高亮它们。返回配平节点的数组。
    $('#tree').treeview('search', [ 'Parent', {
      ignoreCase: true,     // case insensitive
      exactMatch: false,    // like or equals
      revealResults: true// reveal matching nodes
    }]);

    触发searchComplete事件。

  • selectNode(node | nodeId, options):选择一个给定的树节点,接收节点或节点ID。
    $('#tree').treeview('selectNode', [ nodeId, { silent: true } ]);

    触发nodeSelected事件,传入silent来阻止其它事件。

  • toggleNodeChecked(node | nodeId, options):切换节点的Check状态。
    $('#tree').treeview('toggleNodeChecked', [ nodeId, { silent: true } ]);

    触发nodeChecked事件或nodeUnchecked事件,传入silent来阻止其它事件。

  • toggleNodeDisabled(node | nodeId, options):切换一个节点的可用和不可用状态。
    $('#tree').treeview('toggleNodeDisabled', [ nodeId, { silent: true } ]);

    触发nodeDisabled事件或nodeEnabled事件,传入silent来阻止其它事件。

  • toggleNodeExpanded(node | nodeId, options):切换一个节点的展开和折叠状态。
    $('#tree').treeview('toggleNodeExpanded', [ nodeId, { silent: true } ]);

    触发nodeExpanded事件或nodeCollapsed事件,传入silent来阻止其它事件。

  • toggleNodeSelected(node | nodeId, options):切换一个节点的选择状态。
    $('#tree').treeview('toggleNodeSelected', [ nodeId, { silent: true } ]);

    触发nodeSelected事件或nodeUnselected事件,传入silent来阻止其它事件。

  • uncheckAll(options):Uncheck所有的节点。
    $('#tree').treeview('uncheckAll', { silent: true });

    触发nodeUnchecked事件,传入silent来阻止其它事件。

  • uncheckNode(node | nodeId, options):Uncheck一个给定的节点,接收节点或节点ID。
    $('#tree').treeview('uncheckNode', [ nodeId, { silent: true } ]);

    触发nodeUnchecked事件,传入silent来阻止其它事件。

  • unselectNode(node | nodeId, options):不选择指定的节点,接收节点或节点ID。
    $('#tree').treeview('unselectNode', [ nodeId, { silent: true } ]);

    触发nodeUnselected事件,传入silent来阻止其它事件。

    //选中节点
    $('#treeview').on('nodeSelected', function(event, data) {
        //TODO
    });
    //收起全部
    $('#treeview').treeview('collapsedAll', { silent: true });
    //展开全部
    $('#treeview').treeview('expandAll', { silent: true });

可用事件列表

  • nodeChecked (event, node):一个节点被checked。
  • nodeCollapsed (event, node):一个节点被折叠。
  • nodeDisabled (event, node):一个节点被禁用。
  • nodeEnabled (event, node):一个节点被启用。
  • nodeExpanded (event, node):一个节点被展开。
  • nodeSelected (event, node):一个节点被选择。
  • nodeUnchecked (event, node):一个节点被unchecked。
  • nodeUnselected (event, node):取消选择一个节点。
  • searchComplete (event, results):搜索完成之后触发。
  • searchCleared (event, results):搜索结果被清除之后触发。

参考

  • https://github.com/jonmiles/bootstrap-treeview
  • http://www.htmleaf.com/jQuery/Menu-Navigation/201502141379.html

相关插件

  • http://zgs225.github.io/easy-tree/
  • https://github.com/zgs225/easy-tree/

 

 

PHPStorm快捷键

ctrl + option + l 将代码格式化
ctrl + shift + u 切换大小写
ctrl + shift + + / ctrl + shift + – 折叠/展开所有区块
ctrl + e 列出最后打开的文件
control + tab / control + shift + tab 切换打开的文件
ctrl + / 行注释
ctrl + shift + / 块注释
ctrl + b 函数追踪,同ctrl +单击
ctrl + alt + 左右箭头 操作动作前进/回退
shift + ctrl + r 按文件名搜索对应文件所在路径
shift + ctrl + t 按类名搜索对应文件所在路径
shift + ctrl + c 复制当前文件所在路径
ctrl + Shift + O 打开文件
ctrl + O 打开类
alt + F1 定位编辑文件所在位置:
alt + F12 打开命令行栏
ctrl + shift + f 全局搜索

去掉wordpress twentyseventeen 主题链接的下划线效果

twentyseventeen 主题链接的下划线并不是text-decoration也不是border-bottom而是box-shadow实现的

去掉两个地方的样式即可

1,去掉style.css文件中1264行,1265行的-webkit-box-shadow和box-shadow,修改过的主题行号可能有偏差,搜索.widget ul li a:hover即可找到;

2,去掉inc/color-patterns.php文件中203行,504行的-webkit-box-shadow,204行及505行的box-shadow,或搜索.colors-custom .widget ul li a:hover及.colors-custom .widget_authors a:focus strong即可找到;