自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 vue中子组件访问父组件

通过this.$parent 可以访问父级的数据和方法。通过this.$root 可以访问根组件的数据和方法。

2021-11-11 10:12:11 428

原创 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 179

原创 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 65

原创 在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 274

原创 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 68

原创 判断两个数组是否相等

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 192 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 79

原创 对象的继承

对象的继承一、原型链继承对象的继承可以看到我们在控制台打印一个数组,可以看到数组的原型是Array,而Array也有一个原型是Object。也就是说存在着一下的这个关系。[]->Array.prototype->Object.prototype数组是可以拿到这条链上的方法来用的。像数组的 [].map()和Object上的toString()方法都能用。那现在有以下代码:我们知道,实例可以继承自身原型上的实例和方法,那我现在想要Sub的实例sub1继承Super上的方法该怎

2021-09-05 23:56:06 160

原创 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 457

原创 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 101

原创 AXURE

AXURE 小案例自适应调节横向距离 全选 要的标签 点击顶部的横向。效果如下要调节页面自适应 我们可以点击 页面 ,设置样式 的页面尺寸为自动 ,再点击 添加自适应视图点击新增 可以选择预设设备的分辨率。事件交互案例1 鼠标悬停后变色选择元件 -> 选择交互事件 -鼠标悬停—选择鼠标悬停后的样式下拉菜单将二级菜单 组合起来 并且设置默认隐藏 点击一级菜单的时候 切换状态。局部变量案例 加法页面载入时选项组菜单互斥效果设置指定选项组名字

2021-07-28 21:06:01 88

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除