canvas的实例–时钟动画
平时在公司不忙的时候,就喜欢写一些小效果什么的,一来复习复习,二来可以发现一些问题。 今天在群里看别人发了一手表的图片,卧槽…妥妥的工作好多年的节奏,后来想想还是做好自己的事情算了,想那多干啥,就画了一个手表…. 直...
平时在公司不忙的时候,就喜欢写一些小效果什么的,一来复习复习,二来可以发现一些问题。 今天在群里看别人发了一手表的图片,卧槽…妥妥的工作好多年的节奏,后来想想还是做好自己的事情算了,想那多干啥,就画了一个手表…. 直...
cookie是储存在用户本地终端上的数据。 在我们登陆网站时有记录密码,也有时间限制比如说7天,5天等等这都是我们利用cookie来写的, 这就是利用了cookie的会话周期,但cookie同时又是不安全的我们可以打开网页看到用...
任务没完成,继续来!因为刚才网不好,我辛辛苦苦打了洋洋洒洒一大堆都没了! 我们今天主要是说一个简单的由Bootstrap和HTML5结合而成的小案例: 首先:由标题可得知,这是移动端,所以需要这样一串代码: <meta name=&q...
盒子模型有两种:W3C和IE盒子模型 盒子模型包括margin、border、padding、content W3C的元素宽度=content的宽度 IE的元素宽度=content+padding+border 我个人认为W3C定义盒子模型...
(0)写在前面 讲述知乎上看到的一篇文章中的一个案例,让我脑洞大开,佩服至极,特意第二天找到原文赞赏了5元,原文地址,案例用了很多css3的属性。(1)效果演示 (2)知识点及效果 <div class="trunc-li...
移动端页面布局的那些事儿 一. viewport 什么是viewport 简单来讲,viewport就是浏览器上,用来显示网页的那一部分区域了,也就是说,浏览器的实际宽度,是和我们手机的宽度不一样的,无论你的手机宽度是320px,还是640...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Docu...
什么是HTML5? HTML5是超文本语言,不是编程语言,html5是html语言的最新版本,需要注意浏览器的兼容性问题。 HTML5技术一般是指的是HTML5、CSS3、JavaScript三种技术的结合。 HTML5主要负责文档内容的结...
项目背景 项目背景是外包类建站公司里,设计环节沉淀了大量可复用组件,设计师往往只需要微调组件就拼凑出页面,交付给前端,理论上这些组件在前端也可以复用,但实际上前端每次都要重新实现整个页面,浪费很多人力。 功能需求 这个项目的思路是,将所有组...
今天写点css3,3d属性写的3d盒子,结合javascript让盒子随鼠标旋转起来 今天带了css3新属性3d <!DOCTYPE html> <html> <head> <meta charse...