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