自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 能继承的属性和不能继承的属性

定位属性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip;4. 表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、字体系列属性:font、font-famil、font-weight、font-size、font-style;5. 列表布局属性:list-style。

2023-01-05 20:30:57 135

原创 父子组件之间的传值vue3

我们从Menu 组件接受子组件派发的事件on-click 后面是我们自己定义的函数名称getList。我们在子组件绑定了一个click 事件 然后通过defineEmits 注册了一个自定义事件。父组件通过v-bind绑定一个数据,然后子组件通过defineProps接受传过来的值,这时候父组件想要读到子组件的属性可以通过 defineExpose暴露。给Menu组件 传递了一个title字符串类型是不需要v-bind。我们从父组件获取子组件实例通过ref。父组件接受子组件的事件。如果你使用的不是TS。

2022-12-22 20:11:02 210

原创 什么是Mixin?如何使用Mixin 定义mixin

Mixins(混入):当我们存在多个组件中的逻辑或者配置(数据或者功能很相近),我们就可以利用mixins将公共部分提取出来,通过 mixins封装的函数,且组件调用他们是不会改变函数作用域外部。减少代码冗余度,也可以让后期维护起来更加容易。注意:提取的是逻辑或配置,而不是HTML代码和CSS代码。Mixins(混入):官网解释请看这里https://v2.cn.vuejs.org/v2/guide/mixins.html。

2022-12-21 20:23:08 3739

原创 使用vite创建vue3项目

文档: https://v3.cn.vuejs.org/guide/installation.htmlvite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发,它做到了本地快速开发启动, 在生产环境下基于 Rollup 打包。快速的冷启动,不需要等待打包操作;即时的热模块更新,替换性能和模块数量的解耦让更新飞起;真正的按需编译,不再等待整个应用编译完成,这是一个巨大的改变。

2022-12-21 11:57:06 210

原创 Css选择器

每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,可以容纳任意的元素,类选择器(class)好比人的名字,可以多次重复使用的,比如:张伟、王伟、李伟、李娜。其写法是把外层标签写在前面,内层标签写在后面,外层选择器和内层选择器中间用逗号隔开。列举出的选择器都能获取到,可以使用类、id、标签选择器,选择器之间用逗号隔开。交集选择器由两个选择器构成,其中一个为标签选择器,第二个为类名选择器。不换行,宽高是由内部撑开,设置宽高属性不生效,可以有水平。标签名{属性1:属性值1;

2022-12-20 20:23:41 46

原创 js轮播图

原理:子盒子是父盒子宽度的4倍,让父盒子产生scrollLeft值。每隔一段时间,让父盒子的scrollLeft加上图片的宽度。

2022-12-20 17:26:45 55

原创 动态创建列表

直接上代码HTMLCSSjs

2022-12-06 20:13:46 142

原创 浏览器高度兼容性

浏览器的实际高度: document.body.clientHeight浏览器的可视高度:document.documentElement.clientHeight浏览器的实际高度:document.documentElement.clientHeight浏览器的可视高度:document.body.clientHeight

2022-12-05 20:03:05 154

原创 todolist案例

静态页面Js

2022-12-02 09:06:54 40

原创 Tab切换基于jQuery实现

【代码】Tab切换基于jQuery实现。

2022-11-30 23:37:26 73

原创 git 常见的指令

首先git add . 将文件代码添加到暂存区. git commit -m "引号内添加描述" 添加到本地仓库 通过 git push 添加到当前分支

2022-11-29 17:18:53 131

原创 git能做什么 ?git基础教程

工作中,当接手维护一个项目时,需要从远程代码库将项目源码克隆到本地。或者,在Github上发现了一个非常好的开源项目,想要搞下来研究研究,第一步也是克隆版本库。简单的说就是我们很方便的把一个项目的源码从网上下载到了本地。git是目前世界上最先进的分布式版本控制系统。任意两个开发者之间可以很容易的解决冲突。公共服务器压力和数据量都不会太大。克隆版本库(目前我们最常用的功能)适合分布式开发,强调个体。

2022-11-25 10:05:54 355

原创 路由的基本使用

3 在实例化的对象里配置属性routes:[],这个数组里的对象包含path属性和component属性。1 引入js文件,这个js需要放在vue的js后面,自动安装(提供了一个VueRouter的构造方法)4 path属性是url的地址,component属性就是显示的组件(传组件的对象)2 创建路由new VueRouter(),接受的参数是一个对象。5 创建的路由需要和vue实例关联一下。6 路由到的组件显示在哪个位置。

2022-11-20 20:39:23 193

原创 Set和WeakSet的用法

【代码】Set和WeakSet的用法。

2022-11-19 23:48:33 84

原创 跑马灯案例

【代码】跑马灯案例。

2022-11-18 21:06:05 51

原创 什么是原型?原型的作用

任何一个函数都有prototype属性,他本身就是一个对象,我们称之为原型。

2022-11-17 22:12:40 1555

原创 proxy代理的用法

中介 new Proxy(target,handler)target:要拦截的目标对象handler:定制拦截的行为(方法)(函数) 也是一个对象

2022-11-17 00:21:21 145

原创 扩展运算符: ...数组/对象

【代码】扩展运算符: ...数组/对象。

2022-11-15 23:39:46 144

原创 iterator遍历器(迭代器)

【代码】iterator遍历器(迭代器)

2022-11-14 22:03:37 635

原创 过滤器的使用

【代码】过滤器的使用。

2022-11-06 23:58:49 46

原创 VUE组件的嵌套

定义有getter和setter的计算属性。默认只有getter的计算属性。监听data中属性的改变。

2022-11-04 22:04:30 672

原创 Vue中路由的使用

1 后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源2 前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;3 在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由)通过query的方式在url后加?参数名=参数的值获取参数:$route.query.参数名

2022-11-03 21:49:05 139

原创 子组件传值父组件

父组件有自定义的参数,可以传入event也可以拿到子组件传递的数据。通过event只能传递第一个参数。父组件这个方法没有自定参数,在父组件的方法直接加这个参数就可以拿到。1.给父组件中给引用的子组件注册一个事件(这个事件是自定义的)1.emit方法第二个参数可以定义子组件给父组件传递的内容。2.子组件可以触发这个事件$emit(‘事件名字’)2.在父组件中怎么拿到这个内容。

2022-11-02 22:34:14 450

原创 VUE全局组件定义的四种方式

h1>登录

2022-11-01 21:46:03 336

原创 vue生命周期

从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!

2022-10-31 23:56:40 45

原创 函数与symbol

以上函数都是在window对象下,移植到了Number对象下,这么做的目的是慢慢地减少全局性的函数,把全局函数合理地规划到其他对象下,渐渐实现语言的模块化。运行结果也很好理解,如果传入的参数是整数,就直接返回整数,如果是小数,在ES5中,我们存在几个全局函数isNaN函数,isFinite函数,parseInt函数,注意是判断非无穷,不。Number.isNaN函数:用于判断传入的是否是非数值,注意:是判断非数值,而。那么,移植到Number对象isNaN函数和原本是全局函数的isNaN函数,有不。

2022-10-30 18:39:42 45

原创 什么是解构赋值

ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。// x = y// 交换两个变量// 函数返回值可以返回多个变量// 解决形参undefined的问题} fn1( {

2022-10-29 23:12:49 154

原创 VUE小结 day02

● 点击这个按钮之后为什么会进行页面的刷新,因为这个按钮是定义在表单里的,所以点击这个按钮会触发表单的提交,这个时候可以组织按钮的默认事件。■ {{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器,后面过滤器的data就是前面表达式传过来的值。filters这个是实例化Vue的一个参数,和data,methods平级的,里面放的就是我们这个实例的私有过滤器。● 绑定事件的方法可以加括号也可以不加,加上括号之后可以给这个方法传递参数。参数:过滤器的名字和过滤器执行函数。■ 获取删除元素的索引。

2022-10-28 21:59:29 60

原创 VUE-基础使用1

(1)Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。(2)Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!

2022-10-27 23:29:30 81

原创 打印父类的say方法里的内容

该类包含name的属性,和say的方法。通过say方法可以打印动物说话了。编写一个Dog类继承动物类,要求该类中包含颜色的属性,该类重写say方法,要求打印父类的say方法里的内容,并且打印 动物颜色+动物名字+“叫了”。

2022-10-25 19:00:42 83

原创 每日知识点总结

第一个var进行了提升第二个是弹出全局没有进行函数的调用,所以未找到函数报错调用了fn1的函数,普通函数指向全局window,打印喜洋洋原型是对象,有constructor属性,原型的constructor属性指向构造函数优先移动端A或者B都对。

2022-10-25 18:40:49 302

原创 this指向

在promise对象里面的static方法中,this指向当前类。在箭头函数中,箭头函数this指向父作用域(定义它的地方)用实例化对象调用函数,this指向实例化对象。在定时器函数中,this指向window。用原型对象调用函数,this指向原型对象。在普通函数中,this指向window。在构造函数中,this指向实例化对象。在对象函数中,this指向当前对象。在数组对象中,this指向当前数组。在事件函数中,this指向事件源。

2022-10-24 19:23:27 74

原创 let/var/const/的区别

const声明的变量会产生暂时性死区,只在当前作用域中查找。在全局声明的变量是全局变量,在局部声明的变量是局部变量。let声明的变量会产生暂时性死区,只在当前作用块中查找。let声明的变量只在当前块作用域中有效(大括号)const声明的变量只在当前块作用域中有效。用const声明的变量是常量,不能改变。const声明的变量不能重复声明。const声明的变量必须赋初值。let声明的变量不能重复声明。const声明的变量不能提升。let声明的变量不能提升。

2022-10-24 10:43:14 67

空空如也

空空如也

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

TA关注的人

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