菜单

通过js获取当前页面url的信息

在web前端制作中,可以通过javascript获取当前网页url的相关信息,整理如下: 1、设置或获取对象指定的文件名或路径 window.location.pathname 2、设置或获取整个URL为字符串 window.location.href 3、设置或获取与URL关联的端口号 window.location.port 4、设置或获取URL的协议部分 window.location.protocol 5、设置或获取href属性中在井号“#”后面的分段 window.location.hash 6、...

删除手机UC浏览器强制插入关键词链接的方法

以下方法基于jQuery,使用前要先引用jquery库文件。 函数代码: function CaoNiMaDeUc(){ $("a").each(function(index, element) { try{ var thishref=$(this).attr("href"); var thisText=$(this).html(); if(thishref.indexOf("uc.cn")>=0){ $(this).replaceWith(thisText); } } catch(e){ ...

Canvas百分比动画进度条

Canvas百分比动画进度条

HTML代码: <ul id="canvas"> <li> <canvas class="canvas" width="900" height="900"></canvas> <span>70%</span> </li> <li> <canvas class="canvas" width="900" height="900"></canvas> &...

CSS3 Flexbox布局快速入门教程

CSS3 Flexbox布局快速入门教程

Flexbox 是是 CSS3 引入的新的布局模式,全称是 flexible box (意思是“灵活的盒子容器”)。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为 Flexbox ,是因为它能够扩展和收缩 flex 容器内的元素,以最大限度地填充可用空间。与以前布局方式(如 table 布局和浮动元素内嵌块元素)相比,Flexbox 是一个更强大的方式: 在不同方向排列元素 重新排列元素的显示顺序 更改元素的对齐方式 动态地将元...

阿里云免费SSL证书申请以及NGINX服务器配置证书详细教程

阿里云免费SSL证书申请以及NGINX服务器配置证书详细教程

HTTPS是网站发展的趋势,因为HTTP协议是不加密传输数据的,安全性低。另外在SEO方面,百度发公告声明已全面支持 HTTPS 网页的收录,使用 HTTPS 的网页被认为更安全,所以在排名上会被优先。另外百度推荐使用域名301重定向把网站的HTTP地址重定向到HTTPS 。 申请证书步骤: 登录:阿里云控制台,产品与服务,证书服务,购买证书。 购买:证书类型选择 免费型DV SSL,然后完成购买。 补全:在 我的证书 控制台,找到购买的证书,在操作栏里选择 补全。填写证书相关信息。 域名验证:可以选择...

老牌滚动时间轴jQuery插件Timelinr

老牌滚动时间轴jQuery插件Timelinr

jquery.timelinr.js是一款老牌时间轴插件,可以制作水平和垂直时间轴效果,并且可以进行自动播放。你可以通过参数来控制每次时间轴切换的动画效果。 引用js文件: <script src="js/jquery-1.x.x.min.js"></script> <script src="js/jquery.timelinr-0.9.x.js"></script> HTML结构: <div id="timeline"> <ul id="dates"> &...

memcache 端口11211 未授权访问漏洞修复

memcache是一套常用的key-value缓存系统,由于它本身没有权限控制模块,所以开放在外网的memcache服务很容易被攻击者扫描发现,通过命令交互可直接读取memcache中的敏感信息。因memcache无权限控制功能,所以该漏洞修复方法通过用户对访问来源进行限制解决。 修复方法一: 如果memcache没有在外网开放的必要,可在memcached启动的时候指定绑定的ip地址为 127.0.0.1。例如: memcached -d -m 1024 -u root -l 127.0.0.1 -p 11211 -c 1024 -P /tmp/memc...

linux zip命令压缩解压当前文件夹所有文件

压缩命令:zip 压缩当前的文件夹命令: zip -r ./a.zip ./* 其中 -r 表示递归 有人会使用 zip a.zip /* 命令,这个其实是不正确的,这样压缩没有递归,而且 /*前面也缺少一个点,解压的时候就会出现问题。 解压命令:unzip 很简单,直接使用 unzip a.zip 即可。

php获取一维数组的长度

php为我们提供了两个函数可以计算一维数组长度,分别是count和sizeof,这两个函数都可以直接统计数组长度。 $arr = Array('0','1','2','3','4'); echo count($arr); // 输出 5 $arr = array('A','B','C'); echo sizeof($arr); //输出3 sizeof()和count()具有同样的用途,两个函数都可以返回数组元素个数,可以得到一个常规标量变量中的元素个数,如果传递给这个函数的数组是一个空数组,或者是一个没有经过设定的变量,返回的数组元素个数就是0。 两函数功能...

解决使用overflow:scroll;样式在苹果ios上滚动卡顿

给元素使用overflow:scroll;后在苹果手机浏览器上滚动时会卡顿,解决方法是: 在overflow:scroll;滚动的容器中增加样式: -webkit-overflow-scrolling: touch; 或者给body增加: body {overflow-x: hidden} 如果body和html使用了height: 100%;就把height: 100%;去除掉。 另外: 在苹果手机上使用了-webkit-overflow-scrolling:touch;后,可能会导致使用position:fixed;固定定位的元素,随着页面...

html form表单input使用disabled后提交不能获取表单值

form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考下面两个方法: 方法一: 使用readonly带替代disabled,即把 disabled="disabled" 修改为 readonly="readonly" 二者区别: disabled不能接收焦点,使用tab键时将被跳过,可能不是successful的; readonly可以接收焦点但不能被修改,可以使用tab键进行导航,可能是successful的。 注:只有success...