站長資訊網(wǎng)
canvas的實(shí)例–時(shí)鐘動(dòng)畫
平時(shí)在公司不忙的時(shí)候，就喜歡寫一些小效果什么的，一來復(fù)習(xí)復(fù)習(xí)，二來可以發(fā)現(xiàn)一些問題。 今天在群里看別人發(fā)了一手表的圖片，臥槽…妥妥的工作好多年的節(jié)奏，后來想想還是做好自己的事情算了，想那多干啥，就畫了一個(gè)手表…. 直...
網(wǎng)頁制作 第26頁
cookie的具體使用方法
cookie是儲存在用戶本地終端上的數(shù)據(jù)。 在我們登陸網(wǎng)站時(shí)有記錄密碼，也有時(shí)間限制比如說7天，5天等等這都是我們利用cookie來寫的， 這就是利用了cookie的會話周期，但cookie同時(shí)又是不安全的我們可以打開網(wǎng)頁看到用...
Bootstrap擬態(tài)框+支付寶首頁
任務(wù)沒完成,繼續(xù)來!因?yàn)閯偛啪W(wǎng)不好,我辛辛苦苦打了洋洋灑灑一大堆都沒了! 我們今天主要是說一個(gè)簡單的由Bootstrap和HTML5結(jié)合而成的小案例: 首先:由標(biāo)題可得知,這是移動(dòng)端,所以需要這樣一串代碼: <meta name=&q...
盒子模型的理解
盒子模型有兩種：W3C和IE盒子模型 盒子模型包括margin、border、padding、content W3C的元素寬度=content的寬度 IE的元素寬度=content+padding+border 我個(gè)人認(rèn)為W3C定義盒子模型...
做web響應(yīng)式設(shè)計(jì)（不用媒體查詢）實(shí)例
(0)寫在前面 講述知乎上看到的一篇文章中的一個(gè)案例，讓我腦洞大開，佩服至極，特意第二天找到原文贊賞了5元，原文地址，案例用了很多css3的屬性。(1)效果演示 (2)知識點(diǎn)及效果 <div class="trunc-li...
移動(dòng)端頁面布局應(yīng)該如何操作
移動(dòng)端頁面布局的那些事兒 一. viewport 什么是viewport 簡單來講，viewport就是瀏覽器上，用來顯示網(wǎng)頁的那一部分區(qū)域了，也就是說，瀏覽器的實(shí)際寬度，是和我們手機(jī)的寬度不一樣的，無論你的手機(jī)寬度是320px，還是640...
分享DOM中的表單操作，節(jié)點(diǎn)操作
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Docu...
什么是HTML5？HTML5使用詳解
什么是HTML5？ HTML5是超文本語言，不是編程語言，html5是html語言的最新版本，需要注意瀏覽器的兼容性問題。 HTML5技術(shù)一般是指的是HTML5、CSS3、JavaScript三種技術(shù)的結(jié)合。 HTML5主要負(fù)責(zé)文檔內(nèi)容的結(jié)...
基于Vue全家桶開發(fā)的前端組件管理平臺
項(xiàng)目背景 項(xiàng)目背景是外包類建站公司里，設(shè)計(jì)環(huán)節(jié)沉淀了大量可復(fù)用組件，設(shè)計(jì)師往往只需要微調(diào)組件就拼湊出頁面，交付給前端，理論上這些組件在前端也可以復(fù)用，但實(shí)際上前端每次都要重新實(shí)現(xiàn)整個(gè)頁面，浪費(fèi)很多人力。 功能需求 這個(gè)項(xiàng)目的思路是，將所有組...
css3+javascript怎么做一個(gè)旋轉(zhuǎn)的3d盒子？
今天寫點(diǎn)css3，3d屬性寫的3d盒子，結(jié)合javascript讓盒子隨鼠標(biāo)旋轉(zhuǎn)起來 今天帶了css3新屬性3d <!DOCTYPE html> <html> <head> <meta charse...
