- 浏览: 34402 次
- 性别:
-
最新评论
-
流浪的我:
嘻嘻,多谢你提的建议。
web前端基础 什么是对象 -
任清宇:
代码 改成 ruby 代码 不是java
Rails中validates及各种用法 -
任清宇:
太少了 再弄多点
web前端基础 什么是对象 -
chenyue1:
刘伟同学,写的很好,我一定会分享给大家的
做一个好的程序员
文章列表
angular.js 过滤器
- 博客分类:
- angular.js
AngularJS的filter(过滤器)是用来过滤变量的值,或者格式化输出,得到自己所期望的结果或格式。
过滤器可以使用一个管道字符(|)添加到表达式和指令中。
例如:<p>姓名为 {{ lastName | uppercase }}</p> //将字符串格式化为大写
一.模板中使用过滤器
在表达式中应用Filters (过滤器)
需要遵循格式如下:
{{ expression | filter }} 即 {{ 表达式 | 过滤器 }}
例如:{{ 12 | currency }} 输出为$12.00
{{expression | filt ...
angularjs 控制器
- 博客分类:
- angular.js
控制器在Angularjs中的作用是增强视图,它实际就是一个函数,用来向视图中的作用域添加额外的功能,我们用它来给作用域对象设置初始状态,并添加自定义行为。
当我们在页面上创建一个控制器时,Angularjs会生成并传递一个 ...
你可以在你的 AngularJS 应用中加入 Twitter Bootstrap,你可以在你的 <head>元素中添加如下代码:
<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
angular.js Bootstrap 实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8&q ...
angular.js 指令
- 博客分类:
- angular.js
AngularJS 指令
AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。
ng-app 指令初始化一个 AngularJS 应用程序。
ng-init 指令初始化应用程序数据。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
ng-app 指令
ng-app 指令定义了 AngularJS 应用程序的 根元素。
angular.js 依赖注入
- 博客分类:
- angular.js
理解AngularJS中的依赖注入
AngularJS中的依赖注入非常的有用,它同时也是我们能够轻松对组件进行测试的关键所在。在本文中我们将会解释AngularJS依赖注入系统是如何运行的。
AngularJS 提供很好的依赖注入机制。以下5个核心组件用来作为依赖注入:
service
provider
value
factory
constant
Provider服务($provide)
$provide服务负责告诉Angular如何创造一个新的可注入的东西:即服务 ...
angularJS 路由
- 博客分类:
- angular.js
AngularJS 路由
AngularJS 路由允许我们通过不同的 URL 访问不同的内容。
1.首先需要在页面引入angular和angular-route,注意要在angular-route之前引入angular
<script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js&qu ...
jquery.validate表单验证
- 博客分类:
- jqurey
表单验证:
<div class="register-step-one">
<form id="register-cnt">
<div class="title">
免费注册用户
</div>
<ul>
<li>
<div class="register-name">
<label class="dt"> 手 机 &nb ...
document 对象
- 博客分类:
- JavaScript
document对象详解
对象属性document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlinkColor //已点击过的链接颜色document.URL //设置URL属性从而在同一窗口打开另一网页document.fileCreatedDate //文件建立日期,只读属性document.fileMod ...
Css3学习随笔
在编写css3样式时,不同的浏览器 需要不同的前缀,为了更好的兼容还是需要:
前缀
HTML5 基础总结
- 博客分类:
- 知识总结
HTML5基础随笔
1视频
Video视频标签,视频格式
1).Ogg格式
<video src=”movie.0gg” controls=”controls”></video>
2)mpeg4格式
<video src=”
WebStorm,rubyMine,phpStorm,pyCharm注册码
webStorm : UserName:William ===== LICENSE BEGIN ===== 45550-12042010 00001SzFN0n1bPII7FnAxnt0DDOPJA INauvJkeVJBuE5bqLEznccE4tet6tr RiyoMxDK8oDY93tx!ipPyGmqYYeWxS ===== LICENSE END ===== UserName:Microsoft ===== LICENSE BEGIN ===== 44827-12042010 0000 ...
CSS中cursor的pointer 与 hand
- 博客分类:
- css
cursor的pointer 与 hand区别:
cursor:hand 与 cursor:pointer 的效果是一样,都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。
附:cursor属性收集
光标类型 CSS十字准心 cursor: crosshair;手 cursor: pointer;cursor: hand ...
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>固定栏</title>
<script src="js/jquery_1.9.js"></script>
<style>
* {
text-decoration: none;
}
...
构建一个简单的web页面
- 博客分类:
- html
1. 构建HTML 构建HTML是整个过程最基础的部分。我们构建HTML比较关键的一个原则就是“还HTML标签其本来的含义”。所以在这里,我们应该合理分析一下期望做到的HTML的结构的情况,并加以分析,选择比较合适的HTML标签,而不是采用非标准的Table布局或者充斥着大量div和class的布局方式。事实上,现在存在着一种误区,就是凡事采用了DIV+CSS的方式进行页面编程的就是Web标准的,其实这是完全错误的观点,很容易就导致了“多div症”(divitus)或者“多类症”(classitis)。 回到正题,我们分析一下页面样式,可以将整个Tab页分成2个部分,分别是一级菜单和二级菜单, ...
安装 Passenger 用于部署 Rails 应用
查看是否安装了gem
$ gem -v
$ gem install passenger
$ passenger -v
Phusion Passenger version 4.0.10
由于 Passenger 需要重新编译 Nginx,如果你之前有安装 Nginx 需要卸载掉!nginx -v,有的话卸 ...