#913
展开↯#914
作者：广西南宁市
参考资料：
如何读懂并写出装逼的函数式代码
js奇淫技巧1
从一行代码里面学点JavaScript
有哪些短小却令人惊叹的 JavaScript 代码？
aaencode - Encode any JavaScript program to Japanese style emoticons (^_^) 在线js表情符号转码加密混淆
如何读懂并写出装逼的函数式代码
js奇淫技巧1
从一行代码里面学点JavaScript
有哪些短小却令人惊叹的 JavaScript 代码？
aaencode - Encode any JavaScript program to Japanese style emoticons (^_^) 在线js表情符号转码加密混淆
文章：JavaScript编程黑科技，装逼指南，高逼格代码 发表时间：2017-09-30, 12:10:31
#916
展开↯#917
作者：广西南宁市
假如做一个直径10km（周长31.4km）的巨轮，用大巨的电动机去带动，当转速越来越快，到达1W转/秒的时候，巨轮边缘的线速度超过光速了，那么根据爱因斯坦的理论，是不是巨轮的边缘会消失在这个空间（或进入另一个空间）。
文章：人类第四次发现引力波：首次确定方位 发表时间：2017-09-29, 18:02:06
#918
作者：广西南宁市
假如我的屌长1光年，此时我躺在地上，由于地球的自转，是否吊另一端的线速度已超越光速？
文章：人类第四次发现引力波：首次确定方位 发表时间：2017-09-29, 17:58:55
#919
作者：广西南宁市
event.preventDefault();
取消事件的默认动作。
在 touchend 中解除 touchmove 绑定
用
取消了body的拖动事件。
恢复这个拖动事件只要
取消事件的默认动作。
在 touchend 中解除 touchmove 绑定
$("#id").on(' touchstart',function(){ $("#id").on('touchmove',function(event) { event.preventDefault(); }, false);})$("#id").on(' touchend',function(){ $("#id").unbind('touchmove');})Run code
Cut to clipboard
用
$("body").bind("touchmove",function(event){event.preventDefault;//code});Run code
Cut to clipboard
取消了body的拖动事件。
恢复这个拖动事件只要
$("body").unbind("touchmove");Run code
Cut to clipboard
文章：jquery禁用a标签,jquery禁用按钮click点击 发表时间：2017-09-29, 17:52:03
#920
作者：广西南宁市
php表单常用正则表达式
php 多维数组排序
*php版本5.5以上
function is_email($str){
//检验email
return preg_match("/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/", $str);
}
function is_url($str){
//检验网址
return preg_match("/^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"])
*$/", $str);
}
function is_qq($str){
//检验qq
return preg_match("/^[1-9]\d{4,8}$/", $str);
}
function is_zip($str){
//检验邮编
return preg_match("/^[1-9]\d{5}$/", $str);
}
function is_idcard($str){
//检验身份证
return preg_match("/^\d{15}(\d{2}[A-Za-z0-9])?$/", $str);
}
function is_chinese($str){
检验是否是中文
return ereg("^[".chr(0xa1)."-".chr(0xff)."]+$",$str);
}
function is_english($str){
//检验是否是英文
return preg_match("/^[A-Za-z]+$/", $str);
}
function is_mobile($str){
//检验是否是手机
return preg_match("/^((\(\d{3}\))|(\d{3}\-))?13\d{9}$/", $str);
}
function is_phone($str){
//建云那是否是电话
return preg_match("/^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}$/",
$str);
}
function is_safe($str){
return (preg_match("/^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.
{0,5})$|\s/", $str) != 0);
}
} Run code
Cut to clipboard
php 多维数组排序
*php版本5.5以上
$data = array_column($row, 'id');//id、排序的字段名， $row 带排序数组
array_multisort($data, SORT_DESC, $row);//SORT_DESC 倒序 SORT_ASC 升序Run code
Cut to clipboard
文章：常用html、demo代码 发表时间：2017-09-29, 15:53:49
#921
作者：广西南宁市
芳芳造型
<style>
/*利用:after伪元素*/
.clearUl:after {
content:"";
display: block;
clear: both;
}
#ffmmright li a:active:before {
content: '[ ';
}#ffmmright li a:active:after {
content: ' ]';
}#ffmmright li a:active{font-size: 18px;}
</style>
<script>
window.alert = function(name){
var iframe = document.createElement("IFRAME");
iframe.style.display="none";
iframe.setAttribute("src", 'data:text/plain,');
document.documentElement.appendChild(iframe);
window.frames[0].window.alert(name);
iframe.parentNode.removeChild(iframe);
}
//重写confirm方法，去掉地址显示
window.confirm = function(name){
var iframe = document.createElement("IFRAME");
iframe.style.display="none";
iframe.setAttribute("src", 'data:text/plain,');
document.documentElement.appendChild(iframe);
var result = window.frames[0].window.confirm(name);
iframe.parentNode.removeChild(iframe);
return result;
}
var ua = navigator.userAgent.toLowerCase();
var isWeixin = ua.indexOf('micromessenger') != -1;
var isAndroid = ua.indexOf('android') != -1;
var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
/*if (isWeixin) {
alert('微信来源');
}else{
alert('非微信来源');
}*/
window.onload=function(){
document.body.addEventListener('touchstart', function () {
//...空函数即可
});
}
</script>
Run code
Cut to clipboard
#2173,移动端，点击之后某个区域后有阴影
html点击有阴影
去掉点击后面阴影区域方块决解方法css
今天偶然发现一件很奇怪的事儿。
在移动端，在我去掉css的伪类及其伪元素跟相关的js之后，
在我点击某块区域的时候，总有一个背景盖在上面，当初以为是Js搞得鬼，
后来发现却不以为然，原来是css的一个属性搞得鬼，希望可以帮到大家。
问题1：
如图所示，我所遇到的状况：
问题2：去掉点击区域的边框阴影效果
html点击有阴影
去掉点击后面阴影区域方块决解方法css
今天偶然发现一件很奇怪的事儿。
在移动端，在我去掉css的伪类及其伪元素跟相关的js之后，
在我点击某块区域的时候，总有一个背景盖在上面，当初以为是Js搞得鬼，
后来发现却不以为然，原来是css的一个属性搞得鬼，希望可以帮到大家。
问题1：
如图所示，我所遇到的状况：
问题2：去掉点击区域的边框阴影效果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<style type="text/css">
div {
/*关键代码*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.btn-blue {
display: block;
height: 42px;
line-height: 42px;
text-align: center;
border-radius: 4px;
font-size: 18px;
color: #FFFFFF;
background-color: blue;
}
.btn-blue-on {
background-color: red;
}
</style>
</head>
<body>
<div class="btn-blue">按钮</div>
<script type="text/javascript">
var btnBlue = document.querySelector(".btn-blue");
btnBlue.ontouchstart = function() {
this.className = "btn-blue btn-blue-on"
}
btnBlue.ontouchend = function() {
this.className = "btn-blue"
}
btnBlue.onclick = function(){
alert(123)
}
</script>
</body>
</html>Run code
Cut to clipboard
style="
color: #000000;
cursor: pointer;
right: 28px;
position: absolute;
top: 0px;
display: inline-block;outline :none;-webkit-appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
"Run code
Cut to clipboard
移动端:active伪类无效的解决方法
在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。
window.onload=function(){
document.body.addEventListener('touchstart', function () {
//...空函数即可
});
}Run code
Cut to clipboard
a:link { /* Essentially means a[href], or that the link actually goes somewhere */
color: blue;
}
a:visited {
color: purple;
}
a:hover {
color: green;
}
a:active {
color: red;
} Run code
Cut to clipboard
文章：on click事件在移动端点击无效bug 发表时间：2017-09-29, 10:37:59
#922
作者：广西南宁市
移动端，点击之后某个区域后有阴影
html点击有阴影
去掉点击后面阴影区域方块决解方法css
今天偶然发现一件很奇怪的事儿。
在移动端，在我去掉css的伪类及其伪元素跟相关的js之后，
在我点击某块区域的时候，总有一个背景盖在上面，当初以为是Js搞得鬼，
后来发现却不以为然，原来是css的一个属性搞得鬼，希望可以帮到大家。
问题1：
如图所示，我所遇到的状况：
问题2：去掉点击区域的边框阴影效果
html点击有阴影
去掉点击后面阴影区域方块决解方法css
今天偶然发现一件很奇怪的事儿。
在移动端，在我去掉css的伪类及其伪元素跟相关的js之后，
在我点击某块区域的时候，总有一个背景盖在上面，当初以为是Js搞得鬼，
后来发现却不以为然，原来是css的一个属性搞得鬼，希望可以帮到大家。
问题1：
如图所示，我所遇到的状况：
问题2：去掉点击区域的边框阴影效果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<style type="text/css">
div {
/*关键代码*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.btn-blue {
display: block;
height: 42px;
line-height: 42px;
text-align: center;
border-radius: 4px;
font-size: 18px;
color: #FFFFFF;
background-color: blue;
}
.btn-blue-on {
background-color: red;
}
</style>
</head>
<body>
<div class="btn-blue">按钮</div>
<script type="text/javascript">
var btnBlue = document.querySelector(".btn-blue");
btnBlue.ontouchstart = function() {
this.className = "btn-blue btn-blue-on"
}
btnBlue.ontouchend = function() {
this.className = "btn-blue"
}
btnBlue.onclick = function(){
alert(123)
}
</script>
</body>
</html>Run code
Cut to clipboard
文章：on click事件在移动端点击无效bug 发表时间：2017-09-29, 10:36:55
#923
作者：广西南宁市
此前有这么一个段子，程序员A和B，A每天只写 100 行代码，字里行间规范清晰，其余大部分时间都在整理文档，备注的非常详细，B每天写 50000 行代码，却很少写注释，天马行空，为此还嘲笑A不够高效。随着业务越来越复杂，客户需求随时可变，两个人都开始组建团队，这个时候，功夫不负苦心人，A之前的努力都派上了用场，B只能佩服加惭愧。
我听到的版本是这样的： B成了A的领导， 让A重构之前B写的代码
我听到的版本是这样的： B成了A的领导， 让A重构之前B写的代码
文章：程序员编程常用网页工具集[游戏] 发表时间：2017-09-29, 09:32:31
#924
作者：广西南宁市
json在php中的使用之如何转换json为数组
数组$json = '{"a":1,"b":2,"c":3,"d":4,"e":5}';被json_decode()解码，转换回来的数据是对象，var_dump(json_decode($json))得到的是一个对象，如下：
那么，要怎么样才能把json数组转换为php格式的数组呢，采用以下方式：
这样得到的数据就是php的数组了：
效果如下：
<?php
$json = '{"a":1,"b":2,"c":3,"d":4,"e":5}';
var_dump(json_decode($json));
echo"<br/>";
var_dump(json_decode($json, true));
?>Run code
Cut to clipboard
数组$json = '{"a":1,"b":2,"c":3,"d":4,"e":5}';被json_decode()解码，转换回来的数据是对象，var_dump(json_decode($json))得到的是一个对象，如下：
object(stdClass)#1 (5) { ["a"]=> int(1) ["b"]=> int(2) ["c"]=> int(3) ["d"]=> int(4) ["e"]=> int(5) }Run code
Cut to clipboard
那么，要怎么样才能把json数组转换为php格式的数组呢，采用以下方式：
json_decode($json, true)Run code
Cut to clipboard
这样得到的数据就是php的数组了：
var_dump(json_decode($json, true));Run code
Cut to clipboard
效果如下：
array(5) { ["a"]=> int(1) ["b"]=> int(2) ["c"]=> int(3) ["d"]=> int(4) ["e"]=> int(5) }Run code
Cut to clipboard
文章：weiphp微信多客服系统插件 发表时间：2017-09-28, 09:55:34
#925
作者：广西南宁市
订阅号是没有推送的，会挤在订阅号的文件夹里，服务号消息虽然少但是有推送，会和腾讯新闻一样单独出现在外面，效果会更好。
文章：weiphp微信多客服系统插件 发表时间：2017-09-28, 09:52:07
#926
作者：广西南宁市
8u ftp 可以连接但是无法获取目录的解决办法：无法打开传输通道。
解决办法： 按照这个做法，站点管理器---选择站点-----高级---选择活动模式-----确定。然后再开启，
解决办法： 按照这个做法，站点管理器---选择站点-----高级---选择活动模式-----确定。然后再开启，
文章：wdcp常用启动命令 发表时间：2017-09-26, 18:06:09
#927
作者：广西南宁市
您好，如果您的ECS设置是允许IP直接访问的话，您直接在浏览器地址栏里输入IP地址即可，主机这边没有特殊要求的。
#2167,阿里云服务器创建网站用IP地址无法访问
阿里云服务器的本实例安全组配置规则没有设置,添加出站和入站端口就可以了。0.0.0/0代表全部允许全部IP。
你的安全组有没有设置过外网允许访问的IP，我遇到过类似的问题看看能不能帮你
管理控制台---云服务器ECS---网络安全下的安全组---对应的安全组后面的配置规则---添加安全组配置
因为不知道你这个是内网还是外网的问题（专有网络不用设置外网），所以可以都设置一下，端口范围用“数字/数字”的形式，授权对象填IP就行。不过那上面有提示你怎么填，按照要求一步步来就好
阿里云服务器的本实例安全组配置规则没有设置,添加出站和入站端口就可以了。0.0.0/0代表全部允许全部IP。
你的安全组有没有设置过外网允许访问的IP，我遇到过类似的问题看看能不能帮你
管理控制台---云服务器ECS---网络安全下的安全组---对应的安全组后面的配置规则---添加安全组配置
因为不知道你这个是内网还是外网的问题（专有网络不用设置外网），所以可以都设置一下，端口范围用“数字/数字”的形式，授权对象填IP就行。不过那上面有提示你怎么填，按照要求一步步来就好
安装完检查v3的运行情况
netstat -lnpt 查看是否有8080的端口和wdcp的进程
service wdcp restart 可操作重启Run code
Cut to clipboard
文章：wdcp常用启动命令 发表时间：2017-09-26, 17:45:41
#928
作者：广西南宁市
阿里云服务器创建网站用IP地址无法访问
阿里云服务器的本实例安全组配置规则没有设置,添加出站和入站端口就可以了。0.0.0/0代表全部允许全部IP。
你的安全组有没有设置过外网允许访问的IP，我遇到过类似的问题看看能不能帮你
管理控制台---云服务器ECS---网络安全下的安全组---对应的安全组后面的配置规则---添加安全组配置
因为不知道你这个是内网还是外网的问题（专有网络不用设置外网），所以可以都设置一下，端口范围用“数字/数字”的形式，授权对象填IP就行。不过那上面有提示你怎么填，按照要求一步步来就好
阿里云服务器的本实例安全组配置规则没有设置,添加出站和入站端口就可以了。0.0.0/0代表全部允许全部IP。
你的安全组有没有设置过外网允许访问的IP，我遇到过类似的问题看看能不能帮你
管理控制台---云服务器ECS---网络安全下的安全组---对应的安全组后面的配置规则---添加安全组配置
因为不知道你这个是内网还是外网的问题（专有网络不用设置外网），所以可以都设置一下，端口范围用“数字/数字”的形式，授权对象填IP就行。不过那上面有提示你怎么填，按照要求一步步来就好
安装完检查v3的运行情况
netstat -lnpt 查看是否有8080的端口和wdcp的进程
service wdcp restart 可操作重启Run code
Cut to clipboard
文章：wdcp常用启动命令 发表时间：2017-09-26, 17:45:25
#929
作者：广西南宁市
this的三个要点
1.this的指向是什么？
指向对象
2.this可以书写在哪里？
可以写在全局，也可以写在函数里
三种写在函数里的方式：
2.1 this可变
2.2 this可变
2.3 this不可变
3.this指向对象的原则
3.1 运行时决定
3.2 运行在全局时，永远指向window；
运行在函数时，函数是谁调用的就是指向谁；
1.this的指向是什么？
指向对象
2.this可以书写在哪里？
可以写在全局，也可以写在函数里
三种写在函数里的方式：
2.1 this可变
function f() {
this.name = "sun";
}Run code
Cut to clipboard
2.2 this可变
var o = {
name: "sun",
print: function () {
console.log(this.name);
}
};
o.print();// sun
var f = o.print;//调用
f();//undefined;window.f(),现在是window调用的f()函数Run code
Cut to clipboard
2.3 this不可变
var ele = document.getElementById("id");
ele.addEventListener("click",function () {
console.log(this);//永远指向ele
})Run code
Cut to clipboard
3.this指向对象的原则
3.1 运行时决定
3.2 运行在全局时，永远指向window；
运行在函数时，函数是谁调用的就是指向谁；
文章：简说javascript的this的指向4个运用场景 发表时间：2017-09-26, 09:11:33
#930
作者：广西南宁市
PHP 生成毫秒时间戳
PHP的time()函数生成当前时间的秒数，但是在一些情况下我们需要获取当前服务器时间和GMT(格林威治时间)1970年1月0时0分0秒的毫秒数，与Java中的currentTimeMilis()函数一样，觉得以下的函数最合适，特记录下来。
PHP的time()函数生成当前时间的秒数，但是在一些情况下我们需要获取当前服务器时间和GMT(格林威治时间)1970年1月0时0分0秒的毫秒数，与Java中的currentTimeMilis()函数一样，觉得以下的函数最合适，特记录下来。
public function getCurrentMilis() {
$mill_time = microtime();
$timeInfo = explode(' ', $mill_time);
$milis_time = sprintf('%d%03d',$timeInfo[1],$timeInfo[0] * 1000);
return $time;
}Run code
Cut to clipboard
文章：常用html、demo代码 发表时间：2017-09-26, 09:09:42
#931
作者：广西南宁市
常见的兼容问题及解决方法
1. 行内元素或行内块元素在代码换行写时会出现左右的间隙，解决方法如下
1) 将代码写在一行上
2) 给父元素设置font-size：0，注意，子元素的字体大小需要单独设置
3) 给元素设置浮动
2. 当图片被放置于块元素中时，图片下方有间隙，解决方法如下
1) 给图片设置display:block;
2) 给图片设置vertical-align：top、middle、bottom
3) 给父元素设置font-size：0
4) 给图片设置浮动，同时清除父元素的塌陷
5) 给父元素加height
3. 该图片加超链接后，在IE浏览器下面图片有边框，解决方法如下
1) 给图片设置border：none
4. 给图片加超链接，然后设置鼠标移过超链接时显示边框的效果，但是发现边框只显示一半，解决办法如下
1) 给超链接设置display：block，同时要解决图片下方有缝隙的问题
5. 行内块元素上下错位问题，解决方法如下
1) 给行内块元素设置vertical-align：top、middle、bottom
2) 将元素浮动
6. 在不同浏览器下面元素的默认的margin和padding的值不相同，解决方法如下
1) *{margin:0;padding:0}
7. 上下的两个元素，默认的间距为较大的margin值，但是如果两个元素设置了浮动，那么这两个元素的间距就是margin之和
8. 父子关系的两个元素，如果给子元素设置float：left，且给子元素设置margin-left，那么在IE6下面margin-left加倍，解决方法如下
1) 给子元素设置：display：inline
9. 父子关系的两个元素，如果给父元素设置了text-align：center，那么在IE7及以下版本中，子元素会水平居中显示，但是在谷歌和火狐及IE高版本浏览器中子元素是不居中显示的，如果要子元素居中显示，解决方法如下：
1) 子元素设置margin：0 auto
10. 父子关系的两个元素，当给子元素设置margin-top时，父元素会同步下移，即子元素的margin-top实际上加到了父元素身上，解决方法如下：
1) 给子元素加margin-top的同时，给父元素加边框
2) 给子元素加margin-top的同时，给父元素加paddint-top：0.1px；
3) 给子元素加margin-top的同时，给父元素设置浮动
4) 不给子元素加margin-top，给父元素加padding-top
11. 两个兄弟元素，如果第一个元素设置了浮动，那么在IE6下面两个元素会在一行显示，且中间会有3px间隙，解决方法如下：
1) 给第二个元素也设置浮动
12. 一个元素如果没有设置height，那么这个元素的高度为自适应高度，此时如果没有内容，元素的高度会为0，如果有内容，那么元素的高度会被撑开。如果想做出如下效果：没有内容，元素有一个最小的高度，有内容元素的高度有内容撑开，可以给元素加min-height（该属性的作用就是给元素设置最小高度），但是需要注意的问题是IE6中不识别min-height，解决方法如下：
1) 给元素设置如下属性div{height:auto!important;height:200px;min-height:200px}，属性说明
height：auto！important，该属性的作用是让div的高度在所有浏览器中都是自适应高度，即高度有内容撑开
height：200px，该属性的作用是让IE6浏览器中有最小高度，因为IE6不识别min-height，所以只能用height，不用担心属性值覆盖问题，因为上一条属性中有！important
min-height：200px，该属性的作用是解决除IE6之外的所有浏览器的最小高度问题
13. 元素中内容垂直居中无法使用vertical-align：middle，解决方法如下
1) 给元素设置行高和高度相同的效果
14. 文本和文本框在垂直方向上没有居中对齐（次现象出现IE8及以前的浏览器），解决方法如下
1) 给文本框设置vertical-align：middle，注意的是，该方法只解决了文本框和提示文字的垂直关系，但是文本框里面的内容的垂直对齐方式并没有解决（即在IE低版本中文本框中的内容靠上显示），解决方法是给文本框设置行高和高度相同
15. cursor：hand属性在谷歌、火狐、IE高版本中不以手的形式显示，解决方法如下
1) 用cursor：pointer替换cursor：hand
16. 当通过给li设置高度调节li的显示效果时，在IE低版本中会发现排版错位问题，解决方法如下
1) 不要给li设置height，可以通过给li设置line-height的方法来调节li的高度
17. IE6不允许将:hover加在非超链接元素上，解决方法如下
1) 适当的用超链接将内容包含起来，然后给超链接设置:hover效果
18. 清除浮动时使用.clearFloat类，IE6下面不起作用，原因是clearFloat所在元素没有宽度，解决方法：
1) 给父元素一个固定宽度
2) 给父元素加zoom:1
19. 清除浮动时使用overflow：hidden，IE6下面不起作用，原因是父元素没有固定宽度，解决方法
1) 给父元素加一个固定宽度
2) 给父元素加zoom:1Run code
Cut to clipboard
文章：常用html、demo代码 发表时间：2017-09-26, 09:08:39
(23333333).toLocaleString('en-US')