艺灵设计

全部文章
×

回顾刚过完的8月份

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2014-09-01 20:59:23 - 阅: - 评:0 - 积分:0

今天又到新的一周,且又是一年开学季。想想几年前的今天我们还是一群小p孩,在老班的带领下安静的坐在教室里看那个什么《开学第一课》,回忆中......打住!几年前的事儿就不提了,说现在的。

话说在刚过去的8月里发生了不少事儿。什么“明星吸毒”啦,什么“女子遇害”啦,算上前天的一起,8月份应该有4~5起了。说句题外话,小伙伴们能不能让你爸他妈省点心啊?!

不过,8月份我的收获也是不小的,当然也付出了很多。8月份里平均每天敲代码时间超过8小时,而我的收获就是5款淘宝店铺装修生成器的完成。如下图:

虽然淘宝店铺装修对我来说早已是游刃有余,但如何将我会的传递给小白一直是个问题。由于小白无div基础,只能通过按钮来点击操作,开发成本与难度巨大!并且之前从未写过此次代码,着手时确实遇到很多问题。

在制作第一款生成器《淘宝全屏海报+多链接》时要解决掉“鼠标拖拽”,“jquery动态添加模块”两大难题。好在去年的时候写过鼠标拖拽,当时还请小伙伴帮忙完成了代码,现在只需要调用即可。而那个动态添加模块则不是那么容易的,正常情况下“jquery无法获取动态添加内容问题”,随着时间的流逝和这段时间不停的与此类代码打交道,终于在昨天才真正完美的解决掉了此问题。

第三大难题就是字符串的替换,当然这个并不会像网上的那样简单替换,之所以说是难当初是有原因的!除了全局替换外还要精准定位,不能在替换中伤及无辜。有兴趣的小伙伴可以点击文章《js替换字符串实战篇》查看具体案例。

第四大难题至今仍未解决,就是“跨域”问题。网上搜索到的跨域解决方案多是同域的,再难度大点的就是异域的。可能你会说这不就是我要的答案吗?!其实不然,虽然说是异域,但这个异域也是自己可以控制的!异域的解决方案大致是这样的:c页面做中间的传递,b页面为异域并在b页面写一段js,a页面调用b页面内容。我一直想不明白,b页面如果不能被控制,你如何跨域?!

当然,网上还有许多什么“ajax版”的,“服务器代理版”的以及“HTML5 postMessage”,但是现实中存在很多问题。如果我没有服务器那这个服务器版的不就解决不了了吗?对于网上那些坑货,我真想一板砖拍死一个,转载文章自己也不测试就转载,你妈是让你为了制造垃圾seo推广还是让你来学习知识的?!!!

当然了,有困难并解决才能学到更多的东西,几款生成器的制作完成是对我最好的证明!下面来说下生成器方面的事情。

网上早在我之前就已有许多专门卖这种软件的,而那些软件基本上都是收费的。当然,我开发的这些并不都是免费的,但大部分都是永久免费,只对少数收费使用。目前开发的6款中4款免费,2款收费。我不知道会不会有人误认为免费的都是些垃圾工具,我保证不了他人的想法,但我能保证的是:你用过之后就会对我的生成器有新的看法。当然了,简单的操作并不能体现每款生成器的强大之处,强大功能是需要靠自己挖掘的!与他们的软件不同之处是:我只做精,一款生成器只针对一个类别,如何将生成器的待挖掘功能发挥的淋漓尽致要因人而议。也许哪天你乱捣腾就捣腾就会有新发现!

在开发这些生成器之前,只有在当初做我自己的网站“艺灵设计”时才写过上百行的jquery代码。而此次的这些生成器功能与网站的截然不同。为什么要这么说呢? 还是前面说的。我的使用对象是初级小白,当然也包括入门级别的,如果考虑将更多的炫酷效果只靠几个简单的按钮来打造出来确实是个问题。如果只是固定模板那消耗时间与精力就减少了很多,但我的每一款生成器都没有这样做,而是尽可能的采用交互,避免死模板不灵活。

例一:淘宝全屏海报+多链接;
1.完美兼容不同分辨率全屏居中;
2.说下多链接这个功能。可以理解为给图片加热点链接,支持拖拽定位,最多可添加20个。完全是想要给图片添加多链接但又不会使用dw的小白们的福利!使用范围并不局限于淘宝、天猫。其它网站也一样可以用此生成器来完成效果。
应用地址:http://www.yilingsj.com/zxsc/lbtx/2014-08-09/187.html(注:永久免费)
例二:百叶窗轮播特效;
1.完美兼容不同分辨率全屏居中;(新增了C店基础版左侧190布局,C店基础版右侧750布局以及C店基础版左侧750布局的全屏)
2.叶数最多20个,一键生成,省时高效;(叶数使用者可以自行控制1~20叶,可增删图片链接)
3.官方的“动画方式”中只提供了2个,我在之前积累了13个,并全部增加进去,效果选择更加多样化。
而后来又完成了百叶窗轮播特效【炫酷版】,炫酷版的功能更加强大,渲染视觉效果更强。
应用地址:http://www.yilingsj.com/zxsc/lbtx/2014-08-30/199.html(注:永久免费)
例三:鼠标滑过特效;
1.完美兼容不同分辨率全屏居中;
2.自带30余种固有鼠标滑过特效,边框特效新增到72种不同方位效果,拓展后可演变成上百种效果;
3.自带破解css限制功能。
注意2和3选项,强大之处就在此!2主要是特效而言,而3则可以让你每年省下2400块的奶粉钱!如果你想当土豪,马云大神还是很喜欢的哦!^o^
应用地址:鼠标滑过n种特效代码生成器 (注:30积分)

其它的就不多说了,小伙伴们慢慢享用吧,我要继续开发功能更加强大的生成器了......

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:http://www.yilingsj.com/xwzj/2014-09-01/200.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: 鼠标拖拽 jquery无法获取动态内容 js替换字符串 全屏海报代码 破解淘宝css限制 百叶窗轮播 鼠标滑过特效

上一篇: SEO网站优化篇之网站改版对SEO优化的影响   下一篇: 使用百度云加速3.0尝鲜版后无法连接源站

评论区