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