WebApi
林一。
这个作者很懒,什么都没留下…
展开
-
前端基础 - WebApi (五)动画
动画 动画核心 通过一定的时间段不断处理元素的一些属性的值,实现元素的动态效果 JS中提供的动画核心是通过定时器setInterval,不断的改变盒子的一些属性 实现动画 必须要有时间控制setInterval 随着时间进行改变元素的样式属性或者属性 进度条 核心原理:随着时间改变元素的宽度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam原创 2020-12-25 09:27:06 · 128 阅读 · 0 评论 -
前端基础 - WebApi (四)键盘事件
键盘事件 常用的三个 onkeyup:当某个按键被松开的时候后触发 onkeydown:当某个按键被按下的时候触发 onkeypress:当某个按键被按下的时候触发,不识别功能按钮(方向键、shift) 注意: 如果使用addEventListener不需要加on onkeypress和前面的两个事件区别在于它不识别功能键 三个时间的触发顺序是:keydown–keypress–keyup 键盘事件对象 属性 KeyCode:返回该键的ASCII码值 keydown和keyup事件对象是同样的,事原创 2020-12-25 09:17:16 · 429 阅读 · 0 评论 -
前端基础 - WebApi (三) 元素的结构创建
元素的创建总结 元素的创建 document.write(); element.innerHTML(); document.createElement(); 区别 使用document.write是直接将内容写入到页面的内容流区域,当文档流执行完毕,会导致页面全部重绘 element.innerHTML:是将内容写入当前这个节点内部,并且不会导致页面重绘,还可以创建多个元素,工作效率更高,(不需要连接字符串操作),但是写法结构比较复杂 document.createElement,创建元素但是只是创建原创 2020-12-16 09:18:32 · 110 阅读 · 0 评论 -
前端基础 - WebApi (二) 自定义属性
自定义属性 可以在使用DOM操作元素的时候,可以给元素添加一些其原本没有的属性,来记录一些数据 获取属性值 元素对象.属性名 获取属性值 元素对象.getAttribute(属性名) 获取属性值 区别:通过对象名点属性名获取到的是元素的属性值,并且对css属性以css形式返回。不能获取到自定义属性的值 通过getAttribute获取属性值,返回的结果是以字符串体现,可以获取到自定义属性的值 设置属性值 元素对象.属性名=属性值 元素对象.setAttribute(属性名,属性值);//属性名完全原创 2020-12-16 09:17:21 · 419 阅读 · 0 评论 -
前端基础 - 案例 (四) 排他思想 和 实现全选
案例 排他思想 先找到所有的元素 消灭所有的元素样式,改成初始样式 然后留下自己,设置特定样式 注意:顺序不能颠倒,先消灭后自己 window.onload=function(){ // 【1】选择所有的相关元素 // .getElementsByTagName("li") var lis=document.querySelectorAll(".choose>li"); // lis是一原创 2020-12-16 09:16:11 · 253 阅读 · 0 评论 -
前端基础 - WebApi (一)
格式化字符串 使用字符串方法format JS中不存在format方法,因此也无法使用,需要手动添加 ES6语法格式化 var inter=`这个人的名字是${man.name},他的年龄是${man.age},他的性别是${man.sex}`; 使用``符号将字符串进行括起来,然后字符串里面的变量数据使用${}括起来,在{}里面可以写变量、表达式 toString方法 var a=20.00; console.log(a.toString(2)); 将数原创 2020-12-16 09:13:54 · 192 阅读 · 0 评论