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