首页 > 建站教程 > CSS3+HTML5 >
  • html5 history pushState和replaceState的使用

    html5 history pushState和replaceState的使用

    pushState和replaceState是一个HTML5的新接口,他们的作用非常大,可以做到改变网址却不需要刷新页面,这个特性后来用到了单页面应用中比如:vue-router,react-router-dom里面。 注意:仅改变网

    html5  pushState  replaceState  275次
  • CSS3绘制一滴水

    CSS3绘制一滴水

    先看下CSS3绘制一滴水的过程: 从一个正方形到一滴水,就这几步。下面开始实现: 1、绘制一个正方形: div class="circle"/div.circle{ width: 30px; height: 30px; background: red;} 2、通过border-radio圆角

    CSS3绘制  234次
  • 这可能是最全的::before和::after伪元素的用法了

    这可能是最全的::before和::after伪元素的用法了

    一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和

    css before after  117次
  • HTML5 Web Worker介绍

    HTML5 Web Worker介绍

    什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做

    Web Worker  163次
  • HTML5规范之Web Worker入门

    HTML5规范之Web Worker入门

    1.什么是Web Worker 在web worker规范产生之前,dom渲染和javascript代码执行是在同一个浏览器线程中执行的。也就是说:渲染dom的时候不能执行javascript代码,执行javascript代码的时候,UI界面会

    Web Worker  163次
  • 使用canvas绘制时钟

    使用canvas绘制时钟

    首先看一下效果图:每隔一秒会动态更新时间 一、前期准备 1. HTML中准备一个容器存放画布,并为其设置width,height。 div canvas id="clock" height="200px" width="200px"/canvas/div 2.在js中获取canvas画

    canvas时钟  183次
  • HTML5 canvas clearRect() 方法

    HTML5 canvas clearRect() 方法

    clearRect的定义和用法 clearRect() 方法清空给定矩形内的指定像素。 实例 在给定矩形内清空一个矩形: js var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="red";ctx.fillRect(0,

    clearRect  214次
  • js new Date() 日期处理方法总结

    js new Date() 日期处理方法总结

    new Date()返回一个日期对象,可以通过这个日期对象处理js中的日期。 语法格式: new Date( year, month, date, hrs, min, sec) //按给定的参数创建一日期对象,参数为空返回当前日期 例如: new D

    Date  299次
  • HTML 5 canvas lineCap 属性

    HTML 5 canvas lineCap 属性

    先看个用HTML 5 canvas lineCap绘制的圆形结束线帽的图片: 上例的JS代码: var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.beginPath();ctx.lineCap="round";ctx.moveTo(20,20);ctx.lineTo(20,200);ctx.st

    lineCap  180次
  • HTML5 canvas lineTo() 方法

    HTML5 canvas lineTo() 方法

    先看个用lineTo画的线条的例子: 开始一条路径,移动到位置 0,0。创建到达位置 300,150 的一条线: JS var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.beginPath();ctx.moveTo(0,0);ctx.line

    lineTo  177次
127条 上一页 1 2 3 4 5 6 7 8 9 10 ..13 下一页