摘要: 小小前端菜鸡,什么都没学好,倒是东西用了一大堆,没什么专长,只是辛亏还年轻,希望可以用时间来弥补自己的不足,多多学习,心浮气躁看到什么好,就会去用什么,但是忘记了本质的东西,才是最原生最美的。多次想放弃当程序员,也会经常想想如果我不做程序员,我还可做其他的,咖啡厅小伙计、酒吧服务员、办公室小白领、跑腿推销员、电影院验票的,哈哈哈哈。年轻的迷茫,但是至少两年内,我还是会跟程序打交到,... 阅读全文
posted @ 2015-04-25 23:13 静文 阅读(246) 评论(0) 推荐(0)
摘要: 一、模块化管理的重要性 1、解决冲突问题 2、解决性能问题 3、解决依赖问题二、为何选择seajs 1、有完整的中文文档 2、符合中国国情三、seajs如何使用 1、引入seajs库文件 2、如何变成模块 define/*引入好seajs后如何将js文件变成模块*/define(fun... 阅读全文
posted @ 2015-04-25 20:15 静文 阅读(166) 评论(0) 推荐(0)
摘要: 一、数据缓存 1、绑定属性ms-data-* avalon的数据缓存功能与jquery的data()类似,但不同于jquery的是:avalon是直接将数据保存在元素节点上的data-*属性上。 在从data-*属性还原数据时,它会作简单的数据转换,再返回。 在ms-data绑定属性中,对象与数组是直接保存在元素节点上。 av... 阅读全文
posted @ 2015-04-25 20:02 静文 阅读(142) 评论(0) 推荐(0)
摘要: 一、属性操作 DOM操作之属性操作: 1、类名操作 ms-class (1)ms-class a、ms-class="active" 默认写法,为元素添加active样式 b、ms-class="active:isOk" isOK值为true,添加active,为false,删除... 阅读全文
posted @ 2015-04-25 20:02 静文 阅读(220) 评论(0) 推荐(0)
摘要: 一、插入移除处理 1、绑定属性ms-if a、当ms-if的值为真(true)时,就将元素输出到页面里面。 根据条件显示内容 根据条件显示内容 b、如果当ms-if 的值为假(flase)时,就将元素移除dom树 根据条件显示内容 avalonctrl是为avalon垃圾回收器查找元素所用 是为了将注释的节点重新,装填会d... 阅读全文
posted @ 2015-04-25 20:00 静文 阅读(887) 评论(0) 推荐(0)
摘要: 二、显示隐藏处理 含义:效果类似于jquery的toggle,如果它后面跟着的表达式为真值时则显示它所在的元素,为假值时则隐藏。 avalon-visible 色块[red] 色块[green] 色块[blue] 来自为知笔记(Wiz) 阅读全文
posted @ 2015-04-25 12:32 静文 阅读(156) 评论(0) 推荐(0)
摘要: 一、双向同步,双向绑定ms-duplex 含义:ms-duplex实现了双向数据绑定。双向绑定通俗说,除了负责将ViewModel中的应的值放到表单元素的value中,还对表单元素偷偷绑定一些事情,用于监听用户的输入从而自动刷新ViewModel。 使用场景一: 当元素为text、password、textaera时,要求prop为一个字符串,当我们改动它的内容时,ava... 阅读全文
posted @ 2015-04-25 12:31 静文 阅读(250) 评论(0) 推荐(0)
摘要: 一、数据填充含义:将数据打印到页面上,通过绑定属性,将页面变成动态模版 1、插值表达式 {{prop}},{{prop | html}}定界符及自动配置 含义:{{prop}}是对某一文本节点的nodeValue进行修改,因此不会影响兄弟节点,{{prop}}只是表示这个地方可以被替换,在avalon中,它只在文本节点中有效,它不能替换属性节点里的名字,特性节点的名字必须以ms... 阅读全文
posted @ 2015-04-25 12:29 静文 阅读(182) 评论(0) 推荐(0)
摘要: 一、禁用加载器 方法一:在js文件中书写avalon.config({ loader: false}) 方法二:在avalon源文件中添加avalon.config({ loader: false}) 方法三:在源文件中删除amd加载器二、作用域绑定含义:作用域范围圈定,在一个页面中需要形成多个模块,每个模块需要实现不同功能。 1、ms-controller 可以互相嵌套的... 阅读全文
posted @ 2015-04-25 12:27 静文 阅读(223) 评论(0) 推荐(0)
摘要: js dom编程艺术(2 version)->js高级程序设计 (3 version)-> js dom高级程序设计 -> js 语言精粹 -> 精通js -> 编写可维护的js -> 高性能js -> js面向对象编程指南 -> js模式 -> js权威指南(6 version) -> js语言精髓与编程实践来自为知笔记(Wiz) 阅读全文
posted @ 2015-04-25 11:54 静文 阅读(362) 评论(0) 推荐(0)
摘要: 一、javascript能用来干什么? 1、数据的验证 2、将动态的文本写入到网页当中 3、可以对事件做出响应 4、可以读写html中的内容 5、可以检测浏览器 6、可以创建cookies二、基于对象和事件驱动的松散型的解释性语言 1、javascript面向对象开发的 2、事件驱动 3、松散型,弱类型 4、解释性语言三、javascri... 阅读全文
posted @ 2015-04-25 11:52 静文 阅读(156) 评论(0) 推荐(0)
摘要: 一、javascript的放置、注释、输出工具1、输出工具 a、alert();属于window中的全局函数。无论写入什么,都以字符串形式输出。 b、document.write();向网页输出内容。 c、var vlaue=prompt(“显示内容”,“文本框显示内容”)value为返回值;弹出一个输入框,接收参数。 2、javascript如何在html页面当中进行放置 ... 阅读全文
posted @ 2015-04-25 11:51 静文 阅读(167) 评论(0) 推荐(0)
摘要: 一、开发原则 1、移动优先,在设计初期,就要考虑页面如何在多终端显示 2、渐进增强,充分发挥硬件设备的最大功能二、如何实现相应布局方法 1、css3-Media Query,最简单 2、借助原生javascript,成本高 3、开源框架,可以更好的支持多终端三、CSS3-media Query 常见属性: device-width,devic-he... 阅读全文
posted @ 2015-04-25 11:45 静文 阅读(129) 评论(0) 推荐(0)
摘要: 一、Css的继承 .codeClass{color:#000000;}你好世界 Span继承了,来自codeClass的color。也就是说,子元素会从父元素继承属性,当然不是所有的CSS属性都有继承性,文本属性(color、font、line-height、text-align、text-decoration、other)是具有继承性的,而自身属性(width、height、margin、p... 阅读全文
posted @ 2015-04-25 11:37 静文 阅读(762) 评论(0) 推荐(0)