metro4diandian预览版

metro4diandian预览版已经使用bootstrap框架，采用了metro样式，与bootstrap4diandian差别不大，只是引入样式不一样。仅作为预览，细节再做调整了。

bootstrap4diandian v1.3

bootstrap4diandian v1.3更新日志修改IE6下面的兼容性增加了一个顶部工具栏的黑色风格，后台可选择。本来是打算第二代模板引擎来升级，最近有些忙，暂时不做了。链接安装地址

AngularJs学习笔记--Guide教程系列文章索引

一直在AngularJs的使用,也学习过一点,没做什么笔记,有网上朋友做了笔记,还建立索引,推荐学习.索引导航…AngularJs学习笔记–bootstrapAngularJs学习笔记–html compilerAngularJs学习笔记–conceptsAngularJs学习笔记–directiveAngularJs学习笔记–expressionAngularJs学习笔记–FormsAngularJs学习笔记–I18n/L10nAngularJs学习笔记–IE CompatibilityAngularJs学习笔记–ModulesAngularJs学习笔记–ScopeAngularJs学习笔记–Dependency InjectionAngularJs学习笔记–Understanding the Model ComponentAngularJs学习笔记–Understanding the Controller ComponentAngularJs学习笔记–E2E TestingAngularJs学习笔记–Understanding Angular TemplatesAngularJs学习笔记–Using $locationAngularJs学习笔记–Creating ServicesAngularJs学习笔记–Injecting Services Into ControllersAngularJs学习笔记–Managing Service DependenciesAngularJs学习笔记–unit-testing在推荐一个angular-ui,整理集成了很多插件,完全可以作为一个js包含ui的框架使用了.链接: AngularJs官网 | angular-ui

bootstrap4diandian主题v1.0

bootstrap4diandian主题我是为了熟悉bootstrap的使用而做的,曾经在使用wordpress的时候,也使用的是bootstrap做的WP主题,转到点点后,依旧还是使用bootstrap,并没有什么设计,只是根据感觉一点一点调试,主题的圆角自己没有写,使用的多说开发者中心的圆角风格,还是挺搭配的,也感觉到bootstrap的强大啊!bootstrap4diandian主题放出来后,喜欢的朋友挺多,也感谢灰狼帮忙修改宣传了下,修改了里面不少的问题,阳光互联网博客也提出了一些问题,目前基本都已经修改过了,目前来说,基本没什么大的错误了,就新开一篇文章,主题就先定义为1.0吧!一点一点增加功能吧!支持点点文字 图片 音频 视频 链接的发布,这个当然,不支持,不给通过啊!支持自定义微博 腾讯微博,这个是灰狼帮忙修改的,学会自定义变量了.支持点点评论和多说评论,两种都可以进行选择.支持点点热度和多说文章评论条数,使用点点的第一代模板引擎,不支持浏览量,目前还没有打算使用点点第二代模板引擎.支持无觅相关文章.支持自定义友情链接.支持自定义作者名称,这个由于个人使用大鹏,不采用博客名字而增加的.采用bootstrap,当然支持响应式的设计,可点点有自己的手机主题支持,这点在手机上面就体现不出来了,不过通过伸缩浏览器也看出来的.其他功能再说了…后台设置阳光互联网博客博客提出的侧栏,多说评论评论者头像在IE9下,有放大问题,这个由于bootstrap的img采用auto而导致IE下失效,已经修改通过了,我现在在IE9(公司电脑用IE9)和IE10(自己电脑用win8)下测试过了,其他浏览器的请朋友们也帮忙测试一下哈.顶部固定栏在IE下字体过小,之前设置的是8px,现在改成12px了.不扯了,直接去安装地址.链接: 安装地址

最常用的100个ClassName集合

终于不用为给css取名而烦恼了,感谢Vivien Chen的整理. about 关于 account 账户 action 操作 ad,advertisment 广告 arrow 箭头图标 article 文章 aside 边栏 audio 音频 avatar 头像 background 背景 banner 条幅，广告 bar 条 branding 品牌化 breadcrumbs 面包屑 button 按钮 caption 标题，说明 category 分类 chart 图表 clearfix 清除浮动 close 关闭 column 列 comment 评论 community 社区 container 容器 content 内容 copyright 版权 current 当前态，选中态 default 默认 description 描述 details 细节 disabled 不可用 entry 文章，博文 error 错误 even 偶数，常用于多行列表或表格中 fail 失败（提示） feature 专题 fewer 收起 field 用于表单的输入区域 figure 图 filter 筛选 first 第一个，常用于列表中 footer 页脚 forum 论坛 gallery 画廊 group 模块，清除浮动 header 页头 help 帮助 hide 隐藏 hightlight 高亮 home 主页 icon 图标 information 信息 last 最后一个，常用于列表中 links 链接 login 登录 logout 退出 logo 标志 main 主体 menu 菜单 meta 作者、更新时间等信息栏，一般位于标题之下 module 模块 more 更多（展开） msg，message 消息 nav,navigation 导航 next 下一页 nub 小块 odd 奇数，常用于多行列表或表格中 off 鼠标离开 on 鼠标移过 output 输出 pagination 分页 popup 弹窗 preview 预览 previous 上一页…

豆儿吹口哨

bootstrap4diandian使用的返回顶部代码

bootstrap4diandian使用的返回顶部代码是从ZaoKi上面看到的,原作者对源代码做了加密,想通过源码更改,就有些困难了,源码使用eval做的加密,解密也很容易,用eval显示一下就可以了.源码我做了解密,并且文件的格式化,看起来很清楚了,使用的图片也下载下来了,js文件和图片都打包了,提供了有三种的效果,就是图片的不同,自己也可以更改图片来修改达到自己需要的效果的.三种图片效果:下载: 百度网盘

Java编程思想(第4版)

Java编程思想(第4版)被称之为Java程序员的圣经,是个Java程序员就应该读读,看到一个第四版的中文,共享一下.内容简介本书赢得了全球程序员的广泛赞誉，即使是最晦涩的概念，在Bruce Eckel的文字亲和力和小而直接的编程示例面前也会化解于无形。从Java的基础语法到最高级特性（深入的面向对象概念、多线程、自动项目构建、单元测试和调试等），本书都能逐步指导你轻松掌握。从本书获得的各项大奖以及来自世界各地的读者评论中，不难看出这是一本经典之作。本书的作者拥有多年教学经验，对C、C++以及Java语言都有独到、深入的见解，以通俗易懂及小而直接的示例解释了一个个晦涩抽象的概念。本书共22章，包括操作符、控制执行流程、访问权限控制、复用类、多态、接口、通过异常处理错误、字符串、泛型、数组、容器深入研究、Java I/O系统、枚举类型、并发以及图形化用户界面等内容。这些丰富的内容，包含了Java语言基础语法以及高级特性，适合各个层次的Java程序员阅读，同时也是高等院校讲授面向对象程序设计语言以及Java语言的绝佳教材和参考书。第4版特点：适合初学者与专业人员的经典的面向对象叙述方式，为更新的Java SE5/6增加了新的示例和章节。测验框架显示程序输出等.豆瓣介绍:http://book.douban.com/subject/2130190/下载:百度网盘

jQuery Mobile十大常用技巧

在本文中，将介绍使用jQuery Mobile开发的一些常用的技巧，阅读对象为已经使用过jQuery Mobile进行开发的移动Web开发者. 1、禁止截断过长的列表和按钮内容 在jQuery mobile中，如果列表或者按钮中文字的内容过长，jQuery Mobile会自动截断其超过长度的内容，但如果不希望这样的话，可以在CSS样式中增加如下设置即可，比如下面的是针对按钮的CSS样式设置：.ui-btn-text {white-space: normal;}下面的是针对列表的CSS样式设置.ui-li-desc {white-space: normal;}如果要恢复对文字的截断,则继续设置CSS为white-space: nowrap; 2、实现页面加载时的随机页面背景过渡效果 jQuery Mobile中,当需要实现页面加载时,可以有很多的页面加载事件可供使用。比如下面的CSS和JavaScript代码，可以实现页面加载时的随机页面背景过渡效果。 CSS代码:.my-page { background: transparent url(../images/bg.jpg) 0 0 no-repeat; }.my-page.bg1 { background: transparent url(../images/bg-1.jpg) 0 0 no-repeat; }.my-page.bg2 { background: transparent url(../images/bg-2.jpg) 0 0 no-repeat; }.my-page.bg3 { background: transparent url(../images/bg-3.jpg) 0 0 no-repeat; }Javascript代码：$('.my-page').live("pagecreate", function() {　var randombg = Math.floor(Math.random()*4); //获得0到3之间的随机数　 $('.my-page').removeClass().addClass('bg' + randombg);});3、禁用button 在有的情况下，可能会需要禁止按钮的加载事件，这个时候可以继续通过如下的设置实现：$('#home-button').button("disable");如果要恢复可用，则设置为：$('#home-button').button("enable");4、去掉页面加载时的提示信息 如果在加载页面时，不需要显示页面加载信息时，可以通过设置一个属性来取消显示加载提示信息，如下：$.mobile.pageLoading(true);如果要继续保持显示页面加载信息，则为：$.mobile.pageLoading();5、创建自定义主题 jQuery Mobile本身提供了A-E五种不同的主题，但可以自定义主题，步骤如下： 1.从jQuery Mobile的任意一个定义主题的CSS文件中，复制其内容到自己定义的CSS文件中。 2.给要自定义的CSS主题一个恰当的名称并且重新命名CSS文件，注意命名必须是(a-z)英文字母，比如你是从jQuery Mobile的主题c的样式文件中复制的，则可以将主题命名为Z,则复制过来的内容中，比如要将.ui-btn-up-c改为.ui-btn-up-z,.ui-body-c改为.ui-body-z，如此类推。 3. 改变新建立的自定义主题的颜色和CSS文件。 4. 最后，需要在页面中，应用新定义的主题样式，如下：<div data-role="page" data-theme="z"></div>6、使用自定义字体 在移动Web应用中，有的时候需要更换字体，这样的话，可以通过使用@font-face方法实现，并且性能是十分好的。具体关于@font-face的使用，请参考http://www.sitepoint.com/the-fontface-jquery-plugin/这篇文章。 7、创建一个没有文本只有图片的按钮 有时，可能想用一个没有文本内容仍具有按钮特性的一个按钮。如果要在按钮上隐藏文本，设置data-iconpos="notext"，例如：<a href="../index.html" data-icon="grid" claa="ui-btn-right" data-iconpos="notext">Home</a>8、打开一个无需使用Ajax页面过渡的超链接 如果不需要使用Ajax打开一个页面的链接，可以设置链接的rel属性，如下：<a href="../index.html" data-icon="grid" class="ui-btn-right" rel="external">Home</a>9、移除项目列表中的箭头 默认情况下，jQuery Mobile框架会为每一个列表项添加一个箭头，想要禁用箭头显示，需要在想要移除列表项设置data-icon="false"。<li data-icon="false"><a href="contact.html">Contact Us</a></li>10、设置页面的背景颜色 怎样在不修改jQuery Mobile样式下设置一个页面背景颜色的？听起来很简单，其实需要花几分钟时间才能解决。通常情况下，需要在body元素中设置背景颜色，但是用jQuery Mobile框架，需要设置在ui-page类中。.ui-page{ background:#eee;}