随笔分类 - PC前端开发技术
利用Bootstrup+AngularJs构建PC前端页面，包含Html5和CSS3相关知识。
摘要：官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation一导入js库二、默认校验规则(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true ...
阅读全文
摘要：1.变量 2.混合 3.带参数混合 4.模式匹配和导引表达式 5.嵌套规则 6.运算 7.Color函数 8.Math函数 9.命名空间 10.作用域 11.注释 12.Importing 13.字符串插值 14.避免编译 15.JavaScript 表达式 1.变量 很容易理解: 输出 甚至可以用
阅读全文
摘要：LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。 源码下载 https://github.com/less/less.js L
阅读全文
摘要：1.页面切换效果我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。2.视差滚动（parallax-slider）视差滚动（parallax-slider）已经被广泛应用于网页设计中，这种技术能够让原本平面的网页界面产生动感的立体效果。3.侧栏动画效果以细微的过渡动画显示一些隐藏的侧边栏，其余的内容也是。通常侧边栏滑入，把其他内容推到一边。这个可过程中可以加入很...
阅读全文
摘要：一、模态对话框(Modal) 模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集。 不支持同时打开多个模态框 千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框，需要自己写额外的代码来实现。 模态框的 HTML 代码放置的位置 务必将模态框的 HTML 代码放在
阅读全文
摘要：单个还是全部引入 JavaScript 插件可以单个引入（使用 Bootstrap 提供的单个 *.js 文件），或者一次性全部引入（使用 bootstrap.js 或压缩版的 bootstrap.min.js）。 建议使用压缩版的 JavaScript 文件 bootstrap.js 和 boot
阅读全文
摘要：基本组件是Bootstrap的精华之一，其中都是开发者平时需要用到的交互组件。例如：网站导航、标签页、工具条、面包屑、分页栏、提示标签、产品展示、提示信息块和进度条等。这些组件都配有jQuery插件，运用它们可以大幅度提高用户的交互体验！ 一、面版 .panel 某些时候你可能需要将某些 DOM 内
阅读全文
摘要：基本组件是Bootstrap的精华之一，其中都是开发者平时需要用到的交互组件。例如：网站导航、标签页、工具条、面包屑、分页栏、提示标签、产品展示、提示信息块和进度条等。这些组件都配有jQuery插件，运用它们可以大幅度提高用户的交互体验！ 1.如何使用 出于性能的考虑，所有图标都需要一个基类和对应每
阅读全文
摘要：1.情境文本颜色 通过颜色来展示意图，Bootstrap 提供了一组工具类。这些类可以应用于链接，并且在鼠标经过时颜色可以还可以加深，就像默认的链接一样。  2.情境背景色 和情境文本颜色类一样，使用任意情境背景色类就可以设置元素的背景。链接组件在鼠标经过时颜色会加深，就像上面所讲的情境文本颜色类
阅读全文
摘要：1.响应式图片 在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性，从而让图片在其父元素中更好的缩放。 如果需
阅读全文
摘要：1.可作为按钮使用的标签或元素 为 <a>、<button> 或 <input> 元素添加按钮类（button class）即可使用 Bootstrap 提供的样式。  针对组件的注意事项 虽然按钮类可以应用到 <a> 和 <button> 元素上，但是，导航和导航条组件只支持 <button>
阅读全文
摘要：表单主要包含表单域、输入框、下拉框、单选框、多选框和按钮等控件。 1.基本实例 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea>和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元
阅读全文
摘要：table样式： .table:表格基本样式，很少的padding,灰色的细水平分隔线。 .table-striped:斑马纹样式，隔行换色。 .table-bordered:为表格和其中的每个单元格增加边框。 .table-hover:鼠标悬停，鼠标经过数据行时，该行背景色与斑马纹背景效果相同。
阅读全文
摘要：1.内联代码 code: 通过 <code> 标签包裹内联样式的代码片段。灰色背景、灰色边框和红色字体。  2.用户输入 kbd： 通过 <kbd> 标签标记用户通过键盘输入的内容。  3.代码块 pre: 代码块效果呈现为：灰色背景，灰色圆角边框和深色字体效果。<pre>代码中不能包含可能导致
阅读全文
摘要：在Bootstrap中，页面的排版都是从全局的概念上出发，定制了主体文本、强调文本、标题、Code风格、按钮、表单、表格等格式，并运用CSS3的@font-face和伪元素一起实现了一套icon主题。 1.标题： HTML 中的所有标题标签，<h1> 到 <h6> 均可使用。另外，还提供了 .h1
阅读全文
摘要：Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。 栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容
阅读全文
摘要：一、Bootstrap简介 Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap是基于 HTML5、CSS3和Javascriopt开发的，它在 jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件，为实现快速
阅读全文
摘要：今天介绍一下Mac下Node.js的下载安装方法，后面我们安装Bootstrap、Angurlar和jQuery等都是通过Node.js的npm方式的。 1.在必应中搜索“node.js mac”,第一个搜索结果就是node.js官方站点： 2.选择安装最新的版本： 3.下载后点击安装包，整个过程非
阅读全文