- 博客(11)
- 收藏
- 关注
原创 Vue中key的作用和原理
key的作用和原理key的作用给遍历节点的一个唯一标识当key为index时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></h
2021-10-05 11:21:22
218
原创 ES6模块化
ES6的模块化导出模块单个导出export const name = "张三";多个导出const name = "张三";const age = 18;function sayName() { return "my name";}export { name, age, sayName };默认导出export default function sayName() { return "my name";}一个文件里面只能有一个默认导出。导入模块 <scrip
2021-09-28 14:24:55
90
原创 在JavaScript中创建对象的方法
1.创建空对象的最简单方法是使用object构造函数。目前不推荐这种方法。 let obj = new Object(); console.log(obj);2.Object的create方法通过将原型对象作为参数传递来创建一个新对象let obj1 = Object.create(null) // 没有原型 console.log(obj1);3 对象字面量语法:当将null作为参数传递时,对象字面量语法等价于create方法let obj2 = {}; conso
2021-09-26 20:12:03
309
原创 let 和const
let在es5的语法中我们用 var来定义变量 但是用var来声明会出现一些问题。var 会存在变量提升的情况。console.log(a);//undefind var a = 12;这种情况不会报错 而是打印undefined。在ES6中 let和var的用法差不多。1.let就不会有变量提升。console.log(a);//报错 let a = 12;2.let 是一快作用域。 if (1 === 1) { var a = 12 }
2021-09-17 19:00:22
85
原创 判断两个数组是否相等
var arr1 = [1, 2, 3]; var arr2 = [3, 2, 1]; function xiandeng(arr1, arr2) { var arr1 = arr1.sort() var arr1 = arr2.sort() if (arr1 === arr2) { return true; } else { if (arr1.length != arr2.length) {
2021-09-16 16:28:05
224
2
原创 JavaScript事件委托
我们可以先看一下下面代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .big { wi
2021-09-08 22:43:08
93
原创 对象的继承
对象的继承一、原型链继承对象的继承可以看到我们在控制台打印一个数组,可以看到数组的原型是Array,而Array也有一个原型是Object。也就是说存在着一下的这个关系。[]->Array.prototype->Object.prototype数组是可以拿到这条链上的方法来用的。像数组的 [].map()和Object上的toString()方法都能用。那现在有以下代码:我们知道,实例可以继承自身原型上的实例和方法,那我现在想要Sub的实例sub1继承Super上的方法该怎
2021-09-05 23:56:06
185
原创 html隐藏页面元素的方法
占据空间页面渲染visibility: hidden;(直接隐藏,占据空间)opacity: 0; (透明度为0,直接透明)margin-left: -100%;不占据空间 不进行页面渲染display:none;width:0 height :0 overflow:hidden;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v
2021-08-16 23:39:59
504
原创 HTML基础01
HTML基础01什么是HTML?HTML是一中超文本标记语言(HyperText Markup Language)Hello HTML在vscode中 !+ Tab产生骨架。<!DOCTYPE html><html lang="en"><head> <!--base标签为页面上的所有链接规定默认地址或默认目标 hredf :规定页面中所有相对链接的基准URL. target:在何处打开页面中所有的链接(_blank,_paren
2021-08-02 19:25:01
120
原创 AXURE
AXURE 小案例自适应调节横向距离 全选 要的标签 点击顶部的横向。效果如下要调节页面自适应 我们可以点击 页面 ,设置样式 的页面尺寸为自动 ,再点击 添加自适应视图点击新增 可以选择预设设备的分辨率。事件交互案例1 鼠标悬停后变色选择元件 -> 选择交互事件 -鼠标悬停—选择鼠标悬停后的样式下拉菜单将二级菜单 组合起来 并且设置默认隐藏 点击一级菜单的时候 切换状态。局部变量案例 加法页面载入时选项组菜单互斥效果设置指定选项组名字
2021-07-28 21:06:01
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人