javascript 知识点小结

1、Undefined 这个值表示变量不含有值。
2、JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。
3、在面向对象的语言中,属性和方法常被称为对象的成员。
4、函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
5、JavaScript 变量的生存期:JavaScript 变量的生命期从它们被声明的时间开始,局部变量会在函数运行以后被删除,全局变量会在页面关闭后被删除。
6、=== 全等(值和类型)。
7、JavaScript 中的所有数字都存储为根为 10 的 64 位(8 比特),浮点数。
8、重定向的几种方式:
1⃣️ window.location.href = url;
2⃣️ window.history.back(-1);
3⃣️ window.navigate(url);
4⃣️ self.location = url;
5⃣️JavaScript实现强制重定向至HTTPS页面:

<script type="text/javascript">
    var targetProtocol = "https:";
    if (window.location.protocol != targetProtocol)
    window.location.href = targetProtocol +
    window.location.href.substring(window.location.protocol.length);
</script>

9、URL的组成

location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 (80443)
location.protocol 返回所使用的 web 协议(http:// 或 https://)

10、cookie 是存储于访问者的计算机中的变量。cookie的结构:以键值对的形式保存的,各个cookie之间一般是以“;”分隔。
1⃣️ 设置cookie

//保存变量username的值("jack")到cookie中,key值为name,
document.cookie="name="+username;

2⃣️ 设置和读取cookie

// 假设cookie中存储的内容为:name=jack; password=123
var username=document.cookie.split(";")[0].split("=")[1];
var b = new Base64();
function setCookie(name, value){
    var Days = 30;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ b.encode (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name){
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg))
    return b.decode(arr[2]);
    else
    return null;
}

3⃣️ 删除cookies

function delCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
//使用示例
setCookie("name","hayden");
alert(getCookie("name"));
//如果需要设定自定义过期时间
//那么把上面的setCookie 函数换成下面两个函数就ok;
//程序代码
function setCookie(name,value,time){
    var strsec = getsec(time);
    var exp = new Date();
    exp.setTime(exp.getTime() + strsec*1);
    document.cookie = name + "="+ b.encode (value) + ";expires=" + exp.toGMTString();
}
function getsec(str){
    var str1=str.substring(1,str.length)*1;
    var str2=str.substring(0,1);
    if (str2=="s"){
        return str1*1000;
    }else if (str2=="h"){
        return str1*60*60*1000;
    }else if (str2=="d"){
        return str1*24*60*60*1000;
    }
}
setCookie("name","hayden","s20");

4⃣️ jquery的加密和解密示例

<script>
    //step 1:当鼠标点击复选框时,创建一个持久化的cookie
    var userName=null;
    var passWord=null;
        //限制为:鼠标点击登录时判断:
        $("#accLogBut").click(function(){
            /* 将登录按钮置灰 */

            //如果被选中状态,则创建cookie
            if($('input[type=checkbox]').is(':checked')){
                passWord = $('#passWord').val();
                //创建cookie,并将用户名和密码保存进去,密码采用base64加密以及解密,expires设置过期时间
                $.cookie('userName',$('#userName').val(), { expires: 7});
                $.cookie('passWord',$.base64.encode(passWord),{ expires: 7});
            }else{
                //如果复选框没有被选中,则删除cookie

                $.cookie('userName', ""); 
                $.cookie('passWord', ""); 
            }       
        });     
 //页面每次被加载的时候,都把cookie中的值取出来,然后存放到对应的文本框中
 $(function(){

        var userName=$.cookie('userName');
        var passWord=$.cookie('passWord');

        $("#userName").val(userName);
        $("#passWord").val($.base64.decode(passWord));
        if(userName!=null&&userName!=""&&passWord!=null&&passWord!=""){

            $("#rememberPassword").attr("checked",true);
        }       

}); 
</script>

11、加密和解密
1⃣️ base64 —加密和解密

<script type="text/javascript" src="base64.js"></script>
<script type="text/javascript">  
    var b = new Base64();  
    // 加密
    var str = b.encode("admin:admin");  
    //解密
    str = b.decode(str);  
</script>  

2⃣️ md5 —只能加密

<script type="text/ecmascript" src="md5.js"></script>
<script type="text/javascript">  
    var hash = hex_md5("123dafd");
</script> 

3⃣️ sha1 —加密

<script type="text/ecmascript" src="sha1.js"></script>
<script type="text/javascript">
    var sha = hex_sha1('mima123465') 
</script> 

12、CDN 是包含可分享代码库的服务器网络。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js">
</script>

部分单词记忆
1、camel-case 骆驼箱子–驼峰命名

猜你喜欢

转载自blog.csdn.net/snow51/article/details/80751297