<th id="xoqcn"><video id="xoqcn"><acronym id="xoqcn"></acronym></video></th>

      1. <strike id="xoqcn"></strike>
        <th id="xoqcn"></th>

              1. 技術知識
                • 企業做網站前端開發中Cookie的一些事

                  cookie操作在前端開發過程中經常遇到,當然如果只是用來存儲一些簡單用戶數據,還是比較簡單的,我們要做的可能只是設置cookie名,值,過期時間等,讀取也只要根據cookie的名讀取相應的cookie值就可以了。在復雜的應用中,光這些肯定就不夠了。cookie的屬性除了name(名)和value(值),cookie還有以下一些可選屬性,用來控制cookie的有效期,作用域,安全性等:expires屬性 指定了cookie的生存期,默認情況下cookie是暫時存在的,他們存儲的值只在瀏覽器會話期間存在,當用戶退出瀏覽器后這些值也會丟失,如果想讓cookie存在一段時間,就要為expires屬性設置為未來的一個用毫秒數表示的過期日期或時間點,expires默認為設置的expires的當前時間?,F在已經被max-age屬性所取代,max-age用秒來設置cookie的生存期。如果max-age屬性為正數,則表示該cookie會在max-age秒之后自動失效。瀏覽器會將max-age為正數的cookie持久化,即寫到對應的cookie文件中。無論客戶關閉了瀏覽器還是電腦,只要還在max-age秒之前,登錄網站時該cookie仍然有效。如果max-age為負數,則表示該cookie僅在本瀏覽器窗口以及本窗口打開的子窗口內有效,關閉窗口后該cookie即失效。max-age為負數的Cookie,為臨時性cookie,不會被持久化,不會被寫到cookie文件中。cookie信息保存在瀏覽器內存中,因此關閉瀏覽器該cookie就消失了。cookie默認的max-age值為-1。?如果max-age為0,則表示刪除該cookie。cookie機制沒有提供刪除cookie的方法,因此通過設置該cookie即時失效實現刪除cookie的效果。失效的Cookie會被瀏覽器從cookie文件或者內存中刪除。如果不設置expires或者max-age這個cookie默認是Session的,也就是關閉瀏覽器該cookie就消失了。這里要說明一下:Session的cookie在ie6下,如果用戶實在網頁上跳轉打開頁面或新開窗口(包括target=”_blank”,鼠標右鍵新開窗口),都是在同一個Session內。如果用戶新開瀏覽器程序或者說是進程再打開當前的頁面就不是同一個Session。其他瀏覽器只要你Session存在,還是同一個Session,cookie還能共享。在前段時間的項目中ie6下吃了很大一個虧。domain屬性domain屬性可以使多個web服務器共享cookie。domain屬性的默認值是創建cookie的網頁所在服務器的主機名。不能將一個cookie的域設置成服務器所在的域之外的域。 例如讓位于a.sodao.com的服務器能夠讀取b.sodao.com設置的cookie值。如果b.sodao.com的頁面創建的cookie把它的path屬性設置為”/”,把domain屬性設置成”.sodao.com”,那么所有位于b.sodao.com的網頁和所有位于a.sodao.com的網頁,以及位于sodao.com域的其他服務器上的網頁都可以訪問這個cookie。path屬性它指定與cookie關聯在一起的網頁。在默認的情況下cookie會與創建它的網頁,該網頁處于同一目錄下的網頁以及與這個網頁所在目錄下的子目錄下的網頁關聯secure屬性它是一個布爾值,指定在網絡上如何傳輸cookie,默認是不安全的,通過一個普通的http連接傳輸;HttpOnly屬性HttpOnly 屬性限制了 cookie 對 HTTP 請求的作用范圍。特別的,該屬性指示用戶代理忽略那些通過”非 HTTP” 方式對 cookie 的訪問(比如瀏覽器暴露給js的接口)。注意 HttpOnly 屬性和 Secure 屬性相互獨立:一個 cookie 既可以是 HttpOnly 的也可以有 Secure 屬性。 在前段時間的項目中我就用js去讀取一個cookie,結果怎么都取不到這個值,最后查證這個cookie是httpOnly的,花了近2個小時,悲劇了。cookie的傳輸瀏覽器將cookie信息以name-value對的形式存儲于本地,每當請求新文檔時,瀏覽器將發送Cookie,目的是讓Server可以通過HTTP請求追蹤客戶。所以從WEB性能的角度來說我們要盡量的減小cookie,以達到傳輸性能的更大化。cookie的編碼和解碼由于cookie的名/值中的值不允許包含分號,逗號和空格符,為了更大化用戶代理和服務器的兼容性,任何被存儲為 cookie 值的數據都應該被編碼,例如用我們前端熟知的js全局函數encodeURIComponent編碼和decodeURIComponent解碼。cookie作為客戶端存儲前面說了每當請求新文檔時,瀏覽器將發送Cookie到服務器,導致WEB性能下降。所以不建議將cookie作為客戶端存儲一種實現方案,替代方案參見:JavaScript本地存儲實踐(html5的localStorage和ie的userData)等。同名的 cookie同名的 cookie,不同的 domain 或不同的 path,屬不同的 cookie;同名的 cookie,相同的 domain 且相同的 path,不同的 expires,屬同一個 cookie。

                  09

                  2019-09

                • 企業做網站前端語言技術

                  前端語言技術。許多強大的語言技術支持Web頁面的前端。前端語言主要是腳本語言。? JavaScript? VBSript? Ajax? JSON? bootstrap? angluar.js和JQuery和前端編輯器。人們接觸的腳本語言稱為擴展語言或動態語言。它通常以文本的形式保存,只有在調用時才會被解釋或編譯。 JavaScript也是一種腳本語言。它是一種動態類型?弱類型?基于原型的語言。它用于嵌入html網頁添加動態功能,實現html網頁的交互功能,也可以作為單獨的js文件編寫,可以用于多個平臺。大多數瀏覽器都支持多種操作系統。由于JavaScript的動態特性,您無需服務器支持即可直接響應用戶輸入。當用戶訪問頁面時,使用鼠標可以通過JavaScript對其進行響應,因此早期開發人員喜歡通過JavaScript減輕服務器的負擔。隨著服務器功能的增加,開發人員將選擇使用服務器腳本來確保安全性。參考VBSript語言,它最初是一種非結構化語言,后來被改進為結構化語言及其相應的開發環境。它是Microsoft環境的解釋腳本語言。Ajax是指異步JavaScript和xml。這是一種可以在不刷新整個網頁的情況下更新某些網頁的技術。 Ajax可以通過在后臺與服務器進行少量數據交互來異步更新網頁。 JSON是一種輕量級的數據交換格式,可以替代XML的工作,也就是說,它可以處理前端和服務器之間的數據交互,方便人們讀寫,并且易于分析和運行機。主要形式是鍵值對形式。表示的字符串。 Bootstrap指的是前端UI框架,而angluar js和JQuery指的是前端框架庫。前端編輯器包括一個重量級編輯器wbstorm?用于CSS的支架? WYSIWYG Dreamweaver?用于H5的HBuilder?有一個功能強大的插件,相當于Notepad的Sublime?多插件記事本++的升級版本。

                  09

                  2019-09

                • 企業做網站網站首頁吸引力

                  網站首頁吸引力,它可以影響用戶的感官體驗。主頁的配色是否符合網站的企業形象定位,風格設計是否符合目標用戶的喜好,開啟速度是否在5秒以內,音效是否反映主題,這是確定的關鍵用戶是否停留。背景圖像的使用應具有獨特的主題和藝術性。不要有太多的裝飾來影響用戶對網站內容的判斷。在傳輸企業品牌形象的同時,用戶可以在時間了解網站?服務和功能的內容和內容,并滿足用戶的基本需求和目標。同時,主頁可以快速到達所尋求的目標頁面,這使其變得容易。愉快的用戶體驗。

                  09

                  2019-09

                • 企業做網站Web設計應用程序的手繪插圖

                  Web設計應用程序的手繪插圖。手繪插圖是插圖畫家手中最強大的工具之一,手繪元素越來越多地用于網頁設計。手繪插圖使網站更加個性化,并提供生動的用戶體驗。本文中的手繪插圖可以創作出獨特的作品,以手繪插圖為基本元素,手繪插圖的獨創性和風格的多樣化,不僅刺激了人們的想象力和豐富的視覺體驗,還使Web界面更加用戶友好。 Illustrator已成為藝術設計界更受歡迎的類別之一。它廣泛應用于各個領域,在網頁設計的應用中,手繪插圖使無聊的導航?按鈕和其他分類設置變得獨特和有趣。在網頁中使用插圖元素為具有大量信息的網站頁面提供了越來越多的視覺效果,并改善了網站的用戶體驗。手繪插圖是一種藝術語言,使用手繪紋理和圖形來表達圖像?它可以表達情感并立即進行交流。它具有視覺直覺?現實主義感和情感的快速吸引力已成為一種現代設計應用。視覺表達的一種重要形式,具有特定的地位和意義,無法與其他形式的插圖設計進行比較。手繪插圖不僅以簡單明了的方式向公眾傳達信息,而且通過最簡單的表達方式表達了網站的更深層內涵,并通過獨特的手繪插圖吸引了公眾對網站的興趣。

                  09

                  2019-09

                • 企業做網站12個優化CSS代碼技巧

                  編寫好的CSS代碼,有助提升頁面的渲染速度。本質上,引擎需要解析的CSS規則越少,性能越好。MDN上將CSS選擇符歸類成四個主要類別,如下所示,性能依次降低1.ID 規則2.Class 規則3.標簽規則4.通用規則對效率的普遍認識是從Steve Souders在2009年出版的《高性能網站建設進階指南》開始,雖然該書中羅列的更加詳細,但你也可以在這里查看完整的引用列表,也可以在谷歌的《高效CSS選擇器的更佳實踐》中查看更多的細節。本文我想分享一些我在編寫高性能CSS中用到的簡單例子和指南。這些都是受到MDN 編寫的高效CSS指南的啟發,并遵循類似的格式。一、避免過度約束一條普遍規則,不要添加不必要的約束。代碼如下:// 糟糕ul#someid {..}.menu#otherid{..}// 好的#someid {..}#otherid {..}二、后代選擇符最爛不僅性能低下而且代碼很脆弱,html代碼和css代碼嚴重耦合,html代碼結構發生變化時,CSS也得修改,這是多么糟糕,特別是在大公司里,寫html和css的往往不是同一個人。代碼如下:// 爛透了html div tr td {..}三、避免鏈式(交集)選擇符這和過度約束的情況類似,更明智的做法是簡單的創建一個新的CSS類選擇符。代碼如下:// 糟糕.menu.left.icon {..}// 好的.menu-left-icon {..}四、堅持KISS原則想象我們有如下的DOM:代碼如下:<ul id="navigator"><li><a href="#">Twitter</a></li><li><a href="#">Facebook</a></li><li><a href="#">Dribbble</a></li></ul>下面是對應的規則……代碼如下:// 糟糕#navigator li a {..}// 好的#navigator {..}五、使用復合(緊湊)語法盡可能使用復合語法。代碼如下:// 糟糕.someclass {padding-top: 20px;padding-bottom: 20px;padding-left: 10px;padding-right: 10px;background: #000;background-image: url(../imgs/carrot.png);background-position: bottom;background-repeat: repeat-x;}// 好的.someclass {padding: 20px 10px 20px 10px;background: #000 url(../imgs/carrot.png) repeat-x bottom;}六、避免不必要的命名空間代碼如下:// 糟糕.someclass table tr.otherclass td.somerule {..}//好的.someclass .otherclass td.somerule {..}七、避免不必要的重復盡可能組合重復的規則。代碼如下:// 糟糕.someclass {color: red;background: blue;font-size: 15px;}.otherclass {color: red;background: blue;font-size: 15px;}// 好的.someclass, .otherclass {color: red;background: blue;font-size: 15px;}八、盡可能精簡規則在上面規則的基礎上,你可以進一步合并不同類里的重復的規則。代碼如下:// 糟糕.someclass {color: red;background: blue;height: 150px;width: 150px;font-size: 16px;}.otherclass {color: red;background: blue;height: 150px;width: 150px;font-size: 8px;}// 好的.someclass, .otherclass {color: red;background: blue;height: 150px;width: 150px;}.someclass {font-size: 16px;}.otherclass {font-size: 8px;}九、避免不明確的命名約定更好使用表示語義的名字。一個好的CSS類名應描述它是什么而不是它像什么。十、避免 !importants其實你應該也可以使用其他優質的選擇器。十一、遵循一個標準的聲明順序雖然有一些排列CSS屬性順序常見的方式,下面是我遵循的一種流行方式。代碼如下:.someclass {/* Positioning *//* Display & Box Model *//* Background and typography styles *//* Transitions *//* Other */}十二、組織好的代碼格式代碼的易讀性和易維護性成正比。下面是我遵循的格式化方法。代碼如下:// 糟糕.someclass-a, .someclass-b, .someclass-c, .someclass-d {...}// 好的.someclass-a,.someclass-b,.someclass-c,.someclass-d {...}// 好的做法.someclass {background-image:linear-gradient(#000, #ccc),linear-gradient(#ccc, #ddd);box-shadow:2px 2px 2px #000,1px 4px 1px 1px #ddd inset;}顯然,這里只講述了少數的規則,是我在我自己的CSS中,本著更高效和更易維護性而嘗試遵循的規則。如果你想閱讀更多的知識,我建議閱讀MDN上的編寫高效的CSS和谷歌的優化瀏覽器渲染指南

                  09

                  2019-09

                • 企業做網站網頁個屏幕的圖形布局

                  圖文混排是設計中極為重要的一項技術,同時它也極難達到完美的境界。要在網頁首屏中呈現出完美的混排效果,你需要一張完美的照片,和足夠出彩的文字排版。如果你準備接受挑戰,那么請看接下來這10條技巧吧。1、強化對比首先網頁首屏中的文字必須具備可讀性才行,所以你需要確認文字與背景之間的色彩搭配能讓用戶看得清楚。當你選擇一個暗色調的背景,那么你需要使用白色或者淺色的的文字,而當背景比較素雅的時候,文字可以使用深色,這就是我所說的強化對比。當然,對比不僅限于色彩,文字同樣存在對比。文字與圖像相互配合,才能達到出人意表的效果。例如個案例,Packdog網站的設計,大圖作為背景,用色濃郁,文字則正好相反,輕薄而大小錯落。這些對比強烈的元素組合在一起令人印象深刻。2、令文字成為圖片的一部分有的時候你需要讓文字成為圖片的一部分,甚至讓文字成為圖像本身來達到效果。當然這種處理方式所需的條件比較苛刻。要么你使用足夠清爽簡單的圖片來和文字進行搭配,或者使用原本就包含圖片的文字(當然,你也可以將文字妥妥兒地P到圖片中的主體上,文字的角度、形變和紋理一定要融入進去)。3、沿著視覺流向排布沿著視覺流向來排布信息是一項重要的技巧。文字與圖片發生邏輯關系,兩者相輔相承,所以此時文字不能覆蓋到圖片的主體部分——比如需要展示的人物,或者產品本身。信息按照視覺流向排布的時候,圖片中的主體會引導你去觀看文字信息。這兩個案例都使用了這種技巧,文字都是沿著人物的面目朝向或者眼神指向來排布的。4、模糊背景模糊背景是一種非常簡單的處理手法。PS可以很輕易地模糊照片,而照片的模糊帶來的直接效果就是讓產品本身更加突出,以上的兩個案例就是如此。5、將文字置于框中當照片中光影交疊,色彩豐富的時候,將文字置于框中會是個不錯的選擇。根據文字和圖片的形態選擇圓框或者方框,然后設置好色彩,確保對比度。適當地調整透明度,讓框、文字于圖片完美地糅合到一起。6、將文字置于背景中比起置于前景的文字,將文字融入背景也許是更有意思的”花招”。文字常常易于融入到純色背景中,還能確??勺x性。并不需要太復雜的技巧和改動,你就可以讓文字自然地融入背景,你所需要的僅僅只是微妙的陰影效果,正如上述的案例。7、放大當你不知道要怎么處理素材的時候,試著放大吧。這不僅僅針對圖片,它還適用于文字的處理,放大的元素更容易抓住用戶的眼球。正如上述的兩個案例,放大的咖啡豆強化了對比,放大的文字則極具沖擊力。8、色彩對比通過色彩對比可以提高整個首屏的趣味性。以上的兩個案例中,一個降低了背景圖的色彩對比度,令文字更加突出,而另一個則讓這種對比出現在文字內。兩種方法同樣有效。9、調色通過調色讓照片的色彩更適宜文字呈現是最近越來越流行的玩兒法。雖然這種方式有點投機取巧,但是它可能帶來極其驚艷的效果。調色的時候,盡可能選擇與圖片相近的色彩來調整,確保圖片中的內容能夠透過又不影響文字的閱讀就好了。要掌握好這一”花招”你可能需要嘗試不同的色彩,”玩壞”好幾張圖片才行。10、簡化那些歷久彌新的平面設計向我們證明了”保持簡潔”也是一種有效的設計手段。玩兒太多花哨可能會適得其反,簡潔地將圖文放到一起可能就很和諧了。處理圖像的時候,使用簡單直觀的排版和清晰明了的照片,確保照片是最重要的組成部分,文字與圖片主體之間沒有阻礙和干擾,并且文字清晰可讀。

                  09

                  2019-09

                • 企業做網站基于新媒體的電子商務網站轉換率方法策略

                  基于新媒體的電子商務網站轉換率方法策略,電子商務的營銷策略是根本性的,其手段只不過是排水和轉型。新媒體在吸引流量方面具有獨特的優勢,在這種情況下,應注意產品信息的傳播。在基于新媒體的電子商務網站的日常營銷中,不僅要保證產品的質量,網站自身客戶服務的服務態度,網站產品的產品單價,還要促進和排水的手段。

                  09

                  2019-09

                返回頂部

                撥打電話
                在線咨詢
                四虎最新紧急更新地址_国产超碰无码最新上传_狠狠综合久久久久综合网_2020年最新国产精品正在播放