kaiwen310-CSDN博客

原创 2020.6.10笔记——数据类型和变量

一、原始数据类型1、数据型JavaScript中的数值包含整数和浮点数，所有数值都以双精度浮点型来表示。双精度浮点数可以表示-2的53次方到2的53次方的整数，也可以表示为正负1.7976的10的308次方的最大值和正负2.2250乘以10的-308次方的浮点数数值型十进制数121.2-23.222e33-1.3e33.E-212e+20十六进制0x00XABCDEF0x1a2b3c4d八进制数0001230241234特殊值：1）Infinity无穷大1.79

2020-06-10 20:54:06 240 1

原创 2020.6.9笔记

一、JavaScript简介JavaScript是NetScape公司为Navigator浏览器开发的，是卸载HTML文件中的一种脚本语言，能实现网页内容的交互显示。当用户在客户端显示该网页时，浏览器就会执行JavaScript程序，用户通过交互的操作来改变网页的内容，来实现HTML语言无法实现的效果。二、如何使用JavaScript1、通过< script>< /script>中直接编写2、通过< script src=‘目标文档的URL’>< /scri

2020-06-09 20:19:20 172

原创 2020.6.8笔记

一、CSS3的动画功能在CSS3中，如果使用动画功能可以使网页上文字或者图像具有动画效果,可以使背景颜色从一种颜色平滑过渡到另外一种颜色,Transition功能支持从一个属性值平滑到另外一个属性值,Animations功能支持通过关键帧的指定来在页面上产生更复杂的动画效果.1、Transition功能css3中transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。transition

2020-06-08 20:57:13 826

原创 2020.6.7日笔记

一、文字阴影1、text-shadow属性的使用方法在CSS3我们可以是用text-shadow属性给页面上的文字添加阴影效果，text-shadow在CSS2.1的时候是被删除了的一个属性，但是呢在3.0的CSS中又恢复了使用。text-shadow的使用方法：text-shadow：length length length color第一个length表示的是阴影离开文字的横方向距离；第二个length表示的是阴影离开文字的纵方向的距离；第三个length表示的是阴影模糊半径；color

2020-06-07 20:49:00 905

原创 html5选择器基本操作

一、结构性伪类选择器1、类选择器在css中可以使用类选择器把相同的元素定义成不同的样式。比如：p.left{text-align: left}p.rigth{text-align: right}2、伪类选择器类选择器和伪类选择器的区别在于，类选择器我们可以随意起名，而伪类选择器是CSS中已经定义好的选择器，不可以随意起名。最常见的伪类选择器a:link{ color: #ff6600 } 未被访问的链接a:visited{ color: #87b291 } 已被访问的链接a:hover{

2020-06-06 20:57:04 1363

原创 html5video与audio元素和css3基本属性

一、video元素和audio元素1、基础知识video元素：在HTML5中专门用来播放网络上的视频或者电影。audio元素：在HTML5中专门用来播放网络上的音频。使用video和audio元素进行播放时就不在需要使用其他的插件了，只要我们的浏览器支持HTML5就可以了！浏览器的支持：Safari3以上、Firefox4以上、0pera10以上、chrome3.0以上版本都对audio元素和video元素支持！使用方法：audio元素只需要给他指定一个src属性：<au

2020-06-05 21:16:00 1745

原创 canvas绘制简单动画和本地储存

一、canvas绘制简单动画在canvas画布中制作动画相对来说很简单，实际上就是不断变化坐标、擦除、重绘、的过程。1.使用setInterval 方法设置动画的间隔时间。setInterval(code,millisec)setInterval方法html中固有方法，这个方法接受两个参数，第一个函数表示执行动画的函数，第二个参数为间隔时间，单位是（毫秒）。2.用来绘图的函数1）、通过不断的变换X和Y的坐标来实现动画效果。2）、在该函数中先用clearRect方法将画布整体或者是局部擦除。

2020-06-04 21:04:43 716

原创 html5中canvas的一些基本操作

一、绘制圆形1、开始创建路径使用图形上下文对象的beginPath方法。context.beginPath（）;2、创建图形路径创建圆形路径时，需要使用图形上下文对象的arc方法。context.arc（x,y,radius,starAngle,endAngle,anticlockwise）x是绘制圆形的起点横坐标，y是绘制圆形起点的纵坐标，radius是圆形的半径，starAngle是开始的角度，endAngle是结束的角度，anticlockwise是否按顺时针方向绘制。绘制半径与

2020-06-03 21:10:17 342

原创 html5大纲+ol、dl和简单图形绘制

一、html5大纲基本内容在HTML5中，可以使用之前我们所学习的结构元素来编排一份网页大纲，那样我们就可以通过这个网页大纲来了解网页中具有那些内容，网页中以什么样的形式来组织这些内容有更清楚的认识。HTML5大纲分析工具：http://gsnedders.html5.org/outliner显性编排显式编排是指明确使用section元素进行分块来创建网页文档，每个内容区块内使用标题（h1~h6）<!DOCTYPE html><html lang="en">&

2020-06-02 20:42:47 247

原创基本的html5网页骨架之部分元素和在html5中被废除的元素

一、html5的部分元素footer元素footer元素可以作为他的上层父级内容区块或是一个根区块的注脚。footer元素一般情况下包括与它相关的区块的注脚信息，比如作者、版权信息等。注意：footer元素和我们前面所讲的header元素一样，并没有限制他的个数。并且footer元素可以为article元素或者section元素添加footer元素。address元素address元素用来在页面中呈现联系信息，包括文档的作者、邮箱、地址、电话信息等。address元素还用来展示和文章中的

2020-06-01 20:13:01 349

原创 html5的基本结构及部分元素和属性

html5的网页结构一、什么是html5首先了解HTMLHTML即超文本标记语言（HyperText Markup language）,这是一种语法简单、结构清晰的语解释型文档,他不同于其他的编程语言。HTML5就是HTML网页标记语言的第五次重大更新产品，在这个版本中，新功能不断推出，以帮助Web应用程序的作者，努力提高新元素互操作性。html5的出现使得大量由于版本或者是不同编译语言所造成的在各大浏览器之间存在的不兼容问题得到了很好的解决。二、html5网页的基本结构：<!DOC

2020-05-31 20:44:30 1629

原创 css的常用属性（边框、列表）和div+span以及盒模型

一、css常用属性之边框属性边框风格 border-style定义某一方向的边框样式：下边框样式border-bottom-style上边框样式border-top-style左边框样式border-left-style右边框样式border-right-style边框风格样式的属性值none 无边框solid 直线边框dashed 虚线边框dotted 点状边框.double 双线边框groove 凸槽边框ridge 垄状边框nset inset边框outset ou

2020-05-30 20:32:17 755

kaiwen的博客