web前端快取之一cookie

阿新 • • 發佈：2019-01-15

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
cookie：每一個cookie就是一個string型別的值；
        當用戶訪問 web 頁面時，他的名字可以記錄在 cookie 中。
        當瀏覽器從伺服器上請求 web 頁面時， 屬於該頁面的 cookie 會被新增到該請求中。服務端通過這種方式來獲取使用者的資訊
 
一個頁面的可以儲存多個cookie （每一個登陸者儲存的資訊就是一個cookie）
********cookie不適用來做儲存值以及傳值
-->
<script type="text/javascript">
/**
     * 設定cookie
     * @param cname  每一個cookie的名稱
     * @param cvalue  cookie的值為cvalue
     * @param exdays  cookie 的過期時間 exdays
     */
function setCookie(cname, cvalue, exdays) {
        let  
d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
let expires = "expires=" + d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}

    /**
     * 獲取cookie
     * @param cname 通過cookie的名稱獲取哪一個cookie
     * @returns {string}
     */
function getCookie(cname) {
        let  
name = cname + "=";
let ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
            let c = ca[i].trim();
if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
}
        }
        return "";
}

    /**
     * 檢查cookie是否存在
     * @param cookieName cookie名稱
     */
function checkCookie(cookieName) {
        var user = getCookie(cookieName);
if (user != "") {
            alert("歡迎 " + user + " 再次訪問");
}
        else {
            user = prompt("請輸入你的名字:", "");
if (user != "" && user != null) {
                setCookie(cookieName, user, 30);
}
        }
    }

    checkCookie("userName");
</script>
</body>
</html>

web前端快取之一cookie

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head&

指尖下的js ——多觸式web前端開發之一：對於Touch的處理

水果公司的那些small and cute的裝置給我們提供了前所未有的使用者體驗。當用戶在iphone和ipad上運指如飛的時候，那些使用objective-c寫出優秀應用的開發人員們心裡一定充滿了成就感，因為正是他們（而不是水果）讓iOS的世界變的豐富多彩。然而對於我們這些以web為自己事業核心的程式設計師

web前端——session和cookie

參考連結： http://blog.csdn.net/shuaishenkkk/article/details/8634917 http://blog.csdn.net/fangaoxin/article/details/6952954 區別： 1、cookie資料存放在客

Nginx作為web前端快取和反向代理

Nginx簡介 Nginx是一個高效能的HTTP伺服器和反向代理伺服器，也是IMAP/POP3/SMTP 代理伺服器。作為HTTP伺服器的基礎功能： 1)處理靜態檔案，索引檔案以及自動索引

web前端快取之四openDatabase資料庫

前言本次資料庫快取的api學習要求對資料庫操作語句有點基礎認知，如果不瞭解資料庫語句的簡單的增刪查改的話，建議觀看此篇部落格的童鞋先去小小的瞭解一下資料庫語句的增刪改查，本文也只是對資料庫表的增刪改查的基本操作的例項演示，並沒有做一些資料庫表的關聯操作，但滿足大家對前端資料快

WEB前端 -- JavaScript獲取cookie

var cookieObj=getCookieObj(); cookieObj.name;舉例，設定並獲取cookie的值：<table> <tr> <td>使用者名稱：</td> <td><input

web前端快取之三sessionStorage

看了前兩篇的童鞋都知道，每個快取的api都有它的優缺點，希望大家能夠在看完這個web前端快取系列之後，能夠幫助大家在專案開發中能夠合理的使用每一個api<!DOCTYPE html> <html lang="en"> <head>

web前端關於Cookie那些事

關於Cookie那些事 1 什麼是cookie？ Cookie 是由 Web 伺服器儲存在使用者瀏覽器（客戶端）上的小文字檔案，它可以包含有關使用者的資訊。無論何時使用者連結到伺服器，Web 站點都可以訪問 Cookie 資訊 2 如何設定Cookie？直接上程式碼...

web前端部署過程中快取出現的問題生產實戰經驗移動端H5

目錄增加時間戳或者版本號 chrome: provisional header are showed 漏掉的ng-include 手機各種機型對快取的不同處理 (2018) – 移動端H5混合應用的新版本生產部署之後，出現的各種情況和實

web前端開發快取問題解決方案

大家在進行web開發時候都應該遇到過快取問題對於 HTML頁面快取分為三部分：頁面內容快取問題、css快取問題、js檔案快取問題 1、頁面內容 <meta http

架構優化之高效能：web前端效能優化，靜態資源快取，檔案壓縮

web前端效能優化內容主要來自阿里架構一書。自己總結以及進行實踐一.瀏覽器訪問優化 1.減少http請求合併css，合併JS，合併圖片：圖片也可以進行合併，多張圖片合併成一張，現在的瀏覽器會自動的複用tcp連結，不會剛用完就關閉 2.設定使用瀏覽器快取靜態資源（如何設定？可

Web前端之cookie、session、請求轉發與重定向

http協議的特點：稱之為無狀態, 請求與請求之間不會記錄狀態（狀態就包括請求引數等資訊） Cookie：記錄多個請求之間的聯絡，儲存伺服器狀態(實現記住使用者名稱的功能) 建立Cookie Cookie c = new Cookie("名字", "值"); 瀏覽器每個域名下能夠

Web前端離線快取應用

好程式設計師web前端分享Cookie知識

　　好程式設計師web前端分享Cookie知識，今天小編為大家帶來了一篇新手必看乾貨，接下來讓我們一起來看一看吧。一、Cook

web前端技術框架選型參考

hub 社區規範應用設計 one 屬於 webpack body 數據流一、出發點　　隨著Web技術的不斷發展，前端架構框架、UI框架、構建工具、CSS預處理等層出不窮，各有千秋。太多的框架在形成初期，都曾在web領域掀起過一場技術浪潮，可有些卻僅僅是曇花

Web前端面試指導(十一)：樣式導入有哪些方式？

web前端樣式導入方式linkimport使用方式link的使用[css] view plain copy <link href="index.css" rel="stylesheet"> import的使用[css] view plain copy <style type="text/c

網頁web前端學習技巧

編程 yahoo 語言 http 背景帶來組織需要觸發 1. 寫js效果時一定要註意先分析好效果的行為，盡量用最簡單通用性的代碼。分析步驟可以是1.先把要實現的功能一步一步的寫在紙上（即自然語言）2.再根據自然語言翻譯成機器語言，用jquery寫的代碼一定要註意代碼

Web前端面試指導(十四)：如何居中一個元素（正常、絕對定位、浮動元素）?

web前端題目點評這道題目的提問比較多，連續問了三個問題，正常元素、絕對定位元素、互動元素如何居中，而且居中沒有說清楚是垂直居中還是水平居中，要回答清楚這個問題，必須得有深厚的功底，而且要分類的來回答，條理要清楚。可以先把水平居中各種情況說清楚，然後在把垂直居中說清楚。（一）元素水平居中的方式1）行級元素水平

web端設計和web前端開發的區別

mage ima cnblogs 前端開發 src web前端開發 log alt .cn web端設計和web前端開發的區別

web前端第五節課

信息 conn 例如條件 ref 哈弗曼編碼理解方式新的 margin屬性值所指方向： margin屬性包含了margin left ：距左元素塊距離（設置距左內邊距）；margin top：距頭頂(上)元素塊距離（設置距頂部元素塊距離）；ma

web前端快取之一cookie

相關推薦