分类目录归档:代码

让页面不允许iframe嵌入,更加安全

由于嵌入iframe的嵌入 使得网站变的更不安全, 如何能防止网页禁止被iframe嵌入呢?
下面给出几个企业网站的应对方法:
腾讯qq空间:

淘宝前端:

从性能上看 腾讯的更为专业,更安全. 不过我还是比较爱参考淘宝的, 哈哈 各位怎么看。

教你如何给 Discuz! X3.1/3.2 开启https(SSL)支持!

1、SSL证书&配置

首先,要开启SSL,总得有一个证书吧?无论是正规CA颁发的,还是自己签的,没有肯定是不行的。如果没有的话,先去申请个吧。(具体方法请谷歌,这里不再赘述)

2、Discuz! 优化

2.1、程序调整

自 Discuz! X3 开始,已经加入了对https的支持,如果你使用https访问论坛,论坛中的链接都会变成https。如果你发现大部分链接都已经使用了https,就代表Discuz已经自动识别了,此时,可以跳过本步,直接进入下一步。

Discuz采用 $_SERVER[‘HTTPS’] 的方式来判断SSL,但是因为VPS架构问题(nginx+php-fpm),无法采用这种方式识别,所以需要对Discuz程序进行一些调整(使用 $_SERVER[‘SERVER_PORT’] 来判断)。

source/class/discuz/discuz_application.php(约第187行处):  
继续阅读

jquery控制input只能输入数字和两位小数

jquery代码

限制只能保留两位小数点

限制只能输入数字

使用sessionStorage、localStorage存储数组与对象

有时候,我们需要将数据存储到sessionStorage和localStorage中,这样做的好处有:

1 缓存数据

2 减少对内存的占用

但是,storage只能存储字符串的数据,对于JS中常用的数组或对象却不能直接存储。

上面的写法都是不能成功的!但我们可以通过JSON对象提供的parse和stringify将其他数据类型转化成字符串,再存储到storage中就可以了。请看下面的代码。

localStorage也一样,只是和sessionStorage的存储时间不一样。
需要注意的是,JS中的数组本质上也是对象类型,所以上面的代码对数组也是适用的。

CSS+Cookie实现的固定页脚广告条

经常看到有些网站为了吸引用户注意,在页面底部放置固定横幅广告,用户滚动页面时,横幅广告一直固定在页底,并不随页面滚动而滚动,当然一般允许用户可以关闭广告条,并设置一定时间内不再显示此广告条。本文将介绍使用CSS+Cookie来实现这一效果。
HTML
首先,我们将横幅广告的html代码放到页面最底部,因为是最后加载的。也可以使用外部js动态插入到页面底部。整个HTML结构由遮罩层.float_layer,内容层.float_content组成,其中.float_bg为广告部分,内容可以是图片、文字等任意形式的html元素,.float_close是关闭按钮,用户不喜欢广告可以关闭展示。

继续阅读

判断safari_判断IE_判断firefox_判断Opera—JS判断浏览器

Jquery判断浏览器版本:

WordPress添加前端代码演示功能详解–无须插件

如果用Wordpress来写技术博客,尤其是写关于前端部分的,我相信会有不少博主希望能在博客里添加演示功能。这样读者对文章所说的代码效果会有个直观的感受,也能知晓其效果是否为自己所需的。另外一方面,添加演示也意味着文中的代码是没有问题的,增加文章可读性与可信性。

添加演示代码功能的方法有很多种,可以直接添加在博客文章里面,也可以利用Wordpress 页面,为演示代码单独创建一个新的页面出来等等。而本文所介绍的这种方式(本博客正在使用)则采用Wordpress自带的 自定义栏目 来实现。因为如果直接写在文章里面,那演示代码比较少的情况还说的过去,如果演示的是一个完整页面的效果,那使用写在文章里的这种办法不仅仅容易造成css冲突,而且也不利于后期维护修改。另外,受主题限制,可能演示出来的效果不会很理想;而采用新建演示页面的方法虽然不会受到主题限制,也可以避免css冲突,但笔者总觉得杀鸡焉用宰牛刀,而且演示的内容多了,页面也多了,以后后台翻阅起来很麻烦。至于有没有这方面的插件,笔者没有去搜,毕竟不喜欢装太多的插件,小功能的实现还是自己动手解决的好。

某天写文章的时候在后台看到这么一句话 自定义栏目用来向文章添加额外的属性 ,天生程序员通病,看到 属性 就跟看到亲人一样,这东西好啊,既然可以给文章添加属性,那何不把演示代码整个作为一个属性 直接添加给文章呢。这样如果可以实现的话,那使用和维护起来就太方便了,不需要新建多少东西,演示的内容跟着对应的文章走,以后要维护什么的,只要找到对应的文章就好了。下面就从 自定义栏目 开始:

1、如果以前没有使用过 自定义栏目 的话,那在编辑文章时可能看不到 自定义栏目 ,这时需要点击右上角 显示选项 把 自定义栏目 选中,这样在编辑文章的时候就可以看到 自定义栏目了;


继续阅读

超级经典一套鼠标控制左右滚动图片带自动翻滚

css部分:

HTML部分:

继续阅读

jQuery表单输入框焦点效果

JS代码

继续阅读

jQuery财付通Banner幻灯片效果

此效果是参考财付通首页Banner效果制作,html、css、js均为原创,可任意复制修改使用!

JS部分

继续阅读