结构-行为-样式-angularJs笔记

【结构-行为-样式-angularJs笔记】的更多相关文章

结构-行为-样式-angularJs笔记

0.关于Ng-app 通过ngApp指令来引导Angularjs应用是一种简洁的方式 ,适合大多数情况.在高级开发中,例如使用脚本装载应用,您也可以使用Bootstrap手动引导AngularJs应用. 1.ngModel实现Select 具体参见 AngularJs实现无限级下拉Select. 2.在$ scope域外调用$ scope的方法 element = document.querySelector('[ng-controller=help_controller]'); var $…

结构-行为-样式 - Angularjs 环境下Ztree结合JqueryUI实现拖拽

新的项目中有一个需求是要求客户标签可以自定义,于是就想到了客户体验,让客户自己拖拽标签进行组合查询.但是理想很丰满,现实很骨感.一开始就遇到了问题,各个插件之间的结合问题,折腾一翻之后终于实现了这个功能,这里记录一下. 首先,在Angularjs+AMD+RequireJs的环境下引入插件: require.config({ baseUrl: "", urlArgs: 'ver=' + (+new Date()), waitSeconds: 0, paths: { 'jqueryUI'…

结构-行为-样式-Css笔记

0.常见的行级元素和块级元素: 行级元素:div,table,form ,ul,ol,p,h1-h6,hr; 块级元素:a,select,input,textarea,img,label,br,i,b,span,strong; 1.position:absolute是根据离他最近的position:relative || sbolute || fixed 的元素定位: Q:在IE8下使用Z-index失效,如何解决? 2.用opacity和Filter的组合替代Z-index.具体如下 : .…

结构-行为-样式-angularJs 指令实现滚动文字

最近在做XX项目的大屏展示页面,有一个表格需要用到这个滚动效果,于是就写了个指令,记录下,共同学习. Html代码: <td word-roll tword="item"> <div class="scroll_div fl"> <div class="scroll_begin" ng-bind="item.project"></div> <div class="…

结构-行为-样式-angularJs 指令解决IE下无PlaceHolder的问题

最近项目开发的时候遇到一个头疼的问题,在测试IE兼容性的时候,发现placeholder在IE下无效.查网上说也是有各种解决方案,但是都不是我想要的,于是决定自己写一个.思路:placeHolder是一个提示性的文字 ,我们完全可以用Span元素来达到这个效果.当用户点击Input的时候隐藏Span,失去焦点的时候Blur一下,恢复Span.但是要考虑到默认有内容的情况,这个时候加一个指令判断开关,有内容就不显示Span. 具体指令如下: define(['angular'], function…

结构-行为-样式-PS笔记

1.矩形选框,按住Shift就可以成为正圆或者正方形.按住ALt就可以控制圆心的位置: 2.美颜:滤镜--模糊--回到开始--历史记录工具,去掉不要的地方. 3.套索工具双击闭合:4.钢笔工具是做选区工具使用,也可以配合文字工具写非直线文字:5.摁H键,拖动,可以跳转到图片指定区域:…

结构-行为-样式-Javascript笔记

一.console.dir()可以显示一个对象所有的属性和方法. 二.递归遍历一个数据集合: A.数据: { "menu": [ { "menuId": 1, "subMenus": [ { "menuId": 101, "subMenus": [ {}] } ] } ]} B.代…

结构-行为-样式-Bootstrap笔记

1.自上而下的内容布局,中间内容可变,应该用: <div class=" container-fluid"> <div class=" row"> ...... </div> </div> 这样如果设置了背景的话,父级Div就会随着内容的增加而增加.…

结构-行为-样式-angularJs ngAnimate(Js实现)

声明页面 Js 注意事项官方链接一.声明注意animate的版本要与Angular的一致. <script src="jquery.1.9.1.min.js"></script> <script src="angular.js"></script> <script src="angular-animate.js"></script> 二.页面 <body ng-…

006-循环结构(下)-C语言笔记

006-循环结构(下)-C语言笔记学习目标 1.[掌握]do-while循环结构 2.[掌握]for循环结构 3.[掌握]嵌套循环一.do-while循环结构 do-while语法: 1 2 3 4 5 6 7 intmain(){ do{ 循环体; }while(表达式); return0; } do-while执行顺序:当遇到do-while循环结构时,首先执行一次循环体中的语句,接着判断表达式成立与否,如果成立就执行循环体中的语句.…