摘要: 核心:定义一些列的算法(逻辑)封装起来,并且它们是平等关系可以相互替换js中的策略模式关键字:策略和业务分离 (一)基本实现 常见代码: 策略模式优化 将策略单独提取出来封装,和业务代码分离。这样需要修改策略不需要去业务代码里面查找,而提取出来的策略也可以被多个业务代码复用。 (二)场景案例 这里可 阅读全文
posted @ 2017-03-15 14:19 水木凌云 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 核心:保证一个类仅有一个实例,并提供一个访问它的全局访问点 js中的单列模式关键字:创建唯一的对象 (一)基本实现:判断是否已有实例,有则直接返回,否则生成实例 这里通过闭包,将单列对象存储在变量instance中 (二)场景:实现一个提示文本的弹出,2秒自动消失,期间再次调用错误提示时不能重复弹出 阅读全文
posted @ 2017-03-14 17:11 水木凌云 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 以下总结了一些常见的元素垂直居中方法: 首先,基本的html和CSS为 方法: 最后有个好消息,QQ浏览器的X5即将退出历史舞台被chrome37替换,UC你看着办。 阅读全文
posted @ 2016-06-02 10:35 水木凌云 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 在移动端经常需要处理滑动事件,比如banner图的左滑右滑,都需要事件响应,这在PC端是没有这类事件的。而在zepto.js中,下载下来的代码也并没有自动加上对这类事件的支持,但是有提供相应的模块,需要你自己加上去(下表中最后一个touch模块): 这些模块的代码可以直接加在zepto.js的最底部 阅读全文
posted @ 2016-05-30 14:08 水木凌云 阅读(1684) 评论(0) 推荐(0) 编辑
摘要: 直奔主题,看我们要实现的效果图: 是不是略刁? 。。。让刁再飞一会儿。。。。 但如果你是个CSS高手,我仿佛能看见你鄙视的表情: 4个div加一个hover的CSS3动画就能搞定!这尼玛也发一篇博客? 其实这里的关键并不在于hover的时候4个元素如何变成圆形的(如果你对这个动画如何实现都有疑问就赶 阅读全文
posted @ 2016-05-23 23:21 水木凌云 阅读(227) 评论(1) 推荐(1) 编辑
摘要: 在这一章以函数为主的讲解中,也会不可避免的牵涉到数组和对象的内容,这也不难理解,知识往后走牵涉的内容自然也越多。 (1)经典作用域问题 题一: 第二次日志输出结果相对容易理解,关键是第一次打印结果并不是全局变量中的a,因为按照作用域链的查找规则,在函数执行的时候会先查找局部作用域,而此时局部作用域已 阅读全文
posted @ 2016-05-21 22:54 水木凌云 阅读(368) 评论(1) 推荐(0) 编辑
摘要: (1)快速创建一个数组,数组中含有100个值为0元素。 方法一: 方法二: 面试官会喜欢哪个答案呢? (2)经典的数组去重问题 数组去重可以说是各大公司前端笔试中的常见题,以下列出几种典型的解决方法 方法一:传统双循环对比法 方法二:利用indexof方法 方法三:利用对象属性唯一性 三种方法都有各 阅读全文
posted @ 2016-05-21 18:53 水木凌云 阅读(421) 评论(0) 推荐(0) 编辑
摘要: 前端技术的发展速度大家有目共睹,js的ECMA标准也不再是3的天下,但不管再怎么山雨欲来风满楼,基础语法还是得温故而知新。无论你是初学则还是多年js的编程者,都可以试着做做下面的测试题,我相信总还是会有些收获的。因为全部是自己总结和手打的,有纰漏错误之处请留言,谢谢。 一:考察基本数据类型与运算符 阅读全文
posted @ 2016-05-21 16:10 水木凌云 阅读(490) 评论(0) 推荐(0) 编辑
摘要: 很多人觉得JS很难,我认为一是缺乏程序语感,这类人主要是刚刚踏入程序行业的,看的多自己写的少,程序之间很多都是相通的,如果你会C/C#/JAVA/等,学起JS来应该是非常有帮助;二是很多人都是驱动式学习,需要某个前端行为功能时才去百度搜索关键字,没有安心系统的学习过JS的语法,这样很得不偿失。不管怎 阅读全文
posted @ 2012-08-05 14:28 水木凌云 阅读(1241) 评论(3) 推荐(1) 编辑