2015年1月29日
FloatHelper
摘要： 1 function FloatHelper() { 2 } 3 4 FloatHelper.prototype.showFloater = function (Target, Title, Action, ActionCallback, Callback, IsNeedTemplete... 阅读全文
posted @ 2015-01-29 17:29 momoの前端花园 阅读(166) 评论(0) 推荐(0)
scrollHelper
摘要： 1 (function ($) { 2 var mouseScroll = function (e) { 3 try { 4 var origEvent = e.originalEvent; 5 origEvent.preve... 阅读全文
posted @ 2015-01-29 17:24 momoの前端花园 阅读(322) 评论(0) 推荐(0)
DialogHelper
摘要： 1 //require ScrollHelper.js 2 function DialogHelper() { 3 var _this = this; 4 var doc = window.document; 5 _this.maskDiv = null; 6 ... 阅读全文
posted @ 2015-01-29 17:23 momoの前端花园 阅读(445) 评论(0) 推荐(0)
fileReader 上传图片
摘要： 1 function getImgSrc(target, callback) { 2 if (window.FileReader) { 3 var oPreviewImg = null, oFReader = new window.FileReader(); 4 ... 阅读全文
posted @ 2015-01-29 17:20 momoの前端花园 阅读(239) 评论(0) 推荐(0)
用canvas裁剪图片
摘要： 1 var selectObj = null; 2 function ImageCrop(canvasId, imageSource, x, y, width, height) { 3 var canvas = $("#" + canvasId); 4 if (canvas... 阅读全文
posted @ 2015-01-29 17:18 momoの前端花园 阅读(410) 评论(0) 推荐(0)
整理一些最近项目中用到的一些JS方法
摘要： 验证是否为图片格式1 function IsImgType(src) {2 var rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|imag... 阅读全文
posted @ 2015-01-29 17:13 momoの前端花园 阅读(226) 评论(0) 推荐(0)
拖拽调整Div大小
摘要： 今天写了一天这个jquery插件：可以实现对div进行拖拽来调整大小的功能。 1 (function ($) { 2 $.fn.dragDivResize = function () { 3 var deltaX, deltaY, _startX, _startY; ... 阅读全文
posted @ 2015-01-29 16:54 momoの前端花园 阅读(1319) 评论(1) 推荐(0)
2013年8月14日
前端开发如何做好SEO优化的工作
摘要： 前端开发工程师不仅需要要跟视觉设计师、交互式设计师配合，完美还原设计图稿，编写兼容各大浏览器、加载速度快、用户体验好的页面。现在还需要跟SEO人员配合，调整页面的代码结构和标签。一些成熟的平台，在开发初期并没有考虑优化问题，所以做出来的页面，就算是效果很炫，功能很强，但是对搜索引擎非常的不友善。任何一个成熟的网站，后期页面都是动辄几百万的，到这个时候再来调整结构，既费时又费力，最怕的还是会影响到排名和收录。所以说与其在后期碰到问题再来调整，还不如把问题解决在源头。我本人也是从事前端开发工作的，下面把我工作过程中，积累的几个开发过程中就需要做好的SEO优化技巧，分享给大家。1、简化代码结构，更利 阅读全文
posted @ 2013-08-14 09:37 momoの前端花园 阅读(1368) 评论(0) 推荐(0)
2013年7月12日
CSS属性、伪类选择器，CSS3选择器
摘要： CSS1时IE6是部分支持，伟大的IE6！CSS2时IE6部分支持，伟大的IE6依旧是部分支持！CCS3盛行CSS4也已经提上日程的现在，IE6完全不支持。IE6你该走了，我们会永远记住你的功绩的！IE6在天朝何时能寿终就寝！以上跟本文章无关，今天我们来CSS的选择器，虽然IE6不支持，但是jqurey实现了CSS的很多选择器的，所以就当温习jqurey的选择器。因为伟大的IE6不支持CSS2的有些高级属性，所以CSS选择器一直没有发挥。要记住一点：对于站点功能很重要的元素还是不要用一些“高级的东西”，因为在天朝都是盗版XP。正文：选择器的作用就是“选择”和“过滤”两个功能，并且可以混合使用。 阅读全文
posted @ 2013-07-12 16:26 momoの前端花园 阅读(824) 评论(0) 推荐(0)
图解css3のborder-radius
摘要： 早期制作圆角都是使用图片来实现、通过用1px 的水平线条来堆叠出圆角或者利用JavaScript等等方法，但是都是需要增加多个无意义的标签来实现，造成代码亢余。如今有了CSS3的圆角属性——border-radius后，我们不必会每种不同的圆角制作图片而烦恼了，即减少了图片的更新制作，减少了亢余标签，我们可以直接使用CSS3中的Border-radius来制作。Border-radius圆角属性/* 四個方位角同时设定 */border-radius:[|]{1,4}[/ [ | ]{1,4} ]?/*分別设定*/border-top-right-radius:[|][|]?border-.. 阅读全文
posted @ 2013-07-12 15:49 momoの前端花园 阅读(513) 评论(0) 推荐(0)
下一页