JavaScript单词大全及部分常用代码

华为od 机试真题 JavaScript 实现【单词接龙】 单词接龙的规则是:可用于接龙的单词首字母必须要前一个单词的尾字母相同; 当存在多个首字母相同的单词时,取长度最长的单词,如果长度也相等,则取字典序最小的单词;已经参与接龙的单词不能重复使用。现给定一组全部由小写字母组成单词数组,并指定其中的一个单词作为起始单词,进行单词接龙,请输出最长的单词串,单词串是单词拼接而成,中间没有空格。 阅读详情

JavaScript单词大全及部分常用代码

  0~9
     var i=0; //声明变量
     let i=0; //声明变量,块级作用域
     const PI=3.14; //声明常量
     console.log(str) //控制台输出str
     document.write(str);//文档内写入str
     open("new.html","new","height=141,width=69,top=10,left=20") //方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
     i++; //i自增,相当于i=i+1
     n+=2; //n增2,相当于n=n+2
     k*=3; //k倍增3,相当于k=k*3
     str +=str0; //末尾添加字符串,相当于str=str+str0
  10~19
     var myElementId = document.getElementById("myElementId");//通过id值获取对象
     tag.innerHTML =dom1; //tag元素的innerHTML属性值替换成dom1
     var canvas = canvas.getContext("2d"); //转化2d上下文中的对象
     function writeText(str) {函数体} //声明函数writeText(str),str为形式参数
     console.log(str.length) //输出str的长度
     let ti=setTimeout("代码块",1000)//设置延时器
     clearTimeout(ti);//清除延时器ti
     let in=setInterval("代码块",1000)//设置定时器
     clearInterval(in);//清除定时器in
     tag.onclick = "clickcanvas(event)"; //tag的点击事件为clickcanvas(event)
  20~29
     Math.floor(num) //num向下取整
     e.X //event环境对象内的X横坐标属性值
     var img = new Image(); img.src = "images/td.jpg";//图片对象
     var myObject = new Object(); //声明对象myObject
     myObject.bv=100 //myObject声明属性bv血量初始为100
     canvas.drawImage(img,-50,-50) //在点(-50,-50)处开始,绘制完图像img
     canvas.strokeRect(i * 50 , j * 50 , 50 , 50);//在点(i*50,J*50)处开始,画一个长50,宽50的正方形
     window.οnlοad=init //网页文档加载完成后执行函数init()
     //
     substr :子串
  30~39
    index :索引
    string :字符串
    file :文件
    document :文件(JS中指整个网页文档)
    top :顶部
     right :右
    bottom: 底部
    left: 左
    center: 中心
    start: 开始
  40~49
    end: 结束
    split: 分割,分开,分裂
     object: 对象
    project: 项目
    code: 代码
    function : 函数
    reverse: 颠倒,反转
    prompt: 提示,提醒(某人说话)
     undefined: 未定义的
    shift: 转换
  50~59
    date: 日期
    area: 面积,域
    length :长度
    height: 高度
    width: 宽度
     browser: 互联网,浏览器
    model: 模型
    options: n.选择
    input: 插入 : 输入
    form: 表单(用来进行网页中的数据采集)
  60~69
     alert: 警报
    value: 值,价值
    timeout: 暂停
    interval: 间隙
    bar: 柜台,栏
    element: 元素,要素
    run: 运行,跑
     browser: 浏览器,互联网
    BOM: Browser Object Model : 浏览器对象模型
    DOM: Document Object Model : 文档对象模型
  70~79
     create: 创建
    node: 节点
    attribute: 属性
    tag: 标签
    loop: 环形,循环
    inner: 内部
    scroll: 滚动条
     offset: 印刷区域,平版印刷,开端,补偿
    page: 页面
    client: 窗口
  80~89
    screen: 屏幕
    position: 定位,位置
     parse: 解析字符串,对...作分析
    method: 方法,方式
    post: v.邮寄
    submit: 提交
    result: 结果
     focus: 焦点
    blur: 失去焦点,变得模糊
    form: 表格,外表,制作
  90~99
    type: 类型
    value: 值
    select: 选择
     option: 可选项,可选择的事物
    mark: 作记号,作标记,污点
    progress: 进程
    audio: 声音,音响
    canvas: 画布
     render: 使成为
    context: 上下文,环境,语境
  100~109
    native: 原生,出生地的,本地
    application: 申请,请求
     grid :网格,格栅
    path:路径,小径
    move: 移动
    fill: 填充
    stroke: 划水动作,轻抚
    clip :裁切,修剪,回形针,夹住
     clear :清除
    rect :矩形,矩形区域
  110~119
    line: 线
    arc: 弧,弧形
    particles :颗粒,粒子
    quadratic :平方,二次方的
     save :收集,救
    restore :恢复,使复原
    global :全球的,全世界的,全面的,整体的
    alpha :α,希腊字母表中第一个字母(读音:阿尔法)
     translate :转变,变为,翻译
    rotate :旋转,轮值
  120~129
    angle :n.角,斜角,角度 v.斜移
    scale :n. (尤指与其他事物相比较时的) 规模,范围,程度; 等级; 级别; 等级体系;
     v.攀登; 到达…顶点; 去鳞; 刮除牙石;
    global :全球的,整体的
    composite :合成的,混合的,复合的,合成物,混合物,复合材料
     operation :手术; (有组织的) 活动,行动; (包括许多部分的) 企业,公司
    request :(正式或礼貌地) 请求,要求
    animation: (指电影、录像、电脑游戏的) 动画制作 : 动画片 : 生气; 活力; 富有生命力
     frame: n. (图画、门、玻璃等的) 框架; (家具、建筑物、车辆等的) 构架,支架,骨架; 眼镜框;
    v.给…做框; 给…镶边; 作伪证陷害; 制订; 拟订;
  130~139
    shadow :阴影
    sqrt: 开根; 求平方根函数; 根号; 函数; 开平方函数
     fixed: adj.固定的; 不变的; 不能变的; 不易改变的; 执著的; 呆板的;v.使固定; 安装; 决定,确定(日期、时间、数量等); 安排; 组织;
    substr:子串
    index:索引
    string:字符串
    file:文件
    document:文件(JS中指整个网页文档)
    top:顶部
     right:右
  140~149
    bottom : 底部
    left : 左
    center : 中心
    start : 开始
    end : 结束
    split : 分割,分开,分裂
     object : 对象
    project : 项目
    code : 代码
    function: 函数
  150~159
    reverse : 颠倒,反转
    prompt : 提示,提醒(某人说话)
     undefined : 未定义的
    shift : 转换
    date : 日期
    area : 面积,域
    height : 高度
    width : 宽度
     browser : 互联网,浏览器
    model : 模型
  160~169
    options : n.选择
    input : 插入 : 输入
    form : 表单(用来进行网页中的数据采集)
     alert : 警报
    value : 值,价值
    timeout : 暂停
    interval : 间隙
    bar : 柜台,栏
    element : 元素,要素
     run : 运行,跑
  170~179
    browser : 浏览器,互联网
    BOM : Browser Object Model : 浏览器对象模型
     DOM : Document Object Model : 文档对象模型
    create : 创建
    node : 节点
    attribute : 属性
     tag : 标签
    loop : 环形,循环
    inner : 内部
    scroll : 滚动条
  180~189
    offset : 印刷区域,平版印刷,开端,补偿
    page : 页面
     client : 窗口
    screen : 屏幕
    position : 定位,位置
    parse : 解析字符串,对...作分析
    method : 方法,方式
     post : v.邮寄
    tag : 标签
    submit : 提交
  190~199
    result : 结果
    focus : 焦点
    blur : 失去焦点,变得模糊
     form : 表格,外表,制作
    type : 类型
    value : 值
    select : 选择
    option : 可选项,可选择的事物
     mark : 作记号,作标记,污点
    progress : 进程
  200~209
    audio : 声音,音响
    canvas : 画布
    render : 使成为
     context : 上下文,环境,语境
    native : 原生,出生地的,本地
    application : 申请,请求
    grid :网格,格栅
     path:路径,小径
    move : 移动
    fill : 填充
  210~219
    stroke : 划水动作,轻抚
    clear :清除
     rect :矩形,矩形区域
    line : 线
    arc : 弧,弧形
     alpha :α,希腊字母表中第一个字母(读音:阿尔法)
    translate :转变,变为,翻译
     angle :n.角,斜角,角度 v.斜移
     animation : (指电影、录像、电脑游戏的) 动画制作 : 动画片 : 生气; 活力; 富有生命力
     frame : n. (图画、门、玻璃等的) 框架; (家具、建筑物、车辆等的) 构架,支架,骨架; 眼镜框;v.给…做框; 给…镶边; 作伪证陷害; 制订; 拟订;
  220~229
     shadow :阴影
    sqrt : 开根; 求平方根函数; 根号; 函数; 开平方函数
    fixed : adj.固定的; 不变的; 不能变的; 不易改变的; 执著的; 呆板的;
     v.使固定; 安装; 决定,确定(日期、时间、数量等); 安排; 组织;
     function getRandom(max, min) {//定义随机数函数getRandom() let random = Math.random() * (max - min) + min; //在区间(min,max)取一个随机浮点数 return Math.floor(random); //返回random向上取整之后的整数 }
     var str = prompt("请输入任意字符", "");//控制台用户输入字符串,提示信息,初始字符串
     prompt:促使某人做某事,立即,促使,激起,鼓励
     alert('警告:...') //暂停程序并弹出(警告)信息
     let childElement = createElement('新标签类型'); //生成新元素
     childElement.新属性名 = 新属性值 //元素添加新属性
  230~239
     fatherElement.appendChild(childElement)//父元素下添加子元素
     direction:方向;
     window.innerWidth //文档内宽,padding(包括Padding)以内的宽度
     window.innerHeight //文档内高,padding(包括Padding)以内的高度
     $("div").innerWidth() //jQuery innerWidth()返回第一个匹配元素的内宽,该方法包含 padding,但不包含 border 和 margin
     Math.sqrt(num) //返回num的平方根,若num<0则返回NAN
     //
     abs(x) 返回数的绝对值。 Math.acos(x) //返回数的反余弦值
     Math.asin(x) //返回数的反正弦值
     Math.atan(x) //以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值
  240~249
     Math.atan2(y,x) //返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)
     Math.ceil(x) //对数进行上舍入
     Math.cos(x) //返回数的余弦
     Math.exp(x) //返回 e 的指数
     Math.floor(x) //对数进行下舍入
     Math.log(x) 返//回数的自然对数(底为e)
     Math.max(x,y) //返回 x 和 y 中的最高值
     Math.min(x,y) //返回 x 和 y 中的最低值
     Math.pow(x,y) //返回 x 的 y 次幂
     Math.random() //返回 0 ~ 1 之间的随机数
  250~259
     Math.round(x) //把数四舍五入为最接近的整数
     Math.sin(x)// 返回数的正弦
     Math.sqrt(x) //返回数的平方根
     Math.tan(x) //返回角的正切
     Math.toSource() //返回该对象的源代码
     Math.valueOf() //返回 Math 对象的原始值
     document.body.bgColor = "#000";设置背景色为黑 //
     imgObj.setAttribute("width", 50); //设置对象的属性及属性值
     attribute:属性;
     document.body.removeChild(obj); //去除父节点下的子节点obj
  260~269
     imgObj.setAttribute("onclick", "removeImg(this)");//图片元素添加点击事件/* this是系统关键字,this只能在函数中使用,是一个对象,含义为当前对象,用户选择到的对象 */
     var img1="data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA... ...mwAAAABJRU5ErkJggg=="; //base编码在程序内当作字符串处理,显示时不同于字符串,base64编码是能被浏览器直接识别的
     overflow: hidden; // 溢出内容隐藏,也经常用来开启BFC块级格式化模式
     dome1.style.height = dome.offsetHeight + "px";//这里的style是属性又是一个style对象,代表CSS对象;
     dome2.innerHTML = dome1.innerHTML; //将dome1中的内容复制到dome2中
     Math.random():获取0~1随机数(0<=返回值<1)
     Math.floor() method rounds a number DOWNWARDS to the nearest integer, and returns the result. (小于等于 x,且与 x 最接近的整数。)
     其实返回值就是该数的整数位: Math.floor(0.666) --> 0 ,Math.floor(39.2783) --> 39
     所以我们可以使用Math.floor(Math.random())去获取你想要的一个范围内的整数。
     如:现在要从1~52内取一个随机数:
  270~279
     首先Math.random()*52 //这样我们就能得到一个 >=0 且 <52的数
     然后加1:Math.random()*52 + 1 //现在这个数就 >=1 且 <53
     再使用Math.floor取整,最终: Math.floor(Math.random()*52 + 1),这就能得到一个取值范围为1~52的随机整数了.
     Math.(random/round/cell/floor)随机数的用法
     Math.random() 返回值是一个大于等于0,且小于1的随机数
     Math.random()*N 返回值是一个大于等于0,且小于N的随机数
     Math.round() 四舍五入的取整
     Math.ceil() 向上取整,如Math.cell(0.3)=1 、又如Math.ceil(Math.random()*10) 返回1~10
     Math.floor() 向下取整,如Math.floor(0.3)=0、又如Math.floor(Math.random()*10)返回0~9
     Math.round(Math.random()*15)+5; 返回5~20随机数
  280~289
     Math.round(Math.random()*(y-x))+x; 返回x~y的随机数,包括负数
     var A=[12,78,78,78,89]; //第一种声明JS数组的方式
     var B=new Array(); B[0]=12; B[1]=34; B[2]=56; //第二种声明JS数组的方式
     var C=new Array(3); C[0]=12; C[1]=34; C[2]=56; //第三种声明JS数组的方式
     var D=new Array(45,78,89,45); //第四种声明JS数组的方式
     str += "<br>婚否:" + (arr[3] ? "已婚" : "未婚"); //三目运算符 bool?A:B
     window.onload = function () {
     showimg(0);//网页加载完后直接调用一次showimg(0)设置默认显示的一页
     };//推荐使用匿名函数再调用show(0);这样参数才会被识别,如果直接= "show(0)",参数0将不会识别
     function showimg(index) {
  290~299
     switch (index) {
     case 0: img1div.style.display = "block"; img2div.style.display = "none"; img3div.style.display = "none"; break;
     case 1: img1div.style.display = "none"; img2div.style.display = "block"; img3div.style.display = "none"; break;
     case 2: img1div.style.display = "none"; img2div.style.display = "none"; img3div.style.display = "block"; break;
     }
     }
     <div class="contrl" οnmοuseοver="showimg(2)" id=linkImg3>蒂法</div> //鼠标进入时触发事件showimg(2)
     window.onchange //HTML 元素改变时触发事件
     window.onclick //用户点击 HTML 元素时触发事件
     window.onmouseover //用户在一个HTML元素上移动鼠标时触发事件
  300~309
     window.onmouseout //用户从一个HTML元素上移开鼠标时触发事件
     window.onkeydown //用户按下键盘按键时触发事件
     window.onload //浏览器已完成页面的加载时触发事件
     //JavaScript键盘事件:http://c.biancheng.net/view/5955.html
     <textarea id="key"></textarea>
     <script>
     var key = document.getElementById("key");
     key.onkeydown =f; //注册keydown事件处理函数
     key.onkeyup = f; //注册keyup事件处理函数
     key.onkeypress = f; //注册keypress事件处理函数
  310~319
     function f (e) {
     var e = e | | window.event; //标准化事件处理
     var s = e.type + " " + e.keyCode; //获取键盘事件类型和按下的值
     key.value = s;
     &gt;/script>
     decoration:装饰,修饰;
     transform:形变;
     preserve:保存,保持;
     perspective:透视,透视法,观点,态度,思考方法,客观判断力,权衡轻重的能力;
     config:配置;
  320~329
     global:全球的,全局的;
     name:名称;
     email:邮件,邮箱,邮箱地址;
     repository:仓库,存储库;
     init:初始,初始化,最开始的;
     touch:触摸,碰,触及,触觉,触摸时的感觉;
     file:文件;
     status:状态;
     commit:提交;
     list:列表;
  330~339
     push:推;
     /*一个完整的git操作流程*/
     $ git config --global user.name 'Link' --设置github账号名称
     $ git config --global user.email '1183234982@qq.com' --设置github注册时的邮箱
     $ mkdir my_repository --当前目录生成一个文件夹
     $ cd my_repository --选中文件夹
     $ git init --初始化.git仓库管理文件
     $ touch my_file.html --当前目录下生成一个文件
     $ vi my_file.html --编辑文件
     $ cat my_file.html --查看文件内容
  340~349
     $ git status --查看仓库状态
     $ git add my_file.html --添加文件到暂存区
     $ git commit -m '新建的文件my_file.html' --暂存区的文件都移动到本地git仓库并设置本次操作相关信息
     $ git config --list --查看配置列表(:q 结束此命令)
     $ git clone https://github.com/wuying-05/my_repository.git --把一个远程仓库克隆到本地
     $ git add others.txt --添加文件到暂存区
     $ git commit -m '提交others.txt' --暂存区所有文件都移动到本地git仓库
     $ git push --把当前分支克隆仓库上传到github仓库合并
     Canvas画布: https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_usage
     rect:矩形; circle:圆形; ellipse:椭圆; line:线; ployline:折线; ploygon:多边形; path:路径; <canvas id=canvas width="500" height="600">抱歉,您的浏览器不支持canvas元素</canvas><!-- 创建画布元素-->
  350~359
     var canvas = document.getElementById("canvas");
     if (canvas.getContext) {//检测浏览器是否支持canvas 该方法是否存在取得上下文对象
     alert();
     var context = canvas.getContext("2d");
     var img = document.images[0];/* 浏览器会自动依次收集本网页所有用到的图片集中到一个数组在document下,使用document.images数组即可 */
     img.onload = function () {
     context.drawImage(img, 100, 10, 200, 200);//起始坐标为(10,10),且画布上的图像大小为200*200
     };
     function draw() {
     var canvas = document.getElementById("canvas");//通过id获取canvas对象
  360~369
     if (canvas.getContext) {//canvas.getContext对应着getContext()函数的地址,如果浏览器有此函数则表示getContex函数的字符串,隐式转换代表着true
     //如果浏览器没有getContext()方法(即不支持canvas元素)则canvas.getContext等于undefined隐式转换为false
     var ctx = canvas.getContext("2d");//获取2d图像的上下文,canvas.getContext("2d")返回的是一个具备2d图像绘画环境的一个对象
     ctx.fillStyle = "rgb(200,0,0)";//2d画布对象的填充样式等于颜色函数的返回值
     ctx.fillRect(10, 10, 55, 50);//2d画布上画一个矩形,定位坐标为(10,10),宽为55,高为50
     ctx.fillStyle = "rgba(0, 0, 200, 0.5)";//2d画布对象的填充样式等于rgba()函数的返回值
     ctx.fillRect(30, 30, 55, 50);//2d画布上画一个矩形,定位坐标为(10,10),宽为55,高为50
     }
     var ctx = document.getElementById('canvas').getContext('2d'); //
     ctx.globalCompositeOperation = 'destination-over';//设置覆盖方式为原图覆盖新图 //
  370~379
     ctx.clearRect(0, 0, 300, 300); //清除画布中的图像//
     ctx.fillStyle = 'rgba(0,0,0,0.4)';//填充样式 //
     ctx.strokeStyle = 'rgba(0,153,255,0.4)';//划的样式
     ctx.save();//保存初始状态//
     ctx.translate(150, 150);//1,移动坐标原点到(150,150) //
     var time = new Date();//创建系统日期对象//
     ctx.rotate(((2 * Math.PI) / 60) * time.getSeconds() + ((2 * Math.PI) / 60000) * time.getMilliseconds());//地球旋转 //
     ctx.translate(105, 0);//2,移动坐标原点到(105,0) //
     ctx.fillRect(0, -12, 50, 24); //阴影 //
     ctx.drawImage(earth, -12, -12);//画上地球图片 //
  380~389
     ctx.save();//第二次保存状态 //
     ctx.rotate(((2 * Math.PI) / 6) * time.getSeconds() + ((2 * Math.PI) / 600) * time.getMilliseconds());//月球旋转 //
     ctx.translate(0, 28.5);//3,移动坐标原点到(0,28.5) //
     ctx.drawImage(moon, -3.5, -3.5);//画上月球图片 //
     ctx.restore();//恢复到第二次保存的状态 //
     ctx.restore();//恢复到初始状态 //
     ctx.beginPath();//开始路径 //
     ctx.arc(150, 150, 105, 0, Math.PI * 2, false); //画出环形轨道 //
     ctx.stroke();//划出路径 //
     ctx.drawImage(sun, 0, 0, 300, 300);//画出太阳图片 //
  390~399
     window.requestAnimationFrame(draw);//循环draw函数;request:请求; //
     draw: function () {
     canvas.strokeStyle = "rgba(0,255,0.5)";
     canvas.strokeRect(0, 0, 1400, 600);
     /* //背景图
     var img = new Image();
     img.src = "images/p1.jpg";
     canvas.drawImage(img, 0, 0, canvas.length, canvas.height);
     //网格
     for (var k = 0; k < canvas.length / 50; k++) {
  400~409
     for (var l = 0; l < canvas.height / 50; l++) {
     canvas.strokeRect(k * 50, l * 50, 50, 50);
     } */
     canvas.beginPath();
    
     canvas.arc(this.x, this.y, this.radius, 0, 2 * Math.PI, false);
     //新中心的坐标
     this.x = this.x + this.vx;
     this.y = this.y + this.vy;
     //碰墙反向
  410~419
     if (this.x + this.vx < this.radius
     this.x + this.vx > 1400 - this.radius) {
     this.vx = -this.vx * 0.9;//每次碰撞速率减小并反向
     if (this.y + this.vy < this.radius
     this.y + this.vy > 600 - this.radius) {
     this.vy = -this.vy * 0.9;//每次碰撞速率减小并反向
     canvas.fillStyle = this.color;
     canvas.fill();
     //提示
     canvas.save();
  420~429
     canvas.font = "40px serif";
     canvas.fillStyle = "rgba(0,255,255,1)";
     canvas.fillText(("i=" + i), this.x, this.y);
     canvas.fillText(("vx=" + this.vx.toFixed(2)), this.x, this.y + 40);
     canvas.fillText(("vy=" + this.vy.toFixed(2)), this.x, this.y + 80);
     canvas.restore();
     i++;
     } //
     canvas:画布;
     image:图像,图片;
  430~439
     sun:太阳,阳光;
     moon:月亮,月球;
     earth:地球;
     request:需求,请求,要求;
     sqrt:开根;求平方根函数;根号;函数;开平方函数;
     animation:动画,动画制作;
     frame:框架,构架,骨架,支架,给...做框,作伪证陷害;
     draw:绘画,描绘,牵引,吸引,抽奖,平局;
     context:(事情发生的)背景,环境,来龙去脉,上下文;语境;
     global:全球,全局;
  440~449
     composite:组合模式;组合;合成;复合视频;复合;
     operation:手术;(有组织的)活动,行动;(包括许多部分的)企业,公司;
     destination-over:覆盖在目的地上方;
     clear:清除;
     fill:填充;
     stroke:划,画,小径;
     save:保存;
     translate:移动;
     date:日期;
     rotate:旋转,翻转;
  450~459
     seconds:秒;
     milliseconds:毫秒;
     context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height); //剪切图像,并在画布上定位被剪切的部分,
     img 规定要使用的图像、画布或视频。
     sx 可选。开始剪切的 x 坐标位置。
     sy 可选。开始剪切的 y 坐标位置。
     swidth 可选。被剪切图像的宽度。
     sheight 可选。被剪切图像的高度。
     x 在画布上放置图像的 x 坐标位置。
     y 在画布上放置图像的 y 坐标位置。
  460~469
     width 可选。要使用的图像的宽度。(伸展或缩小图像)
     height 可选。要使用的图像的高度。(伸展或缩小图像)
     context.arc(x,y,r,sAngle,eAngle,counterclockwise);//arc() 方法创建弧/曲线(用于创建圆或部分圆)。
     x 圆的中心的 x 坐标。
     y 圆的中心的 y 坐标。
     r 圆的半径。
     sAngle 起始角,以弧度计。(弧的圆形的三点钟位置是 0 度)。
     eAngle 结束角,以弧度计。
     counterclockwise 可选。规定应该逆时针还是顺时针绘图。False = 顺时针,true = 逆时针。
     canvas.lineTo(x, y, a, b);
  470~479
     window.requestAnimationFrame(draw);//请求动画框架并调用draw函数,以动画的方式一帧接一帧地渲染
     canvas小实例:开始一条路径,移动到位置 10,10。创建到达位置 300,150 的一条红线;
     var c=document.getElementById("myCanvas");//获取元素
     var ctx=c.getContext("2d");//使元素c获取2d绘画环境
     ctx.beginPath();//开始路径
     ctx.moveTo(10,10);//笔触移动到点(10,10)
     ctx.lineTo(300,150);//画一条直线到达点(300,150)
     ctx.strokeStyle="rgb(255,0,0)";//划笔的颜色设置为红色
     ctx.stroke();//以划的方式完成本次路径
     radius:半径;
  480~489
     restore:恢复,使复原,修复;
     clearRect(x,y,a,b)//清除一个矩形区域中的内容
     shoot:射击,发射,嫩芽,拍摄,请讲,做了蠢事或事情出了差错感到懊恼;
     paint:颜料,涂料,绘画,描绘;
     value:值;
     ctx.fillText("Hello world", 10, 50);//在点(10,50)处绘文本"Hello world"
     canvas.fillRect(0, 0, 100, 10);//在点(0,0)到点(100,10)填充出一个矩形
     var myBirthday = new Date("2000/5/25 00:00:00").getTime();//取得我的生日的标准毫秒值
     var date = new Date().getTime();//取得实时日期毫秒值
     var age = (date - myBirthday) / (1000 * 3600 * 24 * 365);//转化单位到年
  490~499
     alert("您现在已经活了:" + age + "年");
     <input type="button" value="刷新网页" οnclick="javascript:location.reload(true)" />
     <input type="button" value="关闭窗口" οnclick="javascript:window.close()" />
     <input type="button" value="打印窗口" οnclick="javascript:window.print()" />
     <input type="button" value="打开一个新窗口" οnclick="javascript:window.open('','','width=400,height=300') " />
     item.indexOf(":")//字符串中字符":"的第一个索引值
     JS字符串常用方法总结
     1、toLowerCase(): 字符串转为小写,返回新的字符串。
     2、toUpperCase(): 字符串转为大写,返回新的字符串。
     3、charAt(index): 返回指定下标位置的字符。如果index不在0-str.length(不包含str.length)之间,返回空字符串。
  500~509
     4、charCodeAt(index): 返回指定下标位置的字符的unicode编码,这个返回值是 0 - 65535 之间的整数。 注意:如果index不在0-str.length(不包含str.length)之间,返回NaN。
     5、indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置 注意:indexOf()方法对大小写敏感,如果子字符串没有找到,返回-1。第二个参数表示从哪个下标开始查找,没有写则默认从下标0开始查找。
     6、lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置。 注意:lastIndexOf()方法对大小写敏感,如果子字符串没有找到,返回-1。第二个参数表示从哪个下标开始查找,没有写则默认从最后一个字符处开始查找。
     7、slice(): 返回字符串中提取的子字符串。
     8、substring(): 提取字符串中介于两个指定下标之间的字符。 注意:substring()用法与slice()一样,但不接受负值的参数。
     9、substr(): 返回从指定下标开始指定长度的的子字符串 注意:如果没有指定length,返回从下标开始处结尾处的所有字符串。
     10、split(): 把字符串分割成字符串数组。
     11、replace(): 在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
     12、match(): 返回所有查找的关键字内容的数组。
     i < str.length//字符串固有属性length实时返回字符串的长度
  510~519
     var screenWidth = screen.availWidth;//屏幕的有效宽度
     var screenHeight = screen.availHeight;//屏幕的有效高度
     //实例:测试当前网页的宽度和高度
     //兼容所有浏览器的写法如下
     var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth;
     var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
     document.write("网页的宽度:" + width + " px ,高度:" + height + " px");//输出结果
     confirm:确认,使确信,认可;
     var arr = "*,%,&,<,>,,\,!,$,#".split(",");//特殊字符切割放入数组
     prompt:提示,促使,激励,鼓励;
 #  沉木
MAX96712在车载摄像头系统中的带宽分配与传输能力计算解析 在计算摄像头带宽与传输接口的关系时,需要考虑视频流的像素分辨率、帧率、颜色深度等因素。以 MAX96712 这种 GMSL2 产品为例,它支持每个链路在正向方向以 3Gbps 或 6Gbps 的固定速率工作。 阅读详情

相关推荐

GD32F450以太网(2-2): PHY芯片IP101GR介绍

IP101是台湾省九阳电子公司生产制造的,符合IEEE 802.3/802.3u标准单端口快速以太网收发器100Mbps和10Mbps操作,它支持自动MDI/MDIX功能,简化网络安装和减少系统维护成本。支持Auto MDI/MDIX已内置4个49.9欧的精密电阻支持中断功能支持 MII/RMII 接口超低功耗

Zhichao_Zhang的博客 1万+

HTML常用单词

HTML、CSS、JavaScript、BookStrap 常用单词

weixin_51779902的博客 2694

保姆级教程:用Docker Compose一键部署WVP-PRO+ZLM+录像服务(含Nginx反代)

本文提供了一套完整的容器化GB28181视频平台部署方案,通过Docker Compose实现WVP-PRO、ZLMediaKit(ZLM)和录像服务的一键式部署。详细介绍了环境准备、架构设计、容器化部署实战以及高级配置优化,帮助用户快速搭建高性能视频监控管理平台,适用于安防行业和物联网设备管理场景。

weixin_30415113的博客 861

JavaScript 常用单词整理

push :添加一个数组元素 document :文档 pop :删除最后一个数组元素 console :控制台 shift :删除第一个数组元素 string :字符串 Concat 组合数组 undefined :未定义 typeof :关键字 join:数组转化为指定分隔符 slice:返回指定数组 length:数组长度 Array:数组 number:数字 boolean:布尔 alert:提示框 parseInt:转化为整型数值 continue:继续 is

webWangGe的博客 751

1.4 《SST通用技术规范》整体框架与核心条款解读

本小节以**GB/T《电力电子变压器通用技术要求》**(固态变压器SST核心通用规范)为核心依据,结合电力电子变压器技术特性与工程应用边界,系统解析规范的整体章节框架、层级逻辑与强制性/推荐性核心条款,明确规范与传统工频变压器标准的差异,为SST拓扑设计、性能验证、出厂检验与工程落地提供标准化依据。全文以标准原文、期刊文献数据与试验规范为支撑,无主观推演与感性表述。

技术工作者 1682

AWS-解析mysql binlog同步数据方案

虽然是公有云的鼻祖,AWS在某些产品的实现却太不给力;可能是习惯了阿里云喂到嘴边的感觉,AWS很多方案需要自己折腾,蛋疼!比如这里要讲的mysql数据同步方案。 阿里云产品DTS,点几下就OK了,AWS,只能通过插件安装、配置、调试、蹚坑……,具体就是用msk的debezium插件连接器。没见识过的一脸懵逼,下面说下配置步骤和一些注意的坑。

sdmei 1406

JavaScript常用单词整理总结

第一章object对象undefined未定义变量boolean布尔类型sort()对数组排序charAt返回在指定位置的字符toLowerCase()把字符串转换为小写button按钮b...

穆雄雄的博客 2655

金蝶Apusic应用服务器 未授权目录遍历漏洞复现

由于金蝶Apusic应用服务器/admin/protected/selector/server_file/files、/admin/protected/selector/server_file/folders 等接口没有进行校验和过滤,直接将参数拼接到文件操作中,导致出现目录遍历漏洞,未经身份验证的远程攻击者可通过此漏洞读取系统内部系统文件路径及信息,导致信息泄露,系统处于极不安全状态。

0xSec 2168

js英语单词

事件 Onmouseover 鼠标移到目标上;鼠标移进时 Onclick 鼠标单击 Onmouseout 鼠标移出时 onkeyup 键抬起时 onkeydown 键按下时 blur vt. 涂污;使…模糊不清;使暗淡;玷污n. 污迹;模糊不清的事物 onblur 失去焦点,数组常用方法 push 推动,增加;对…施加压力,逼迫;按;说服 filter “...

qq_42806599的博客 3686

YOLOv8剪枝 lamp剪枝测试精度仅掉0.7个点,速度提高11.8fps!

该摘要介绍了LAMP剪枝方法的创新点和理论分析,重点突出了其最小化L2失真和分层自适应剪枝的特性。LAMP通过引入ξ变量在最坏情况下优化剪枝失真,并简化了计算过程。文章还提供了代码移植的具体步骤,包括创建compress.py文件和相关配置说明。

FJN110的博客 1112

使用CloudCompare和CANUPO进行点云分类的编程指南

在本文中,我们将介绍如何使用CloudCompare和CANUPO库进行点云分类的编程。CloudCompare是一款功能强大的开源点云处理软件,而CANUPO是一个用于点云分类和分割的C++库。这只是一个简单的点云分类示例,CANUPO库还提供了其他更高级的功能和算法,以满足各种点云分类需求。该函数接受点云数据、地面点掩码和非地面点掩码作为输入,并将分类结果存储在这两个掩码向量中。完成安装后,我们可以开始编写点云分类的代码。最后,我们遍历点云数据,并根据地面点和非地面点的掩码将结果打印出来。

ByteWhisper的博客 1058

javascript常用的单词

javascript常用的单词:Document对象主要有如下属性: 属性名称 说明 alinkColor 表示文档中文本链接被单击时的颜色 bgColor 表示文档的背景色 fgColor 表示文档的前景色(文本颜色) form、forms 表示文档中所有表单对象及它们形成的数组 image、images 表示文档中所有图片对象及它们形成的数组 lastModified 表示文档最...

shmily1113的博客 5970

电气论文实现:前推回代在IEEE33节点中的潮流计算实现(matlab,python)

本文首先介绍了前推回代的原理。然后基于IEEE33节点算例,分别用python和matlab运用前推回代进行了潮流计算。

总裁余(余登武)博客 8608

javascript常用的英文单词,javascript英语高频词

大家好,给大家分享一下javascript is the scripting language,很多人还不知道这一点。大家好,小编为大家解答java常用的英文单词的问题。tolocaleDatestring():输出本地化的日期。tolocaleTimestring():输出本地化得时间。tolocalestring:输出本地化的日期和时间。Date.now():从1970至今的毫秒值。getSeconds():秒数(0–59)getTime():从1970至今的毫秒数。

chatgpt001的博客 1025

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

javascript常用的英文单词,javascript 单词高亮

tolocaleDatestring():输出本地化的日期。tolocaleTimestring():输出本地化得时间。tolocalestring:输出本地化的日期和时间。appCodeName:浏览器代码名的字符串表示。appVersion:返回浏览器的平台和版本信息。platform:返回运行浏览器的操作系统平台。Date.now():从1970至今的毫秒值。getSeconds():秒数(0–59)getMilliseconds():毫秒数。getTime():从1970至今的毫秒数。

2301_79533350的博客 129

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

js找出最长单词_javascript如何找出字符串中最长的单词呢?

摘要:下文讲述js代码找出一个句子中最长的单词的方法分享,如下所示;实现思路:1.将句子根据空格拆分为一个一个的单词数组2.对数组进行遍历,找出其中的最大值例:maomao365.comjavascript找出句子中最长的单词的示例分享var a ="this is webSite , The Name is Maomao365.com";/*方式1,将句子拆分为单词,然后依次遍历找出最长的单词*...

weixin_39635657的博客 584

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

JS 常用单词

本文是从简书复制的, markdown语法可能有些出入, 想看"正版"和更多内容请关注 简书:小贤笔记 JS单词 push :添加一个数组元素 document :文档 pop :删除最后一个数组元素 console :控制台 shift :删除第一个数组元素 string :字符串 Concat 组合数组 undefined :未定义 typeof :关键字 join:数组转化为指定分隔符 slice:返回指定数组 length:数组长度 Array:数组 number:数.

weixin_53834770的博客 195

编程核心单词大全【单词+解译+代码示例】(多语言/平台·含代码示例)

列,示例聚焦单词核心用法,简洁可运行,覆盖日常开发高频场景,兼顾入门理解与实际参考。超全局变量(GET/POST/COOKIE)元素值(input/button)执行表达式并返回undefined。友元函数/友元类(突破访问权限)布尔类型(true/false)布尔类型(true/false)资源路径(img/script)禁止继承/重写(C++11+)列表项标签(ul/ol子元素)子选择器(div直接子元素p)

软硬开发、智能设置、物联设置、物联系统、数字平台、C\C++\C#、C51\STC\STM32\ESP32、VS\Qt\keil\STM32CubeIDE 1182

javascript常用单词记忆

Script 脚本,电视的剧本 Define 定义、规定 Null 空的、零值的 Number 数值、数数 Object 对象,客体 Abstract 抽象的、茫然的 Static 静止的 Parse 分析 Float 浮动、使…移动 Undefined 未定义的 Boolean 布尔型 String 字符串、绳子 do 做、干 Short ...

前端菜鸡的博客 2185

javascript常用的英文单词,javascript必备单词

11.includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。1.charAt(获取字符串指定位置元素)(截取一个字符 在指定的索引表中返回一个字符 方法)10.indexOf 返回某个指定的字符串值在字符串中首次出现的位置 (因袋克思 of)获取所有子元素/节点(包括文本类型(空格))通过索引(下标)获取对应元素 从索引0开始。5.search(查找字符串中的颜色 返回字符串中的起始位置)//getAttribute() 方法返回指定属性名的属性值。

神经网络爱好者 321

javascript单词_如何使用JavaScript将数字转换成单词

javascript单词 Lots of programming involves calculations with numbers, andyou can easily format numbers for display by adding commas, decimals, negative signs, and other appropriate characters dependin...

cumao2792的博客 604

网页版扇贝单词(今日复习,在学单词,未学单词)网页爬取javascript代码

网页版扇贝单词(今日复习,在学单词,未学单词)网页爬取javascript代码

baidu_40601892的博客 2598

【亲测免费】 探索词汇的无限可能:《英语单词大全》开源项目推荐

探索词汇的无限可能:《英语单词大全》开源项目推荐 在数字化时代,对于开发者、语言学家乃至普通的英语学习者来说,一个全面且易获取的英语单词库是无价之宝。今天,我们深入挖掘一款名为“an-array-of-english-words”的开源项目,它为你的代码和学习之旅添上浓墨重彩的一笔。 项目介绍 《英语单词大全》,一个简洁直接的Node.js模块,收纳了约27.5万个标准英语单词。本项目源自著名的L...

gitblog_01155的博客 579

js统计英语单词的个数

JS统计一篇文章中英语单词出现的次数 因为刚好要写一个这样的代码,总结了前人的代码,结合了自己的知识,rt 可以保存一个excel文件 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatibl...

李常常查德的博客 5690

JS常用单词

JS常用单词: 单词 中文 mouse 老鼠;鼠标; over 在…上面; mouseover 移进鼠标 out (从…里)出来;过时; mouseout 移出鼠标 focus 焦点-获取焦点 blur 模糊-失去焦点 click 点击-点击鼠标 dblclick 双击-双击鼠标 background 背景-网页背

Andy_195的博客 1914

JS基础+JS高级常用单词大全

Script:脚本 Dom:文档对象类型 Bom:浏览器对象类型 onclick:鼠标点击事件 src:文件源 console:控制台 log:日志 prompt:弹出输入框 var:关键字声明变量 number:数字 string:字符串 Boolean:布尔值 undefined:未定义 true:真 false:假 null:空 NaN:非数字 infinity:无穷大 MAX_VALUE:数字最大值 MIN_VALUE:数字最小值 isNaN:是否是非数字 length:长度 typeof:检测变量

weixin_46005715的博客 1328
上一篇: JS/base64
下一篇: CSS3单词及属性大全
浅香沉木
博客等级 码龄7年 32粉丝 118原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值