解决QQ、360浏览器使用IE模式问题

现在很多内嵌多核的浏览器,比如QQ,360之类的,都内嵌了IE,EDGE,CHROME内核

现在问题来了,我们做网页开发的时候,一般以chrome开发为主,IE7,8的兼容性一般不管了。

下面代码可以帮到你

<meta name="renderer" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>

继续阅读

Let’s Encrypt泛域名免费ssl证书

现在免费证书除了上一篇文章阿里的外,还有另一个Let’s Encrypt的免费证书,缺点是有效期只有3个月,
优点就是免费,还支持泛域名。

安装申请证书工具

apt-get update && apt-get install curl -y && apt-get install cron -y && apt-get install socat -y
 
curl https://get.acme.sh | sh

继续阅读

移动页面禁用body滚动

场景:

有一个移动页面,默认情况下是可以滚动的,
然后打开弹窗,发现滑动的时候,主body还是会跟着滚动
所以就需要当找开弹窗的时候,先临时禁用body的滚动

1. 定义控制body不能滚动的样式类

body.noscroll {
	position: fixed;
	overflow: hidden;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

继续阅读

nginx静态资源POST报405错误解决

为了学习B-jui前端框架,下载了他们的源码进行DEMO测试
但里面数据都是静态json文件返回的,导致报了405错误
在网上找了一些方法,好像都没有管用,可能是因为之前的方法太过古老,
后来自己想了一个方法解决了,因为这个错误是POST导致的,用GET就没有问题
所以只要是post请求json文件,重定向用get请求就行
继续阅读

jquery判断checkbox是否选中

/* 所有的checkbox为选中 */
$("input[type='checkbox']").attr("checked", true);
 
 
/* 所有的checkbox不选中 */
$("input[type='checkbox']").attr("checked", false);
$("input[type='checkbox']").removeAttr("checked");
 
/* 判断checkbox是否为选中 */
var cboxObj = $("input[type='checkbox']"); // checkbox的对象
if (cboxObj.is(":checked")) { 
// 这里为选中状态
} else {
// 这里为没选中状态
}

继续阅读

常用的CSS命名规则

网页设计中常用的CSS命名规则:
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner
继续阅读