Fork me on GitHub

随笔分类 -  JavaScript

摘要:装饰者模式的定义: 装饰者(decorator)模式能够在不改变对象自身的基础上,在程序运行期间给对像动态的添加职责。与继承相比,装饰者是一种更轻便灵活的做法。 装饰者模式的特点: 可以动态的给某个对象添加额外的职责,而不会影响从这个类中派生的其它对象; 继承的一些缺点: 继承会导致超类和子类之间存 阅读全文
posted @ 2016-07-17 20:04 zhiqiang21 阅读(335) 评论(0) 推荐(0) 编辑
摘要:1.a标签的相互嵌套 很多时候我们会有下面的场景,如下图中所显示的那样。点击1区域(从图上看1区域包含2区域)和2区域跳转不同的链接。 正常的代码结构应该是: 但是上面的代码浏览器的编译结果是下面这样 很明显可以发现,浏览器的渲染结果并不是我们想要的结果。那么是为什么呢? 根据 W3C 规范,a 标 阅读全文
posted @ 2016-04-05 19:42 zhiqiang21 阅读(1290) 评论(1) 推荐(6) 编辑
摘要:myslide 插件开发知识点总结和 css3 动画性能问题的研究 这篇文章主要是总结最近开发过程中遇到的问题。有几个问题又是不容易发现原因的问题,但是最后的结果又是很简单的。 1.手机端的 slider 插件是否有必要集成点按操作 对于我自己开发的版本来说还是集成了这个操作的。但是参考了京东,天猫 阅读全文
posted @ 2016-03-19 19:55 zhiqiang21 阅读(646) 评论(0) 推荐(0) 编辑
摘要:之前写过一版图片“懒加载”的文章,刚好周末在整理文件的时候,大概又看了一遍之前写的代码发现有很多可以优化的地方。 这篇文章主要就是结合上篇 "《“瀑布流式”图片懒加载代码示例》" 再来看看图片“懒加载”的一些知识。 图片“懒加载”的主旨: 按照需要加载图片,也就是说需要显示的时候再加载图片显示,减少 阅读全文
posted @ 2016-02-22 20:10 zhiqiang21 阅读(1552) 评论(0) 推荐(0) 编辑
摘要:既然是要编写插件。那么叫做“插件”的东西肯定是具有的某些特征能够满足我们平时开发的需求或者是提高我们的开发效率。那么叫做插件的东西应该具有哪些基本特征呢?让我们来总结一下: 1.JavaScript 插件一些基本特征: 1. 配置一定要简单 2. 插件中定义的变量不污染全局变量; 3. 同一段代码可 阅读全文
posted @ 2016-02-16 14:30 zhiqiang21 阅读(1182) 评论(1) 推荐(3) 编辑
摘要:最近的项目中做了一个“跑马灯”的抽奖特效插件。上篇文章已经分享过 和`css` 的相关知识。这篇文章主要分享一些 JavaScript 相关的知识。这几天在写这篇文章的时候,也顺便把自己的代码重构了一下。 这里主要是来写写自己的优化过程。俗话说: 一个程序猿的进步是从对自己的代码不满意开始的。 开始 阅读全文
posted @ 2016-02-15 17:19 zhiqiang21 阅读(1020) 评论(0) 推荐(0) 编辑
摘要:2016年6月29日补充: 最近做了一些与表单相关的项目,使用了h5的input控件,在使用过程中遇到了很多的坑。也包括与这篇文章相关的。 首先我们应该知道使用h5新提供的属性getUserMedia这个属性,是可以调取系统的摄像头进行拍照或者是摄像的,但是兼容性支持的不好,所以当我们需要获取系统的 阅读全文
posted @ 2016-01-20 15:10 zhiqiang21 阅读(51656) 评论(13) 推荐(10) 编辑
摘要:移动端使用 zepto 做一些基于触摸的动画的时候,需要开发一个函数库。 功能:实例化对象以后能够,触发相应的事件,能够返回给我,当前的移动方向和 X 轴 或者 Y 轴 的移动位移。 使用方法: 测试的运行结果: 实例 demo 地址: "点我" <hr / <p </p <p style="ma... 阅读全文
posted @ 2016-01-11 23:32 zhiqiang21 阅读(291) 评论(0) 推荐(0) 编辑
摘要:前端开发sublimeconfig mac配置此文件目录中文件主要是关于 的插件配置,快捷键配置,主题和字体配置。 插件列表所有插件都可以使用Package Control安装,具体的安装方法可以自行谷歌安装,不在本文的介绍范围之内。也可以是使用git 手动安装。 1. "autoprefixer... 阅读全文
posted @ 2016-01-07 13:33 zhiqiang21 阅读(7285) 评论(1) 推荐(6) 编辑
摘要:`rem font size mediaquery font size` 值很繁琐,而且值也不能达到连续的效果。 就使用js动态计算给文档的 动态赋值解决问题。 使用的时候,请将下面的代码放到页面的顶部(head标签内); 阅读全文
posted @ 2016-01-06 23:24 zhiqiang21 阅读(336) 评论(0) 推荐(0) 编辑
摘要:引子:最近遇到一个问题,就是在each()函数中怎么模拟for循环中的break和continue的操作。所以就查看了jQuery关于这个函数的文档,并且总结一下。演示代码如下: 你是第1个 你是第2个 ... 阅读全文
posted @ 2015-05-25 19:43 zhiqiang21 阅读(1069) 评论(0) 推荐(0) 编辑
摘要:javascript中对数组的定义 数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可以是整数。这些数字索引在内部被转换成字符串类型。这是因为javascript对象中的属性名必须是字符串。数组在javascript中只是一种特殊的对象,效率上没有其它语言数组的效率高... 阅读全文
posted @ 2015-05-24 10:31 zhiqiang21 阅读(322) 评论(2) 推荐(1) 编辑
摘要:事件绑定函数的demo如下: 测试事件绑定函数 测试事件绑定1 测试事件绑定2 测试事件绑定3 测试事件绑定4 ... 阅读全文
posted @ 2015-05-12 23:41 zhiqiang21 阅读(563) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示