随笔分类 -  2.前端库

摘要:最近工作需求,需要在页面上加水印,但发现网上示例无法满足我的需求,所以还是自己动手写。 有几个特别需求: 1.可以写多行水印,并且中心对齐。 2.每行水印错开。 PS:我找到的例子都是单行水印,所以用不了,想做的效果如下。 (图1)实现思路 实现页面水印主要是有两种方法。 1.DOM元素 就是将水印 阅读全文
posted @ 2017-06-10 16:28 海角在眼前 阅读(7539) 评论(2) 推荐(0) 编辑
摘要:前言 这几天在修复一个web问题时,需要捕获Mac触摸板双指事件(上、下、左、右、放大、缩小),但发现并没有现成的轮子,还是要自己造。 例如:jquery.mousewheel.js(添加跨浏览器的鼠标滚轮支持), 给得太简单,没有处理Mac双指行为,所以不能用。 目标 获取Mac触摸板双指行为,具 阅读全文
posted @ 2017-03-11 22:15 海角在眼前 阅读(8063) 评论(0) 推荐(1) 编辑
摘要:写好jQuery插件,有一些注意的地方(持续添加)。 支持UMD 现在前端开发讲究模块化,所以jQuery插件也最好能够兼顾模块化。 模块化模式大概有几种: AMD、CommonJs、UMD。 AMD(Asynchronous Module Definition) 异步模块定义,可以异步的加载或依赖 阅读全文
posted @ 2017-02-19 21:52 海角在眼前 阅读(514) 评论(0) 推荐(1) 编辑
摘要:看别人用的依赖库的好处在于,你知道有什么可以用,什么可以借鉴。(钉钉——协作桌面应用) PS:人最怕是不知道,而不是你不会。 1. jQuery 钉钉使用了1.9.1版本的jQuery,jQuery作为一个最为广泛使用库,已经不用说明它是什么了。 学习地址:http://jquery.com/ PS 阅读全文
posted @ 2016-09-15 13:05 海角在眼前 阅读(1668) 评论(0) 推荐(1) 编辑
摘要:这几天有个工作需求,就是在富文本输入区域(kindeditor)可以有@功能,能够容易提示用户名的(像在qq群组@人一样)。在网上找了一个叫bootstrap-suggest的插件,却不能满足我的需求,于是我决定在该插件上改良,主要是下面几点: 1. @内容的输入,能够匹配多个属性值。 2. 选中列 阅读全文
posted @ 2016-08-13 22:02 海角在眼前 阅读(2050) 评论(0) 推荐(1) 编辑
摘要:jquery ajax是个很常用接口,而在请求时候,可能存在响应401的情况(身份认证过期或未登录),比较容易出现在混合应用上,如何进行身份认证,重发失败请求,还是值得注意的。 ajax请求有两种方式 1. 回调 最常写的方式,成功失败处理以回调方式传入。 2. Deferred方式 Deferre 阅读全文
posted @ 2016-04-17 20:39 海角在眼前 阅读(17690) 评论(0) 推荐(1) 编辑
摘要:最近做了一个jquery图片查看的插件,目的是能精确查看图片的详情,插件支持图片旋转、放大、缩小、拖拽、缩略图显示,界面效果是按照window的qq查看图片功能写的,当然不尽相同。 具体功能: 1. 多张图片切换,键盘左右键或左右箭头切换 2. 旋转 3. 放大,支持鼠标滚轮 4. 缩小,支持鼠标滚 阅读全文
posted @ 2015-11-29 16:37 海角在眼前 阅读(39117) 评论(37) 推荐(11) 编辑
摘要:编写原因: 作为提示框,jquery有个messagebox的控件,也就是弹出的提示框。但这个控件如果不是用在需要确认的时候,单单警告提示、消息提示、失败提示时,用户还需要去点下确认,有时这操作还是挺烦的(尽管可以设置timeout,会自动消失)。 控件需求: 现在需要一个简洁消息提示控件,不需确认 阅读全文
posted @ 2014-07-20 14:14 海角在眼前 阅读(5947) 评论(21) 推荐(3) 编辑
摘要:最近项目需要使用手机图表,但是找了很久都没找到专门为移动端开发的图表,只能找一些能兼容移动端的图表控件,今天就讲讲关于iChartjs这个图形库的一点问题。 问题 iChartjs的提示框tip的显示没有为移动端做调整,在移动端显示效果很差 原因 直接通过iChartjs的源码看原因,查看$.Tip 阅读全文
posted @ 2013-10-26 19:02 海角在眼前 阅读(2701) 评论(0) 推荐(0) 编辑
摘要:前言 不仅仅是jQuery UI resizble的div包含iframe会导致缩放的不平滑,draggable也会出现包含iframe会导致拖放的不平滑,但是因为jQuery UI有为draggable进行了处理——添加了iframeFix属性设置(iframe:true时候就可以解决),但是却没 阅读全文
posted @ 2013-10-13 23:03 海角在眼前 阅读(4503) 评论(2) 推荐(1) 编辑
摘要:iscroll是比较耗性能的,在iPhone和性能比较好的机是比较流畅的,在性能低的手机就会出现卡的情况。所以如果不想出现这种情况,只有不使用iscroll,囧。 阅读全文
posted @ 2013-09-26 20:56 海角在眼前 阅读(314) 评论(0) 推荐(0) 编辑