一直在AngularJs的使用,也学习过一点,没做什么笔记,有网上朋友做了笔记,还建立索引,推荐学习.

索引导航…

  1. AngularJs学习笔记–bootstrap
  2. AngularJs学习笔记–html compiler
  3. AngularJs学习笔记–concepts
  4. AngularJs学习笔记–directive
  5. AngularJs学习笔记–expression
  6. AngularJs学习笔记–Forms
  7. AngularJs学习笔记–I18n/L10n
  8. AngularJs学习笔记–IE Compatibility
  9. AngularJs学习笔记–Modules
  10. AngularJs学习笔记–Scope
  11. AngularJs学习笔记–Dependency Injection
  12. AngularJs学习笔记–Understanding the Model Component
  13. AngularJs学习笔记–Understanding the Controller Component
  14. AngularJs学习笔记–E2E Testing
  15. AngularJs学习笔记–Understanding Angular Templates
  16. AngularJs学习笔记–Using $location
  17. AngularJs学习笔记–Creating Services
  18. AngularJs学习笔记–Injecting Services Into Controllers
  19. AngularJs学习笔记–Managing Service Dependencies
  20. AngularJs学习笔记–unit-testing

在推荐一个angular-ui,整理集成了很多插件,完全可以作为一个js包含ui的框架使用了.

链接: AngularJs官网 | angular-ui

bootstrap4diandian主题我是为了熟悉bootstrap的使用而做的,曾经在使用wordpress的时候,也使用的是bootstrap做的WP主题,转到点点后,依旧还是使用bootstrap,并没有什么设计,只是根据感觉一点一点调试,主题的圆角自己没有写,使用的多说开发者中心的圆角风格,还是挺搭配的,也感觉到bootstrap的强大啊!

bootstrap4diandian主题放出来后,喜欢的朋友挺多,也感谢灰狼帮忙修改宣传了下,修改了里面不少的问题,阳光互联网博客也提出了一些问题,目前基本都已经修改过了,目前来说,基本没什么大的错误了,就新开一篇文章,主题就先定义为1.0吧!一点一点增加功能吧!

  1. 支持点点文字 图片 音频 视频 链接的发布,这个当然,不支持,不给通过啊!
  2. 支持自定义微博 腾讯微博,这个是灰狼帮忙修改的,学会自定义变量了.
  3. 支持点点评论和多说评论,两种都可以进行选择.
  4. 支持点点热度和多说文章评论条数,使用点点的第一代模板引擎,不支持浏览量,目前还没有打算使用点点第二代模板引擎.
  5. 支持无觅相关文章.
  6. 支持自定义友情链接.
  7. 支持自定义作者名称,这个由于个人使用大鹏,不采用博客名字而增加的.

  8. 采用bootstrap,当然支持响应式的设计,可点点有自己的手机主题支持,这点在手机上面就体现不出来了,不过通过伸缩浏览器也看出来的.
  9. 其他功能再说了…
后台设置



阳光互联网博客博客提出的侧栏,多说评论评论者头像在IE9下,有放大问题,这个由于bootstrap的img采用auto而导致IE下失效,已经修改通过了,我现在在IE9(公司电脑用IE9)和IE10(自己电脑用win8)下测试过了,其他浏览器的请朋友们也帮忙测试一下哈.

顶部固定栏在IE下字体过小,之前设置的是8px,现在改成12px了.

不扯了,直接去安装地址.

链接: 安装地址

终于不用为给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 上一页

primary 主要

progress 进度条

promotion 促销

recommendations 推荐

register 注册

save 保存

search 搜索

secondary 次要

section 区块

selected 已选

share 分享

show 显示

sidebar 边栏,侧栏

sign in 登录

sign up 注册

slide 幻灯片,图片切换

sort 排序

sub 次级的,子级的

submit 提交

subscribe 订阅

subtitle 副标题

success 成功(提示)

summary 摘要

summit 提交

tab 标签页

table 表格

text 文本

thumbnail 缩略图

time 时间

tips 提示

title 标题

video 视频

wrap 容器,包,一般用于最外层

wrapper 容器,包,一般用于最外层

原文链接:最常用的100个ClassName集合

作者:Vivien Chen

bootstrap4diandian使用的返回顶部代码是从ZaoKi上面看到的,原作者对源代码做了加密,想通过源码更改,就有些困难了,源码使用eval做的加密,解密也很容易,用eval显示一下就可以了.

源码我做了解密,并且文件的格式化,看起来很清楚了,使用的图片也下载下来了,js文件和图片都打包了,提供了有三种的效果,就是图片的不同,自己也可以更改图片来修改达到自己需要的效果的.

三种图片效果:

下载: 百度网盘



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/

下载:百度网盘



昨天猎豹一直嚷嚷着2012-10-16发布猎豹浏览器2,还以为有啥新玩意出来呢!

的确有新玩意出来,升级内核了,兼容win8了,速度更快了,IE的兼容性更好了.

内核升级有好叫的,人家chrome是个版本帝,天天升级,你就跟着人家屁股后面升级,叫啥叫啊!

兼容win8了,这个倒还可以做为一个亮点,我用的就是win8.

速度更快了,用chrome就是为了一个快!你猎豹是chrome生出来的,做了些优化,比原chrome快了.这不是儿子喊叫着自己个子比老娘高了,叫个辣子啊!

在中国玩多核浏览器,不考虑IE的兼容,谁用啊!

猎豹浏览器的UI做的相当不错,一段时间用猎豹浏览器,也是奔着皮肤去的.

chrome浏览器的好处就是能云同步,应用 插件 设置 皮肤等等,猎豹浏览器好像就能同步个收藏夹,满足不了,我的需求啊!

如果你用过收藏夹的同步,那我建议您可以用用猎豹浏览器,用起来还是挺舒服的.

数字的浏览器,我一直的观点是产品不错,就是公司没个底线,我佩服数字公司,可也鄙视他们的做法.

下载: 官网

最近用bootstrap做了套点点的主题,感觉还过的去,也有朋友使用了,可某些朋友啊!连个链接和出处都没有了!

请尊重下别人劳动成果,尊重别人,才能尊重你自己!

在本文中,将介绍使用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;
}

为了熟悉下bootstrap框架,如果做站就用bootstrap,在点点主题上面也啃了很久,总算是有个能看得过去的主题了.



主题比较简洁亮白,也有朋友问我要主题风格,之前代码没做什么整理,刚整理了下代码,添加些注释,顺便加了一个图片演示加载的效果,这个效果很棒,我做主题,一直采用的.

使用注意:

  1. 修改google统计代码
  2. 修改多说使用的代码
  3. 修改文章内的个人说明
  4. 修改微博导航链接

    这些代码都是写死成我的链接的,请修改成你自己的吧!

    下载: 百度网盘 | github | bootstrap4diandian源码