Article Detail

常用html、demo代码

暗网网址导航hidden wikihttp://zqktlwi4fecvo6ri.onion HTML特殊字符编码对照表 console.log(allnum)...

HTML 阅读 2804.6万 14 分钟阅读 2015-10-15 14:45

暗网网址导航hidden wiki

http://zqktlwi4fecvo6ri.onion

HTML特殊字符编码对照表

console.log(allnum);
javascript:;
vertical-align:middle;
strconv=yes+js
echo str_ireplace("WORLD","Shanghai","Hello world!");//不区分大小写
<a href="javascript:scroll(0,0)">返回顶部</a>
jquery多个节点绑定同一个事件
$('#begin,#end') 用逗号隔开

target="_blank"
index.php?g=Admin&m=Login
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
 location.href = url;

autocomplete="off"
<form name="input" action="html_form_action.asp" method="get">
Username: 
<input type="text" name="user" />
<input type="submit" value="提交" />
<input type="button" value="提交">
</form>

$.ajax({
	type: "POST",
	url:'/index.php?g=User&m=Post&a=Message&ajax=ajax',
	data:$('#myform').serialize(),
	error: function(request) {
		alert("提交失败");
	},
	success: function(data) {
		if(data>0){
			alert('留言提交成功！');
			location.reload();
		}else alert("提交失败");
		
	}
});

function ajaxpost(tel,pass){
    $.ajax( {
        url:"/index.php/Home/Register/is_login.html", 
        type: "post", 
        data:"tel="+tel+"&pass="+pass,
        //dataType: "json",
        //cache: false,
        //async: false,
        beforeSend: function(){
         // Handle the beforeSend event
        },
        success: function(data){
            
        }
    });
}

 <a href="javascript:scroll(0,0)">顶部</a> <a href="#copy">底部</a>

<meta charset="UTF-8" />

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="icon" href="/favicon.ico">
<meta name="keywords" content="常用代码">
<meta name="description" content="isWTF's blog!!">
</head>

<body>

</body>

</html>

$.ajax( {
	url: '/index.php?s=/addon/WeiSite/WeiSite/ForgetPassword/tel/'+shoujihao+'/codeddd/'+codeddd+'.html', //这里是静态页的地址
	type: "GET", //静态页用get方法，否则服务器会抛出405错误
	//dataType: "json",
	//cache: false,
	//async: false,
	beforeSend: function(){
	 // Handle the beforeSend event
	},
	success: function(data){
		//var result = $(data).find("另一个html页面的指定的一部分").html();
	}
});

<link rel="apple-touch-icon" size="72x72" href="/icon-ipad.png" />
<link rel="apple-touch-icon" size="114x114" href="/icon-iphone4.png" />
<link rel="icon" href="/favicon.ico">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<meta name="keywords" content="常用代码">
<meta name="description" content="isWTF's blog!!">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />

I('post.id',0,'intval'); // 用intval过滤$_POST['id']
I('get.title','','strip_tags'); // 用strip_tags过滤$_GET['title']

移动端UC /QQ 浏览器的部分私有Meta 属性
下面就说下移动端UC /QQ 浏览器的部分私有Meta 属性，都来自其开发者文档（UC开发者中心，左下一doc文档，QQ浏览器）。

UC 浏览器的部分私有Meta 属性
设置屏幕方向为横屏还是竖屏
<meta name="screen-orientation" content="portrait|landscape">
设置是否全屏，yes表示强制浏览器全屏
<meta name="full-screen" content="yes">
缩放不出滚动条
<meta name="viewport" content="uc-fitscreen=no|yes"/>
设置no后用户缩放与标准浏览器缩放一直，设置为yes后，用户缩放金放到图片和文字，不出现横向滚动条。
排版
<meta name="layoutmode" content="fitscreen|standard" />
  fitscreen模式简化页面处理，适合页面阅读节省流量，standard模式和标准浏览器一致；一旦设置layoutmode meta后，用户使用浏览器提供的的排版模式选项将会无效。
夜间模式
<meta name="nightmode" content="enable|disable"/>
nightmode的值设置为disable后，即使用户使用浏览器的夜间模式，页面的表现也仍然是非夜间模式。
强制图片显示
<meta name="imagemode" content="force"/>
 UC浏览器为了节省流量，为用户提供了无图模式，但是如果页面的图片是必不可少的，如验证码的，需要强制浏览器显示图片，可以设置imagemode， 不影响子页面。通过META设置图片加载方式会作用于整个页面，如果希望对单个图片进行设置，那么可以使用这个
<img src="..." show="force">
应用模式
<meta name="browsermode" content="application"/>
使用了application这种应用模式后，页面讲默认全屏，禁止长按菜单，禁止收拾，标准排版，以及强制图片显示。

QQ 浏览器x5内核定制标签说明
设置屏幕方向
<meta name="x5-orientation" content="portrait|landscape" />
设置全屏
<meta name="x5-fullscreen" content="true" />
设置屏幕模式
<meta name="x5-page-mode" content="app" />

对于控制全屏的meta 标签，UC 跟QQ 处理的方式稍有不同：区别在于处理系统状态栏，UC 是直接覆盖系统状态栏，而QQ 仍然保留之。

$("p").css("color","red");
//同时设置字体大小和背景色   
$("p").css({"fontSize":"30px" ,"backgroundColor":"#ccc"});
$("button").click(function(){
  $("div").animate({
    left:'250px',
    height:'+=150px',
    width:'+=150px'
  });
});

header('Content-Type:text/html;charset=utf-8'); //避免输出乱码 

<img  title="点击刷新" src="cache/yzm.php" align="absbottom" onclick="this.src='cache/yzm.php?'+Math.random();" />

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script>

<link rel="stylesheet" href="http://lizhenqiu.com/templates/default/style.css" type="text/css" media="screen">

<script type="text/javascript">jQuery(".slideTxtBox").slide(); </script>

Yourphp手册
简单文本编辑器

data:text/html, <title>Text Editor</title><body contenteditable style="font-size:2rem;font-family:georgia;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;"> lizhenqiu.com

Chrome提供了一个简单的方法。首先，按“F12”打开控制台，然后输入：

document.designMode = "on"

添加到收藏夹URL填写下面的即可在当前页面点击收藏夹编辑页面

javascript:(function(){document.designMode = "on" })();

接下来，你就可以编辑屏幕上的文本内容了。

编辑器

data:text/html, <html contenteditable>

如果你想找回不小心关闭的Tab页面，只需要同时按下“Control"（Mac用户请按“Command”）、“Shift"和“T”。

js随机数

function getRandom(n){
        return Math.floor(Math.random()*n+1)
        }

top.location.href 和 localtion.href 有什么不同

top.location.href=”url”

在顶层页面打开url（跳出框架）

self.location.href=”url”

仅在本页面打开url地址

parent.location.href=”url”

在父窗口打开Url地址

this.location.href=”url”

用法和self的用法一致
if (top.location == self.location) 判断当前location 是否为顶层来禁止frame引用　如果页面当中有自定义的frame的话，也可以将parent self top换为自定义frame的名称效果就是在自定义frame窗口打开url地址

实际中可能这样使用

if(top !== self){             top.location.href = location.href;         }

禁止frame引用
以下是从网上找到的一个例子，不是很直观，我加了上面那三行代码，可以先去掉，再加上，看一下效果，就很清楚了以下是top.htm 代码

<script language=javascript> function rs(){

        if(top !== self){             top.location.href = location.href;         }   parent.left.location.href="top.htm" parent.bot.location.href="top.htm" } < /script> < input type=button name=name value="ksdj" onclick=rs();>

以下是一个随意文件名的htm文件:

<FRAMESET COLS="150,*"> < FRAME SRC="left.htm" name=left> < FRAMESET ROWS="150,*"> < FRAME SRC="top.htm" name=top> < FRAME SRC="bot.htm" name=bot> < /FRAMESET> < /FRAMESET>

你自己试试,我想你要的可能就是这样的效果!

top表示主窗口，location表示当前窗口，如果你的文件只有一个框架，没有iframe和frmaeset，那么是完全一致的，没有区别。

top.location是在顶层frame中打开新页
window.location是在当前frame中打开新页
parent.location 在当前窗口的父窗口打开Url地址

<select id="isAudit" name="isAudit"> 
<option value="2">全部</option> 
<option value="1" selected = "selected">通过</option> 
<option value="0">未通过</option> 
</select>

修改ID增加ID属性，修改class同理
$('.div').attr('id','newid');

如果是给标签添加class样式可以这样
$('#div').addClass('css类名');

strtotime("-1 week")， strtotime("-n days");可以很方便的获取当前日期的前n天、周、月的时间戳

舒适网页配色方案
 px像素转换rem单位工具

Comments 评论区

广西南宁市 2016-07-05 10:28

找回win10的照片查看器
找回win原来的图片查看器Windows10.rar

#⁰

广西南宁市 2016-07-06 14:46

$('#test').removeAttr("style")
window.onscroll = function(){ 
    var t = document.documentElement.scrollTop || document.body.scrollTop;  
    var top_div = document.getElementById( "top_div" ); 
    if( t >= 300 ) { 
        top_div.style.display = "inline"; 
    } else { 
        top_div.style.display = "none"; 
    } 
}

#⁰

广西南宁市 2016-07-14 14:25

布局实例
之前有写过文章，“CSS3 animation实现点点点loading动画”，有box-shadow模拟，还有border+background模拟，以及申请专利的text-shadow模拟，然后，自从我见到了CSS3 ch单位，我才发现，还有更好的方法。由于有了ch单位，配合等宽字体，我们就可以指定每个字符占据的精确宽度，于是，我们就可以使用text-indent轻轻松松实现打点效果。

等宽字体在web布局中应用以及CSS3 ch单位嘿嘿

<style>@supports (display:none) {
      dot {
        display: inline-block; 
        width: 3ch;
        text-indent: -1ch;
        vertical-align: bottom; 
        overflow: hidden;
        animation: dot 3s infinite step-start both;
        /* 等宽字体很重要 */
        font-family: Consolas, Monaco, monospace;
    }
}

@keyframes dot {
    33% { text-indent: 0; }
    66% { text-indent: -2ch; }
}</style>
订单提交中<dot>...</dot>

#⁰

广西南宁市 2016-07-16 14:09

mouseout 与 mouseleave 事件不同，不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
x=0;
y=0;
$(document).ready(function(){
  $("div.out").mouseout(function(){
    $(".out span").text(x+=1);
  });
  $("div.leave").mouseleave(function(){
    $(".leave span").text(y+=1);
  });
});
</script>
</head>
<body>
<p>不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。</p>
<p>只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。</p>
<div class="out" style="background-color:lightgray;padding:20px;width:40%;float:left">
<h2 style="background-color:white;">被触发的 Mouseout 事件：<span></span></h2>
</div>
<div class="leave" style="background-color:lightgray;padding:20px;width:40%;float:right">
<h2 style="background-color:white;">被触发的 Mouseleave 事件：<span></span></h2>
</div>
</body>
</html>

#⁰

广西南宁市 2016-07-16 15:04

Internet Download Manager，简称IDM，是国外的一款优秀下载工具，

注册序列号
WOJ33-JVKSH-95L8V-CHIES
TOTBW-BSEF4-KPLNW-M5LLH
O2FPD-ONV43-NW6IZ-758K4
SKQC1-D5WPU-0DJ3Q-OSKRT
绿化
运行目录下”IDMan.exe”即可。
卸载
直接运行目录下”Uninstall.exe”
更新内容
增加了解决YouTube改变的方法
修正bug

请重命名下载文件.zip后解压文件即可
下载链接： Internet Download Manager(IDM) 简繁体中文破解版最多可以提升你的下载速度达5倍,安排下载时程,或续传一半的软件

#⁰

广西南宁市 2016-07-18 15:19

$('div a'):div标签下所有层次a元素的jquery对象
$('div>a'):div标签下子元素层次a元素的jquery对象

#⁰

广西南宁市 2016-07-18 18:11

清除animate加载的产生的style样式
删除animate style
先stop()然后removeAttr()
$('#header #search').stop(true);
$('#header #search').removeAttr("style");

#⁰

广西南宁市 2016-08-09 17:11

ik123 dj音乐网站播放器在新窗口打开js代码

<html>
<body>
<script type="text/javascript">
function a(){
	//var u='https://lizhenqiu.com/';
	var un='blog';
	var sn=Math.ceil(Math.random()*100);
	var u='https://lizhenqiu.com/article.php?id='+sn;
	myWindow=window.open(u,un);
	//myWindow.document.write("This is 'myWindow'");
	//myWindow.focus();  //获取焦点是窗口
}
</script>
<a onclick="a();">点击</a>
</body>
</html>

#⁰

广西南宁市 2016-08-09 17:14

JS产生随机数的几个用法！

<script>   
function GetRandomNum(Min,Max)
{   
var Range = Max - Min;   
var Rand = Math.random();   
return(Min + Math.round(Rand * Range));   
}   
var num = GetRandomNum(1,10);   
alert(num);   
</script>

var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];

function generateMixed(n) {
     var res = "";
     for(var i = 0; i < n ; i ++) {
         var id = Math.ceil(Math.random()*35);
         res += chars[id];
     }
     return res;
}

1.Math.random(); 结果为0-1间的一个随机数(包括0,不包括1) 
2.Math.floor(num); 参数num为一个数值，函数结果为num的整数部分。 
3.Math.round(num); 参数num为一个数值，函数结果为num四舍五入后的整数。

Math：数学对象，提供对数据的数学计算。
Math.random(); 返回0和1间(包括0,不包括1)的一个随机数。

Math.ceil(n); 返回大于等于n的最小整数。
用Math.ceil(Math.random()*10);时，主要获取1到10的随机整数，取0的几率极小。

Math.round(n); 返回n四舍五入后整数的值。
用Math.round(Math.random());可均衡获取0到1的随机整数。
用Math.round(Math.random()*10);时，可基本均衡获取0到10的随机整数，其中获取最小值0和最大值10的几率少一半。

Math.floor(n); 返回小于等于n的最大整数。
用Math.floor(Math.random()*10);时，可均衡获取0到9的随机整数。

#⁰

广西南宁市 2016-08-09 17:23

JQUERY 阻止a 标签链接

<head>
 <title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <!--   引入jQuery -->
<script src="http://www.cnblogs.com/scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script>
$(function(){
 $("a").click(function(event) {
   alert(event.type);//获取事件类型
   return false;//阻止链接跳转
 });
})
  </script>
</head>
<body>
<a href='http://google.com'>click me .</a>
</body>
</html>

#⁰

广西南宁市 2016-08-09 17:25

Windows系统环境变量大全表——
环境变量
详细信息
%ALLUSERSPROFILE%
所有用户 Profile 文件位置
%APPDATA%
应用程序数据的默认存放位置
%CD%
当前目录
%CLIENTNAME%
联接到终端服务会话时客户端的 NETBIOS 名
%CMDCMDLINE%
启动当前 cmd.exe 所使用的命令行
%CMDEXTVERSION%
当前命令处理程序扩展版本号
%CommonProgramFiles%
常用文件的文件夹路径
%COMPUTERNAME%
计算机名
%COMSPEC%
可执行命令外壳（命令处理程序）的路径
%DATE%
当前日期
%ERRORLEVEL%
最近使用的命令的错误代码
%HOMEDRIVE%
用户主目录所在的驱动器盘符
%HOMEPATH%
用户主目录的完整路径
%HOMESHARE%
用户共享主目录的网络路径
%LOGONSEVER%
有效的当前登录会话的域名控制器名
%NUMBER_OF_PROCESSORS%
计算机安装的处理器数
%OS%
操作系统的名字（ Windows XP 和 Windows 2000 列为 Windows_NT ）
%Path%
可执行文件的搜索路径
%PATHEXT%
操作系统认为可被执行的文件扩展名
%PROCESSOR_ARCHITECTURE%
处理器的芯片架构
%PROCESSOR_IDENTFIER%
处理器的描述
%PROCESSOR_LEVEL%
计算机的处理器的型号
%PROCESSOR_REVISION%
处理器的修订号
%ProgramFiles%
Program Files 文件夹的路径
%PROMPT%
当前命令解释器的命令提示设置
%RANDOM%
界于 0 和 32767 之间的随机十进制数
%SESSIONNAME%
连接到终端服务会话时的连接和会话名
%SYSTEMDRIVE%
Windows 启动目录所在驱动器
%SYSTEMROOT%
Windows 启动目录的位置
%TEMP% and %TMP%
当前登录的用户可用应用程序的默认临时目录
%TIME%
当前时间
%USERDOMAIN%
包含用户帐号的域的名字
%USERNAME%
当前登录的用户的名字
%USERPROFILE%
当前用户 Profile 文件位置
%WINDIR%
操作系统目录的位置

#⁰

广西南宁市 2016-08-09 17:27

Linux的环境变量
 一、Linux的变量种类

      按变量的生存周期来划分，Linux变量可分为两类：

      1、永久的：需要修改配置文件，变量永久生效。

      2、临时的：使用export命令声明即可，变量在关闭shell时失效。

二、设置变量的三种方法

      1、在/etc/profile文件中添加变量【对所有用户生效（永久的）】

      用VI在文件/etc/profile文件中增加变量，该变量将会对Linux下所有用户有效，并且是“永久的”。

      例如：编辑/etc/profile文件，添加CLASSPATH变量

      # vi /etc/profile

      export CLASSPATH=./JAVA_HOME/lib;$JAVA_HOME/jre/lib

      注：修改文件后要想马上生效还要运行# source /etc/profile不然只能在下次重进此用户时生效。

      2、在用户目录下的.bash_profile文件中增加变量【对单一用户生效（永久的）】

      用VI在用户目录下的.bash_profile文件中增加变量，改变量仅会对当前用户有效，并且是“永久的”。

      例如：编辑guok用户目录（/home/guok）下的.bash_profile

      $ vi /home/guok/.bash.profile

      添加如下内容：

      export CLASSPATH=./JAVA_HOME/lib;$JAVA_HOME/jre/lib

      注：修改文件后要想马上生效还要运行$ source /home/guok/.bash_profile不然只能在下次重进此用户时生效。

      3、直接运行export命令定义变量【只对当前shell（BASH）有效（临时的）】

      在shell的命令行下直接使用[export 变量名=变量值]

      定义变量，该变量只在当前的shell（BASH）或其子shell（BASH）下是有效的，shell关闭了，变量也就失效了，再打开新shell时就没有这个变量，需要使用的话还需要重新定义。

三、PATH声明，其格式为：

      PATH=$PATH:<PATH 1>:<PATH 2>:<PATH 3>:------:<PATH N>

      你可以自己加上指定的路径，中间用冒号隔开。环境变量更改后，在用户下次登陆时生效。

      如果想立刻生效，则可执行下面的语句：$source .bash_profile

      需要注意的是，最好不要把当前路径”./”放到PATH里，这样可能会受到意想不到的攻击。

      完成后，可以通过$ echo $PATH查看当前的搜索路径。这样定制后，就可以避免频繁的启动位于shell搜索的路径之外的程序了。

#⁰

广西南宁市 2016-08-09 17:29

对象.属性.事件和方法之间的关系
举个例子再从宏观上解释一下：
类，对象，方法，属性，事件的概念。
假如我们地球上的所有人是一个类，这个类的名称为People，
那么地球上的每一个人就是People类的一个对象，
每个人都有“嘴”等属性，
也有“骂人”的方法，当然“骂人”是通过“嘴”骂的，那么是不是就可以说“骂人”的方法是属性“嘴”的方法了呢？非也！
属性和方法的概念是地位平等的，不能说方法是属性的方法，方法只能说是类的方法，而属性同样只能说是类的属性。
然后，你虽然有了“骂人”的方法，那你是不是就能见人就“骂”啊？你可以想象一下你这样做的下场:)
那么我们什么时候才能“骂”呢，当然是“别人先骂我们”这个事件发生的时候了。
好的，在这里，“别人先骂我们”就是一个事件，它触发了People类中某个对象，也是某个人“骂人”的方法。
虽然“我们骂别人”和“别人骂我们”都是动作，但不同的是，“别人骂我们”是对象外部的，是事件；而“我们骂别人”是对象的方法，是对象自己的动作，是内部的。
现在你明白了对象和事件的区别了吧。

#⁰

广西南宁市 2016-08-10 17:21

父容器设定了 position:relative|absolute|fixed。那将会使overflow“生效”。

#⁰

广西南宁市 2016-08-12 10:22

常用移动端meta总结

1、禁止缩放：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
（width=device-wdth可写为640px IE不支持此写法）

2、不识别为电话号码、邮箱、地址：<meta name="format-detection" content="telephone=no,email=no,adress=no">

3、删除默认的苹果工具栏、菜单栏(全屏显示：<meta name="apple-mobile-web-app-capable" content="yes">

4、全屏显示：<meta name="apple-touch-fullscreen" ="yes">

5、设置app应用下状态条的颜色，默认值default (白色)  black（黑色），black-translucent（灰色半透明）如果设置为这个值会占据页面的px位置浮在页面上方20px高度  iphone4是40px ：<meta name="apple-mobile-web-app-status-bar-style" content="black">

6、360模式固定为极速模式：<meta name="renderer" content="webkit">

7、IE8浏览器的显示方式:IE=edge以IE最高版本显示，chrome=1 以谷歌浏览器模式渲染(GCF(Google Chrome Frame))：<meta http-equiv="X-UA-Compatible" content="IE=edge       chrome=1">

8、 告诉浏览器链接来源于哪里(计算网页上链接的访问量)：<meta name="referrer" content="never">


LINK

预解析技术，当浏览网页时，浏览器会在加载页面的时对页面中的域名进行解析缓存，当我们点击这些网页的链接时就不需要再进行DNS的解析，减少用户的等待时间，提高用户的体验
<link rel="dns-prefetch" href="xxx.com">

#⁰

广西南宁市 2016-08-12 10:22

#⁰

广西南宁市 2016-08-12 10:36

最实用的18条SQL语句
1、创建数据库
        CREATE DATABASE databaseName

2、删除数据库
        DROP DATABASE databaseName

3、创建表及表结构
        CREATE TABLE tableName（
              columnName1 type NOT NULL AUTO_INCREMENT,
              columnName2 type，
              ... ...，
              PRIMARY KEY（columnName1，columnName2，... ...）
        ）DEFAULT CHARSET=utf8

4、删除表
        DROP TABLE tableName

5、插入数据
        INSERT INTO tableName（columnName1，columnName2，... ...）VALUES（value1，value2，... ...）

6、增加一列
        ALTER TABLE tableName ADD COLUMN columnName type

7、删除一列
        ALTER TABLE tableName DROP COLUMN columnName

8、修改列名
        ALTER TABLE tableName CHANGE oldColumnName newColumnName type

9、查询表中所有字段中的所有数据
        SELECT * FROM tableName

10、返回指定字段的数据
        SELECT columnName1,columnName2，... ... FROM tableName

11、查询记录条数
        SELECT COUNT(*) AS name FROM tableName

12、查询数据按指定的条件
        SELECT * FROM tableName WHERE columnName=val

13、查询数据按升序或者降序，不指定DESC默认ASC升序
        SELECT * FROM tableName ORDER BY columnName DESC

14、限制查询条件，一个参数时表示返回这个值所代表的数量，两个值时表示从第一个参数开始，且返回第二个参数值所代表的数量
        SELECT * FROM tableName LIMIT n1,n2

15、模糊匹配，%在前表示前模糊，在后表示后模糊，可单独存在，也可成对存在
        SELECT * FROM tableName WHERE columnName LIKE '%val'

16、更新表数据，WHERE限制条件可以不加，不加的情况下会更新表内所有字段的数据
        UPDATE tableName SET columnName1=val，columnName2=val，... ... WHERE columnName=val

17、去重查询
        SELECT * DISTINCT columnName FROM tableName

18、删除指定数据，如果WHERE限制条件不指定，将会删除所有数据
        DELETE FROM tableName WHERE columnName=val

#⁰

广西南宁市 2016-08-12 10:37

CSS之伪元素
:first-line     用来选择第一行内容
:first-letter  用来选择文本第一个字母或文本

::before      插入额外内容的头部
::after         插入额外内容的尾部

::selection   用来匹配突出显示的文本

#⁰

广西南宁市 2016-08-12 10:38

伪元素上踩得坑
今天在写css3 中过渡transition效果时候，让伪元素出现hover效果，结果怎么也不成功，最后终于发现元素的hover是写在伪元素之前的！！！div:hover::before 而不是 div::before:hover!!! 受教了。

#⁰

广西南宁市 2016-08-12 10:42

浏览器的缓存机制

以下都是在chrome下测试的，不同的浏览器可能有一些差异，所以不能依靠浏览器默认的规则来控制缓存，开发时一般会在服务器端做缓存策略的配置。（如给静态资源名称加MD5戳，让浏览器对静态资源进行缓存，但对各页面url的请求不进行缓存。当静态资源有更改时，MD5值也会更改，页面上引用静态资源的url也会更改，从而使浏览器根据新的url发起请求来获取更新后的静态资源）

前提条件：此url路径您已经使用浏览器最近访问过，并没有超过缓存的时间，比如您在前1分钟刚刚访问过此url路径。

F5、history.go(0)、location.reload()、location.reload(true) （对于所有资源，都会发送请求至服务器，对于有缓存并且还可用的请求返回304，没有缓存或者缓存已不可用的请求会重新下载数据）
无法跳过浏览器缓存，所有HTTP请求的请求头中通常包含了If-Modified-Since 或 If-None-Match字段,或者两者兼有.如果服务器认为被请求的文件没有发生变化,则返回304响应,浏览器直接从本地缓存中获取数据，否则服务器将传输最新的数据给浏览器，并且浏览器会更新缓存。
注意点：上述情况只适用于第一次请求时响应头中携带Last-Modified或者ETag字段的请求（如果响应头中包含了这些字段，浏览器会缓存文件，否则不会缓存，因为此时缓存文件没有任何意义，没有信息传给服务器进行比较），如果第一次请求时响应头中没有携带这些字段，那么再次发起该请求时，请求头里不会携带If-Modified-Since 或 If-None-Match字段，会从服务器重新获取数据。

CTRL+F5 （强制刷新，所有的请求都会重新下载数据）
所有请求头中没有上面的那两个头,却有Pragma: no-cache 或 Cache-Control: no-cache 字段,或者两者兼有.服务器看到no-cache这样的值就会把最新的数据传输过去。如果响应头中了携带Last-Modified或者ETag字段，浏览器就会缓存对应的数据。

地址栏回车（有缓存（不管缓存是否还可用）的直接从缓存获取数据（地址栏url不管有没有对应的缓存，都会发送请求至服务器，只是缓存还可用时返回304，否则重新下载数据），不发送请求，没有缓存的从服务器下载数据）
地址栏url对应的请求跟history.go(0)、F5等效果一样，如果第一次请求该url时响应头中携带Last-Modified或者ETag字段，那么该次回车时发起的请求会携带If-Modified-Since 或 If-None-Match字段，或者两者兼有，否则不会携带If-Modified-Since 或 If-None-Match字段；对于其他的请求，如果浏览器有对应的缓存（即有缓存且没过期），就直接从缓存里获取数据，根本不会发送请求到服务器，否则（这种情况基本就是第一次请求时响应头中没有携带Last-Modified或者ETag字段的请求或者缓存过期的请求）就发送请求到服务器，重新下载数据。

a标签、location.href、location.replace跳转（有缓存（不管缓存是否还可用）的直接从缓存获取数据，不发送请求，没有缓存的从服务器下载数据）
对于所有的请求，如果浏览器有对应的缓存，就直接从缓存里获取数据，不会发送请求到服务器，否则就发送请求到服务器，重新下载数据。

浏览器前进后退按钮、history.go、history.forward、history.go（history.go(0)除外）
所有数据都直接从缓存里获取，但js会重新执行。如果该页面是用ajax获取数据的，那么不管前进或者后退到该页面时，都会重新ajax请求数据。

#⁰

第 3 / 14 页 当前展示 41 - 60 条，共 279 条评论

Comment Form 留下评论

正在回复 #0

粘贴图片、拖拽文件，或点上面的按钮上传 图片会自动插入 [img] 标签，其他附件会自动插入 [attach] 标签。

正在上传...

提交前会先拉起旧项目同款第三方人机验证。

不再要求填写昵称；reply 会生成一条带楼层回链的新评论，quote 会附带完整引用块，并保持评论锚点跳转。