Javascript-原生上传插件upload-at-click推荐及DIY修改

虫曰:
最近在做项目时,需要使用到上传功能哈~做人太懒了,所以找了一下发现upload-at-click这家伙很棒~可能是javascript原生开发的比较简单还好用的插件第一吧,虫子不经常使用所以不知道具体的哈,不管怎样还是推荐一下。以后要常用了,毕竟现在的项目都是在JQuery与Mootools之间相互切换,哎,不兼容是一个大问题。
插件网址:upload-at-click – Javascript for upload file at one click
插件号称一键上传,实际上使用是真的一键操作!而参数也才数个,配置不像其他的那么复杂。
需要插件的朋友可以点击上面的链接直接去下载,非常棒,值得拥有。
不过在实际项目中用,出现一个问题就是不想上传文件怎么办?
原插件中没有这个功能或者是我不懂吧,反正我自己改了一下哈,挺实用的噢,下面就是修改的过程噢,与您分享。

ShopEX二次开发DIY日记17之会员登录的来源转向编码加密串的获取

虫曰:

二次开发DIY日记》系列由ChinaBUG企划,根据开发过程中客户需求做的修改而延伸出来的开发要点,将有很多的需求点可能在实际应用中并不会需要到,在本系列之中我们将会有所考虑的给予分析解答,主要目的只为了更好的说明如何根据不同的需求点来DIY我们的程序。

今天,刚开发完Mootools版本的ShopEX4.85转盘游戏之水果机抽奖游戏插件之后,发现界面上面有一个提示,需要登录才能抽奖,那么到底是让客户自己点击顶部的登录或者注册链接还是提示之后直接转向到登录的界面?

如果直接转向登录界面的话,怎么保证登录之后自动转向到游戏的界面继续抽奖游戏呢?

ShopNC二次开发研究日记9:2.4版本内的商品地区怎么修改与开发

今天乘清明假期回来,腰有点疼就来说说怎么修改ShopNC2.4版本的商品地区数据,让它按照你自己的需求来变换噢。
注意:请安装火狐的firebug插件,然后开启。
1、商品列表右边“所在地”修改
2、所在地区列表的常用地区及省份的增加删除
3、改完布局,我们还能修改什么呢?对~前台,商品发布有所在地选项怎么修改噢?
4、前台所在地区只有二级(省市),怎样扩展为三级(省市区)?

Theme Photolux : A TimThumb error has occured

漂亮吧,不过最近安装在phpcloud的免费空间上却是让我很烦恼,这个主题安装上去却显示不正确表现为前台显示图片都是一个叉叉,图片显示不正常,老是显示下面的错误?!
A TimThumb error has occured
The following error(s) occured:
Could not find the internal image you specified.
Query String : src=http://cmsdemo2014.my.phpcloud.com/wp-content/uploads/2014/03/dd6463e4958eaaa84b44f199333d0f8d.jpg&h=&w=290&zc=1&q=100&a=c
TimThumb version : 2.8.11
好神奇!
😛 知识点延伸:
可能你会觉得奇怪为什么你只看到图片显示不正常,没有看到这个错误哈 😛 ,这个其实是正常的,因为这个错误是我直接访问图片文件链接而产生的错误。
具体操作如下:
我们知道图片显示是根据标签的src属性来显示图片的,那么图片显示不出来就是src这个图片源出现问题(图片源可以是一个图片文件的路径也可以是图片的代码噢),既然这个src是图片源。那么自然就能直接打开,所以我的打叉的图片的src是:
http://cmsdemo2014.my.phpcloud.com/wp-content/themes/photolux/lib/utils/timthumb.php?src=http://cmsdemo2014.my.phpcloud.com/wp-content/uploads/2014/03/安卓壁纸_动漫66c143d81e.jpg&h=&w=290&zc=1&q=100&a=c
我直接从浏览器中打开,就会出现上面的提示了。另外,有很多朋友经常性的会遇上系统的验证码显示不正常的问题,然后不知道怎么解决,其实跟这个原理是一样的,先直接打开链接看看是否正常,然后再进入相关的文件内去找有问题的地方,然后不断的重试,直到图片正常显示出来,那么再调用的地方一定就是正常的了。
如果是ShopEX/ShopNC商城系统出现验证码的问题那么请查阅本博客的另外相关的文章:
ShopEX-登陆时验证码显示错误造成不能登陆
PHP-Unicode签名(BOM)影响缓存输出实例
PHP-噢~&#65279(BOM文件头)你这个坏蛋
言归正传,既然知道是这个文件显示错误的话,那么当然就是直接找到这个文件来查看为什么出现这种错误了。
找到wp-content\theme\photolux\lib\utils\timthumb.php文件,然后一步步的跟踪下去,我发现,程序不工作是因为找不到正确的文件路径造成的,知道原因了那就直接修改一下即可(轻描淡写的说出这个原因,实际背后是我一个个代码隐藏,一个个试过去才知道造成问题的所在噢):

在线应用生成器

开源项目
color-thief颜色小偷:http://lokeshdhakar.com/projects/color-thief/

前端辅助
Bootstrap线格查看器:http://alefeuvre.github.io/foundation-grid-displayer/
Gridpak响应式网格工具生成器:http://Gridpak.com

图形生成
Iconion: awesome icon creator图标自动生成:http://www.iconion.com/index.html
圆形饼状图:http://piecolor.com/
Clipping Magic抠图工具:http://clippingmagic.com/

jQuery-jQuery.imgAutoSize.js自动调整图片大小(auto scale)

最近项目要用到自动根据容器的大小调整图片尺寸的大小的功能,记得曾经有收藏过这个插件的,哎,找了半天却发现好像没有~好不容易从过去的项目中找到这个插件,简单,方便,还好用,收藏一下省的以后遇上了还要乱找一通。
// jQuery.imgAutoSize.js
// Tang Bin – http://planeArt.cn/ – MIT Licensed

mootools-DIY系列2:模仿淘宝设计一个商品飞入购物车的特效果的插件

虫曰:

mootools-DIY系列》系列由ChinaBUG企划,根据二次开发过程的需求而编写,其中的案例大多来源于客户需求及常用的需求。

从事网站建设及商城开发这么多年了,没什么长进,每每遇到需要的特效时总是到处寻找,不断测试不断的在不是很适合的脚本特效上做修改,总是觉得浪费很多的精力与时间,早就想要做一个脚本库框架,可以满足全部的需求又能够很容易的做二次开发定制的,但一直难以如愿,暂时先来DIY自己需要的效果吧,等有经验了再来设计吧。

mootools-DIY系列1:模仿淘宝设计一个商品飞入购物车的特效果看完了,是不是觉得比较简单噢,那么本系列2我们继续来个高深的,怎么封装这个代码变成插件,可以让人下载回去直接使用的呢?
怎么来写一个mootools的插件呢?!
推荐阅读老外的专著:How to write a Mootools Class 非常棒的一个教程,从零教你怎么制作一个插件类噢
下面来写一个mootools.fly2cart.js插件吧~~

mootools-DIY系列1:模仿淘宝设计一个商品飞入购物车的特效果

虫曰:

mootools-DIY系列》系列由ChinaBUG企划,根据二次开发过程的需求而编写,其中的案例大多来源于客户需求及常用的需求。

从事网站建设及商城开发这么多年了,没什么长进,每每遇到需要的特效时总是到处寻找,不断测试不断的在不是很适合的脚本特效上做修改,总是觉得浪费很多的精力与时间,早就想要做一个脚本库框架,可以满足全部的需求又能够很容易的做二次开发定制的,但一直难以如愿,暂时先来DIY自己需要的效果吧,等有经验了再来设计吧。

有一个客户需要我协助代写脚本开发mootools版的飞入购物车的特效,报价700结果嫌贵没做跑了~真是好一阵伤心呐~难道这年头做技术的就是这么廉价吗?!
郁闷的话就不说了~这边就公开一下设计思路,给想免费的童靴一个圣诞礼物吧~

什么是程序的二次开发?为什么要做二次开发?

引言
二次开发,摘抄百度百科的说明如下:原文请点击查阅
二次开发,简单的说就是在现有的软件上进行定制修改,功能的扩展,然后达到自己想要的功能,一般来说都不会改变原有系统的内核。一般的来说,一些大公司如IBM开发了一个大型的软件系统平台,根据不同的客户的需要,一些其它的中小公司为客户根据需求在该平台上进行第二次有针对性的开发。是否提供相应的接口,有的软件公司只提供软件,但也有小公司连代码一起出售,如是后者,就更方便进行二次开发。比如售票系统,车站里面弄好了,提供几个储存过程给银行,银行就可以代理售票了,这也是一种,还有一种如我们利用delphi,C#等操作word等。
正文
我们在使用ECShop、ShopEX、ZenCart、ShopNC、DEDE(织梦)、destoon、ASPcms、Discuz等系统的时候经常会接触除了模板、插件、皮肤、样式之外的一个新名词:二次开发。那么什么叫做二次开发呢?请看引言部分对这个名词的解释。
摘抄一向不是我的风格,所以,这边要唠叨一下我自己对二次开发的见解。
话说自从有了软件工程之后,我们人为的将程序开发分了好几个阶段什么调研阶段,分析阶段,什么编码阶段,虾米维护阶段,这些的概念请看相关的文章,我这边就解释了。
软件从开发的时候到发布这个过程,如果非要弄一个名词来说明的话只能叫做“一次开发”,当然,这个其实也不是很准确,不过也不要紧,你明白就好。不明白的话,就全当作是程序是谁开发的,那么他做的开发就是一次开发。
如果对程序有点了解的人,肯定会问,那么我开发完一个程序,然后在这个基础上再增加一个功能叫做什么呢?
哈,这个增加一个功能的行为就是“二次开发”了!
所以,我觉得“二次开发”其实就是根据我们的需求在已经存在的程序基础之上做开发这一过程成为二次开发。所以不管你是用什么程序,只要你是根据自己的需求对已经存在的程序做了开发都算二次开发。
所以,
模仿设计网站算不算?算!
为ShopEX,ECShop,ShopNC,ZenCart等程序做模板算不算?算!开发插件算不算?算!
……
你可以自己找很多的例子,万变不离其宗呀,这些都是二次开发。只要你是对已经存在的程序做修改都叫做二次开发。

ShopNC二次开发研究日记7:懒加载-按需下载图片资源加快网站打开载入速度

虫曰:
《ShopNC二次开发研究日记》系列由ChinaBUG企划,根据研究ShopNC的二次开发过程而写,其中的案例大多来源于QQ群或者爱好者的提问。

现在的懒加载技术真的是应用的很泛滥,但是ShopNC的首页竟然没有,但是,我们进入商品列表页会发现ShopNC其实是有懒加载的,那么我们能不能在首页上使用呢?
答案是肯定的,要不就不会写这个日记啦~
DIY开始了~修改一个文件实现懒加载噢
请找到templates/default/home/index.php文件,然后搜索这行字符串,然后修改为下面的代码即可,轻松加愉快呀~~