H/C/J 前端学习笔记 - I

1. AngularJS 如何条件设置元素的class

ng-class="{class}[condition]"
example：ng-class="{1:‘col-md-12‘, 2:‘col-sm-6‘}[value]"

ng-class supports an expression that must evaluate to eithera. a string of space-delimited class names, orb. an array of class names, orc. a map/object of class names to boolean values.

2. [CC]一篇非常好的Animation的文章

　　http://www.yearofmoo.com/2013/04/animation-in-angularjs.html

3. [CC]Bootstrap 3 tips and tricks you still might not know

https://scotch.io/bar-talk/bootstrap-3-tips-and-tricks-you-still-might-not-know

时间： 2024-12-17 00:05:50

H/C/J 前端学习笔记 - I的相关文章

Web前端学习笔记(001)

....编号 ........类别 ............条目 ................明细....................时间一.Web前端学习笔记 2016年6月15日10:38:53 /****************************************************************begin******************************

WEB前端学习笔记一

最近时间比较充裕,整理了一下学习过的笔记,此篇笔记包含了:Html.Css.JavaScript.Jquery.以及使用帝国CMS或是织梦CMS建立自己的网站,也许也会整理一下PHP的笔记,如果时间允许会整理完全. 虽然笔记是从最基础的开始,但是,并不包含电脑的基础知识,所以你必须已经掌握了一些电脑的基本操作,比如开关机,你的电脑用的是什么操作系统,至少也要会用word和wps吧.浏览器是做什么的,什么拷贝.复制.粘贴.知道最基本的文件类型,如,文本文件,视频文件,图片文件,什么是可执行文件,分

2017-2-15从0开始前端学习笔记-文本

2017-2-15从0开始前端学习笔记-文本标签文本粗体和斜体 <b>bold粗体</b> <i>italic斜体</i> 上标和下标 <sup>上标</sup> <sub>下标</sub> 空白换行符和水品线 <br/>换行符 <hr/>水平线语义化标记加粗和强调 <strong>加粗加强语气</strong> <em>强调斜体能改

WEB前端学习笔记四

接上一篇,web学习笔记四,在此感谢您对此篇笔记的认可,但转发时请注明文章出自网知博学. 2.0 html的语法格式 html的标签要写在尖括号中 :<> 在在英文输入法状态下,按住shift键然后再按它左侧的尖括号就可了, 先学习一个简单的h1标签,是个标题标签,在html中这样写: <h1>我在h1标签中,我就是标题</h1> 那么h1标签中所包裹的文字,就标记成标题了.通过浏览器的解析后在页面上显示出来的效果就是字体加粗,加黑,和word中的标题性质一样! 大

WEB前端学习笔记五

接web前端学习笔记第四篇,此篇为web学习笔记五,在此感谢您的采集和转发,但请注明文章出自网知博学. 2.0.3 html标签的属性格式现在我们知道了两个双标签分别是,标题标签:<h1> - <h6>.和段落标签:<p></p>还知道了一个换行的单标签:<br />,现在我们给<p></p>标签添加一个属性,来改变段落是右对齐,还是左对齐,还是居中. 如上图,<p>标签中的 align(中文就是排列的意

WEB前端学习笔记三

接上一篇,web学习笔记二,web学习笔记刚刚发出,就发现被其他网站采集了,在此感谢您的采集和转发,但请注明文章出自网知博学. 1.7 开发工具的选择增强文本编辑器:EditPlus.Notepad++ 特点:比较小.占用系统资源比较少.代码颜色高亮显示.但没有代码自动补功能 IDE:(Integrated Development Environment,集成开发环境).IDE集成开发环境(简称IDE)开发环境就是指在开发软件的时候需要用到的软件.这些软件包括代码编辑器.编译器.调试工具和

前端学习笔记汇总（之merge方法）

学习笔记关于Jquery的merge方法话不多说,先上图使用jquery时,其智能提示如上,大概意思就是合并first和second两个数组,得到的结果是first+(second去重后的结果)的并集接下来,做出测试: 1 $(function () { 2 var arr1 = ['apple', 'orange',1, 'cherry', 'orange']; 3 var arr2 = ['chen', 343, true, 'cherry',1]; 4 var result = $

前端学习笔记

If fear is cultivated;it will become stronger; If faith is cultivated;it will achieve mastery. -----<阿甘正传> 开通前端学习博客,每个阶段一个目标,总结自己的收获以及所犯错误,不忘初心,方得始终!

大前端学习笔记整理【一】CSS盒模型与基于盒模型的6种元素居中方案

概览 CSS盒模型,规定了元素框来处理元素的内容.内边距.边框和外边距的方式元素部分是指内容部分,也是最实际的内容,包围内容的称之为内边距,内边距外围是边框,边框外围就是外边距:且外边距是透明的,所以并不会阻挡其后的元素 * { margin: 0; padding: 0; } 这是在CSS中最常见的初始化CSS的代码,用于覆盖浏览器的默认样式浏览器兼容性大多数浏览器都会按照上面的图示来呈现内容.然而 IE 5 和 6 的呈现却是不正确的.根据 W3C 的规范,元素内容占据的空间是由 w