BootStrap 的导航栏标签

2015-03-12 | WebDev | Bootstrap

多个文件引用同一个导航栏代码的情况下，希望当前页面所属的标签是active态，可以用下面的方案。

$('#navbar ul a').filter(function()
{
// 此处添加实际需要的规则
    return window.location.href.substr(0, window.location.href.lastIndexOf("/")) == this.href.substr(0, this.href.lastIndexOf("/"));
阅读全文

JavaScript 日期格式化

2015-03-12 | WebDev | JavaScript

源码

// 对Date的扩展，将 Date 转化为指定格式的String 
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
阅读全文

Mac - JavaScriptCore

2015-03-10 | WebDev | MacJavaScript

编辑 ~/.bash_profile ，添加

alias jsc='/System/Library/Frameworks/JavaScriptCore.framework/Versions/Current/Resources/jsc'

后续在终端执行jsc命令即可。

阅读全文

Safari 中打开控制台

2015-03-10 | Tools | HTMLMac

终端输入命令

defaults write com.apple.Safari IncludeInternalDebugMenu 1

重启Safari

Safari-偏好设置-高级-在菜单栏中显示“开发”菜单

https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007874-CH1-SW1

阅读全文

关于 bootstrap-datepicker 的使用

2015-03-07 | WebDev | Bootstrap

引用

<link href="http://cdn.bootcss.com/bootstrap-datepicker/1.3.1/css/datepicker3.min.css" rel="stylesheet">
阅读全文

Launchpad 图标删除不了的问题

2015-03-06 | Tools | Mac

打开终端，执行命令

defaults write com.apple.dock ResetLaunchPad -bool true
killall Dock

完毕后，Launchpad图标会变成默认顺序

阅读全文

AJAX 上传文件显示进度条

2015-03-05 | WebDev | JavaScript

HTML代码

<div class="progress">
    <div id="progress" class="progress-bar progress-bar-striped active"
阅读全文

PHP上传文件

2015-03-05 | PHP | PHP

HTML代码

1
2
3
4
5
6
7
8
9
10
11
12
13
<form action='upload.php' method='post' enctype='multipart/form-data'>
    <div class="form-group form-inline">
        <label for="file1" class="control-label">文件1</label>
        <input type="file" class="form-control" name="file1" />
    </div>
    <div class="form-group form-inline">
        <label for="file2" class="control-label">文件2</label>
        <input type="file" class="form-control" name="file2" />
    </div>
    <div class="form-group">
        <button type="submit" class="btn btn-primary">提交</button>
    </div>
</form>
阅读全文

XMLHttpRequest 兼容 IE

2015-03-05 | WebDev | JavaScript
var request = new XMLHttpRequest();

以上代码可以在非IE的浏览器中工作，为了兼容IE，可以使用下面的函数去创建XMLHttpRequest对象的实例

function getXMLHTTPRequest()
阅读全文

Bootstrap 切换 Tab 时自动收起导航栏

2015-03-04 | WebDev | Bootstrap

描述

使用Bootstrap的响应式导航栏，移动端(width < 768px)中的视觉为在右上角有一按钮控制导航的展开/收起。 现在有个需求是，展开导航栏，点击一个条目切换Tab之后，希望能够自动收起导航栏。 于是我的方案是在Tab显示时，模拟控制按钮的点击。

阅读全文