Mijac_
Mijac_

1+X web证书(高级)的重要知识点的复习

1+X web证书(高级)的重要知识点的复习
内容涉及：html css javascript bootstrap4 jQuery Vue3.0 (vuex) es6 ajax Laraver php mysql webpack ui框架…
高级重点掌握：html css script vue
本文内容主要是梳理，整合。方便在回答实操题的时候，能够通过关键字找到答案。知识点以热门的考点进行整合，内容不一定全覆盖，仅供参考。知识点来源于网络以及我本人的学习笔记，写的匆忙，如有错误或纰漏联系我矫正。

Canvas

createImageData(width,height) 以指定的尺寸（以像素计）创建新的 ImageData 对象
width ImageData 对象的宽度，以像素计。
height ImageData 对象的高度，以像素计。
createImageData(imageData)
创建与指定的另一个 ImageData 对象尺寸相同的新 ImageData 对象（不会复制图像数据）
imageData 另一个 ImageData 对象。

var c=document.getElementById(“myCanvas”);
var ctx=c.getContext(“2d”);

drawElm.getContext(‘2d’) 获取Vanvas的2d绘制环境
beginPath() 方法在一个画布中开始子路径的一个新的集合 起点（0.0）
moveTo(x,y); 移动到（x，y）点
lineTo(x,y); 路径的目标位置的 x 坐标， y 坐标
strokeStyle="#0000ff"; 绘制颜色 这里是蓝色
addColorStop(stop,color); 介于 0.0 与 1.0 之间的值，表示渐变中开始与结束之间的位置。 在结束位置显示的 CSS 颜色值
stroke() 方法会实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径。默认颜色是黑色。该方法写在绘图最后

createLinearGradient(x,y,x1,y1) 创建线条渐变

context.createRadialGradient(x0,y0,r0,x1,y1,r1); 创建一个径向/圆渐变
x0 渐变的开始圆的 x 坐标
y0 渐变的开始圆的 y 坐标
r0 开始圆的半径
x1 渐变的结束圆的 x 坐标
y1 渐变的结束圆的 y 坐标
r1 结束圆的半径

fillText(text,x,y,maxWidth); 在 canvas 上绘制实心的文本
text 规定在画布上输出的文本。
x 开始绘制文本的 x 坐标位置（相对于画布）。
y 开始绘制文本的 y 坐标位置（相对于画布）。
maxWidth 可选。允许的最大文本宽度，以像素计。

strokeText(text,x,y) 在 canvas 上绘制空心的文本

save() 保存当前环境的状态
restore() 返回之前保存过的路径状态和属性

drawImage(image,x,y) 把一幅图像放置到画布上

rect
rect x=“50” y=“50” rx=“10” ry=“10” width=“20” height=“280” -->svg

Less

参考：https://www.cnblogs.com/housheng/p/12109689.html

HTML

<meta>
<title> 
<h1>
<link>
<canvas>
<nav>
<header>
<footer>
<aside>	定义页面的侧边栏内容。 
<button>
<form>
属性			值		描述
accept	MIME_type	HTML5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的）
accept-charset	character_set	规定服务器可处理的表单数据字符集。
action	URL	规定当提交表单时向何处发送表单数据。
autocompleteNew	on/off	规定是否启用表单的自动完成功能。
method	get/post	规定用于发送表单数据的 HTTP 方法。
name	text	规定表单的名称。
novalidateNew	novalidate	如果使用该属性，则提交表单时不进行验证。
target	_blank		规定在何处打开 action URL。

type="checkbox" 带有复选框的表单
type="radio"	带有单选按钮的表单
<input>

html事件属性

  • onload —> οnlοad=“load()” 当文档加载完成后运行 JavaScript 脚本

  • onresize —> οnresize=“showMsg()” 当调整窗口大小时运行脚本

  • onblur 当元素失去焦点时运行脚本

  • onchange 当元素改变时运行脚本 属性可适用于,