jQ插件-jqzoom图片放大镜
找了好几个放大镜插件发现全是老旧的,新版jq取消了很多东西,所以导致以前的都无法使用了,索性就自己写了一个新的放大镜插件。预览图:使用教程html结构<a href="images/01.jpg" class="jqzoom" title=""> <img src="images/small_01.jpg" title="迷你图片"> </a>通过给a元素一个class为jqzoom的钩子,然后添加一个href属性...
找了好几个放大镜插件发现全是老旧的,新版jq取消了很多东西,所以导致以前的都无法使用了,索性就自己写了一个新的放大镜插件。预览图:使用教程html结构<a href="images/01.jpg" class="jqzoom" title=""> <img src="images/small_01.jpg" title="迷你图片"> </a>通过给a元素一个class为jqzoom的钩子,然后添加一个href属性...
validate默认有几种验证方式,但是定死的方法肯定不能得到发展的,作为老牌的jq插件,他支持自定义验证方法。首先我们需要引入他自己的模块,additional-methods.js文件,也就是说在引入jquery.validate.js插件之后,还需要引入这个additional-methods.js文件。注:如果还需要使用中文的message信息提示,还需要在additional-methods.js后面再引入对应的语言,如:messages_zh.js,这个就是中文的提示信息。因为如果你自定义的一个验证方法,而messages_zh.js先引入了,你这这个文件里面写的对应方法的信...
依旧采用ajax配合阿里云api来获取快递信息,支持自动判断快递公司,初次对接,json部分筛选好做,就是整体的事件判断太麻烦了,快递100的网页还可以通过快递单号先做一个本地预判,这个主要他有大数据分析,有数据库支持,我这边没这个基础,不然也能做,他无非就是分析多少位,开头什么数字,结束什么数字,开头是什么字母,为此我尝试的为顺丰加了一个单独预判,就是单号开始输入sf,大小写都能识别为顺丰。瞬间被用完100次免费查询额度,我还没体验几次呢,无奈续费了下api不多说,上图:demo地址查看功能介绍[x] 采用html5+css3构建[x] 使用jq v3.4.1[x] 响应式结构支持32...
如果要在jq里进行跨域,一般来说只有使用jsonp,另一种方式则是进行中间层欺骗,也就是所谓的反代。这里我们主要讲讲json是怎么回事基本json实现jsonp全部都是使用带有src标签的元素,一般默认使用script元素,在src链接地址中,在地址后面加上?name=value&callbakc=hd;其中name=value是传值,而callbakc=hd则是回调,在本地js全局作用域下创建一个名为hd的函数。var script = document.createElement("script"); script.src = "xxxx?callbac...
以前写静态站点的时候一直想要一个图片的站点,但是又不想弄成个本地的,个人又懒得更新,这次ajax尝试使用api来获取别人分享的图片,为此就有了这个页面。提供了诸多筛选条件,分类,排序,图片px大小,比例,色系,后续有能力再加上搜索关键词,下一步就是加上图箱,我要想一个好一点的图箱办法,然后支持后续更新升级,长期使用,以前写的有点简陋。不多说,上图:功能详解:[x] 无刷新加载图片[x] 跨域[x] 丰富的筛选条件[x] 支持翻页,因为是ajax刷新,目前固定6页的页值,下一页可以无限,只要还有内容就可以一直下一页[x] 响应式结构[ ] 后续增加图箱[ ] 后续增加指定跳转到某一页Dem...
由于jq的cookie插件已经放弃维护了,其团队改为js-cookie在github上进行新的开源分享。地址为:https://github.com/js-cookie/js-cookie下载到引用的js文件后引用即可。调用方法://设置 Cookies.set(name,value,{expires: time, path: '/'}); //其中value的值支持对象的形式传入 var box = { a = 1, b = 2 } Cookies.set(name,box,{expires: time, path: '/'}); /...
之前看过一个主题,忘记是谁的了,他的首页轮播特别好看,当时我还天真的以为他的轮播的背景色是自动获取的,为此还特意自己去看了下自动获取图片平均色,现在学了jq后尝试性仿写了一个,因为找不到原来主题的地址,所以大部分都是凭借自己的印象做的,有能力者可以自行移植到typecho主题上。先上图:响应式预览:功能特性:[x] 采用jquery 3.4.1[x] 图片预加载[x] 自动提取对应的内容[x] 增加自动轮播功能[x] 可以自行移植到主题上使用[x] 响应式功能完善,只是320分辨率及以上设备演示地址轮播图demo
普通切换效果html代码: <div class="box"> <ul> <li><a href="#">佳能<i>(30440)</i></a></li> <li><a href="#">索尼<i>(30440)</i></a></li> <li><a href="...
使用Obejct.create()方法继承的原型和传统的new方法是一样的,但是又有些不同,因为create()支持第二个参数,第一个参数往往是父类的prototype,比如Obejct.create(Box.prototype);这是正常的对一个Box构造函数的原型继承。Obejct.create本身会创建一个新的对象并继承Box.prototype原型然后返回该新建的对象,但是还有一种情况是这样的:var Box = { name : '666'; } var o = Obejct.create(Box.prototype);如果这样写,就会报错,Box实际...
主题名由来大海中有一种鱼,名叫:䲟鱼;这种鱼靠吸附在大鱼身上周游世界,这种鱼被称为懒惰鱼,于是英文翻译就是Lazy fish;于是偷个懒就成了Lazy_F,233...主题预览主题介绍Lazy_F集合了一些资讯类和个人博客主题的东西,个人经常发表大篇大篇的文章,因为之前使用过的主题整体ui下来并不方便阅读,为此我自己也根据资讯类的博客样式对主题做了相应调整,为此还针对md的书写做了样式优化,大部分样式都是根据 Cmd Markdown 这款在线编辑器做的,具体的变动下面会讲解到。功能特性[x]HTML5+CSS3响应式设计,适应320以上分辨率的设备[x]Cmd Markdown样式风格...
避免双重求值其实就是字符类型的js代码被运行时所产生的第二次运行求值我们都知道eval()方法是可以将字符类型的js代码运行的,但是除了它还有其他三种方法也支持。new Function()setTimeout()setInterval()这三个方法也都支持传入一个字符串类型的js代码,然后当这个函数运行后会识别这个字符并运行传入的js。这样就会产生两次求值,其中eval和Function这两种方法用的很少,甚至不使用了,而定时器确是比较常用的手段,所以为了规避这个问题,定时器里面第一个参数不要传字符,而是用函数封装。避免重复的工作在事件函数上,我们要做两个判断,要判断这个浏览器是支持d...
异步监听readyState == 3当readyState的值等于3时,此时服务器正在与浏览器传输数据,这个时候其实是可以进行获取到responseText值得,但是这个值并不完整,只有当readyState == 4时,值才是完整的。但是如果我们需要获取的内容是极其长的字符,那么就可以通过监听这个状态,然后轮询的方式,可以在内容没有全部下载来之前就可以提前更新内容了,这样就可以避免在下载的过程中产生的等待时间。var req = new XMLHttpRequest(); var getLastInterval =null, lastLength = 0; req.open(...
写这篇文章前还是要感谢:https://blog.csdn.net/m_nanle_xiaobudiu/article/details/80631437 \该文章的教程,我百度了超久,才找到一篇干货,然后根据自身的经历些写的这篇教程。首先安装sambayum install -y samba*提示y/n这种统统输入y并回车安装完毕最后会提示:Complete!如果不是请自行根据提示调整。配置smb.conf安装完我们要配置samba的config文件,输入命令:vim /etc/samba/smb.conf编辑配置文件,如果提示vim不存在的话,估计就是没有安装这个工具,输入命令yum ...
ui线程每个浏览器用于执行js代码和更新ui的进程就只有一个,这个被称为‘ui线程’,它基于一个简单的队列系统,也就是根据代码的先后循序将代码插入队列并执行。一般来说,当用户点击一个按钮botton的时候,就会触发ui线程,他会创建两个任务并添加到队列中,第一个任务是更新ui按钮,它需要改变外观来表示它被点击了,然后再触发onclick事件,如果你对这个事件进行了调用其他函数,就会执行所调用的函数。事实上,大多数浏览器会在js代码运行时停止把新的任务加入ui队列中去,也就是说当用户点击一个事件,这个事件所调用的函数运行时间过长,那么在运行的这段时间中用户再点击其他的事件是没有交互的,产生...
自从注册了猎聘网账号后天天发垃圾邮件,你特么又不能不看,重点是他那个皮肤还挺好看的,简洁,然后我发现自己的博客邮件回复提醒插件皮肤不好看,于是就按照猎聘的那个样式自己做了一个。预览图:有需要的可以下载使用:下载地址注意:Typecho 1.2 版本已经不支持了,有需要最新版可查看最新的文章:《Typecho CommentNotifier邮件回复提醒美化模板》更新:2021-06-30 修复蓝奏云地址失效的问题(官方改了网址)[hide]https://wwa.lanzoui.com/b0rez2ve 密码:9zd9[/hide]
其实以前也有出现过类似的问题,但是第二次来查看的时候又没有报错,其实问题主要是在于域名访问上的问题,当我在一级域名mulingyuer.com访问时就会出现跨域,原因是因为php转换后的css文件链接是二级域名下的www.mulingyuer.com,为此,即便是css引用的是本地的字体文件还是会提示跨域的问题,为此我查了下,发现后端就有很方便的解决办法。首先我是根据我自己的运行环境写的这篇博文,使用宝塔面板,使用阿帕奇,这里就简单说下解决方法:首先我们要确定阿帕奇已经开启了mod_headers模块,具体方法直接在宝塔里找到配置--然后ctrl+f 搜索:LoadModule head...
循环for循环是常见的编程模式之一,也是提升性能必须要关注的要点之一。js的循环有四种:for循环while循环do--while循环for--in循环其中在浏览器中,while的循环会快于for循环,而for--in循环是最慢的,因为他会先从对象实例属性开始到从原型链继承而来的属性一一枚举。如何提高循环的性能?首先我们要知道,除了for--in,其他的循环性能都差不多,深究那种循环最快其实没有什么意义,循环的方式要看你环境的需求,那么抛开最快来讲,我们怎么才能提高循环的性能?无非就两点:每次循环处理的事物循环的次数通过减少两者中的一个,或者全部的时间开销,就可以提升整体的性能。减少循环...
邮件提醒这个东西真的是让人头大,搬家后发现出了无法使用的问题,明明其他的东西都没有问题的说,尝试禁用并启用毫无效果,设置那些也是没有问题的,当然,这个方法只适用于我之前提供的邮件回复插件。首先我们要进入sql管理,如果你的博客表里有一个typecho_mail表单请删除,这个应该是新版邮件提醒插件创建的,使用我之前那个插件不会有这个东西,所以以防万一请删除。删除后找到typecho_options表,在这个表里选择显示100行,这个看你表单里的项有多少,选择能够一次性全部显示完的,方便查找,这个时候我们浏览器ctrl + f 进行搜索,搜索关键字 mail,然后就可以找到一栏名为Comm...
JavaScript中,不同存储位置,他的读取速度是不一样的,就好像一个距离你只有一米的饮料和一个距离你十米的饮料,当然是一米的你拿起来喝的速度最快。js中有四种基本的数据存取位置:1.字面量字面量只代表自身,不存储在特定的位置,js的字面量有:字符串、数字、布尔值、对象、数组、函数、正则表达式、及特殊的null和undefined值。你可以这么理解,if(true)语句中的true布尔值就是字面量,他就是一个值,不需要命名什么的就可以用的那种。2.本地变量使用var定义的数据存储单元,被作用域影响读取快慢。3.数组元素存储在JavaScript数组中的,以数字作为索引。4.对象成员存储...
最近评论