外观模式 (门面模式),是一种相对简单而又无处不在的模式。外观模式提供一个高层接口,这个接口使得客户端或子系统更加方便调用。
用一段再简单不过的代码来表示
1 2 3 4 5 6 |
var getName = function(){ return ''svenzeng" } var getSex = function(){ return 'man' } |
外观模式 (门面模式),是一种相对简单而又无处不在的模式。外观模式提供一个高层接口,这个接口使得客户端或子系统更加方便调用。
用一段再简单不过的代码来表示
1 2 3 4 5 6 |
var getName = function(){ return ''svenzeng" } var getSex = function(){ return 'man' } |
待续。。
代理模式的定义是把对一个对象的访问, 交给另一个代理对象来操作.
举一个例子, 我在追一个 MM 想给她送一束花,但是我因为我性格比较腼腆,所以我托付了 MM 的一个好朋友来送。
这个例子不是非常好, 至少我们没看出代理模式有什么大的用处,因为追 MM 更好的方式是送一台宝马。
去年年前当时正在开发 dev.qplus.com, 有个存储应用分类 id 的 js 文件, 分类 id 的结构最开始设计的比较笨重. 于是我决定重构它. 我把它定义成一个 json 树的形式, 大概是这样:
观察者模式 ( 又叫发布者-订阅者模式 ) 应该是最常用的模式之一. 在很多语言里都得到大量应用. 包括我们平时接触的 dom 事件. 也是 js 和 dom 之间实现的一种观察者模式.
1 2 3 4 5 |
div.onclick = function click (){ alert ( ''click' ) } |
简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定, 而是在执行期决定的情况。 说的通俗点,就像公司茶水间的饮料机,要咖啡还是牛奶取决于你按哪个按钮。
简单工厂模式在创建 ajax 对象的时候也非常有用.
之前我写了一个处理 ajax 异步嵌套的库,地址在 https://github.com/AlloyTeam/DanceRequest
通常情况 CSS 不论是内嵌还是外联,都是预先定义好的。其实利用 JavaScript,我们也可以动态在页面中插入或删除 CSS。
比较常见的场景是:CSS 动画。由于我们在设计网页时不能预知动画的具体细节,所以需要在运行时进行定制。比如,我们想让一个元素从右侧飞出屏幕,如果用 keyframe 动画实现,我们必须知道屏幕的宽度,这个信息只有在运行才知道。
例如下面的 1026px,是运行时浏览器窗口的宽度。
Web 无障碍设计(Accessibility in Web design,也叫网站可及性 )是要让所创建的网站对所有用户都可用/可访问,不管用户的生理/身体能力如何、不管用户是以何种方式访问网站。
为什么不是所有网站都能无障碍访问?你可能也会问自己为什么存在 “无障碍” 的问题,为什么不是所有网站都能让所有用户无障碍访问?要进行无障碍设计有许多不同原因,其中包括残疾人用户的需求、不同的人访问和使用互联网的不同途径和方式。
最近公司在推行 Web 网页的无障碍化,所以转载此文,很多国内互联网项目开始重视网页无障碍,开始更好的为视障用户提供更好的便利,这方面做的比较好的有腾讯 QQ、朋友网和 QQ 空间,还有淘宝网等。
然而平时测试并不是很方便,因为绝大部分读屏软件都是收费的。NVDA 是一个免费开源的读屏软件,而且做的很不错。所以它就是我们平时测试网站可用性的首选。
用途:关闭 chrome 之前,点击记录当前窗口打开的所有 tabs,当再次打开 chrome 时,点击插件可以恢复所有的 tabs
我们每天上班时,都会先打开自己定的咨询、邮件、文档等,尤其是来自各个技术群里发出来的网址,所以每天都会开很多个 tabs。但是毕竟我们是来上班的,上班是要干活儿的,干活儿就没法一一去细读打开的内容。很多时候在下班前,发现还有很多文章没读完,这些文章里可能还有很多干货没捡到。
Copyright © 2011-2021 AlloyTeam. All Rights Reserved. Powered By WordPress
粤ICP备15071938号-2