物语、-优快云博客

原创 Vue插槽

Vue插槽插槽（Slot）是 vue 为组件的封装者提供的能力允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。插槽作用: 用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容插槽：slot 作用：占位符默认插槽只要没有具体分发的内容, 都会给到默认插槽<slot name="default"></slot> 是默认插槽完整的写法和 <slot></slot> 完全等价示例如下：<my-

2021-04-10 18:01:09 476

原创 Vue中父子组件传值的多种方式

vue中父子组件传值vue中的父子组件传值，值得注意的是要遵守单向数据流原则。所谓单向数据流原则，简单的说就是父组件的数据可以传递给子组件，子组件也可以正常获取并使用由父组件传过来的数据；但是，子组件中不能直接修改父组件传过来的数据，必须要向父组件传递一个事件来父组件需要修改数据，即通过子组件的操作，在父组件中修改数据；这就是单项数据流。废话不多说，先看演示：这里可以看到我在父组件中定义了一个msg属性，子组件也获取到msg的值显示到input中，并通过修改子组件中input中的value值，实

2021-04-08 21:28:56 39496

原创 JS中的this指向问题总结

箭头函数的this指向箭头函数的this指向是函数在声明的位置的作用域中的this指向。简单说，箭头函数所在的作用域中（函数体外部那一层），this指向哪，函数内部的this就指向哪。let obj = { fn: () => { console.log(this); // Window对象 }}obj.fn()非箭头函数的this指向非箭头函数中的this指向问题，大致可分为四种。即默认绑定、隐式绑定、显示绑定和new绑定。默认绑定（指向wi

2021-03-21 21:43:28 274

原创 JS数据类型的总结

数据类型基本数据类型：number 数据性string 字符串型boolean 布尔型undefined 未定义null 空引用引用数据类型：object 对象function 函数array 数组引用数据类型和值类型(基本数据类型)存储区别：// 值类型在变量中存放的值本身, 引用数据类型在变量中存的是引用地址// 变量到变量的赋值 => 将变量里面的内容拷贝一份给到另

2021-01-25 21:03:23 239

原创移动端布局总结

配置视口width=device-width :让视口宽度等于设备宽度initial-scale=1.0 ：让视口不缩放user-scalable=no ：不允许用户使用手指缩放//标准写法：<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">手机屏幕碎片化很严重(屏幕大小不一致)，但整体跨度不会很大PC端解决屏幕不一致: 版心

2021-01-18 11:29:08 305

原创在网页上添加可爱的Live 2D模型

在查找资料的偶然间，我发现一个博客上有非常可爱的Live 2D模型，当时我就被打动了，于是开始各种查询，找出很多Live 2D模型的信息。下面我就分享一个最简单的用法，直接可以在html文件中引入即可。废话不多说，开整！效果展示先来展示一波效果图功能介绍功能表功能依次为展示随机语句、飞机小游戏、切换角色、切换角色、抓拍、github、隐身代码实现引入代码<script src="https://cdn.jsdelivr.net/npm/jquery/dis..

2020-12-02 21:58:21 1918 4

原创 vue中使用marked+highlight.js实现代码高亮效果

marked是对markdown进行解析的插件，它可以把markdown语法解析成html语法，从而实现页面效果，而highlight.js是对解析出的代码实现高亮效果，在实现代码高亮的时候我也用了其他方式，效果并不理想，踩了一些坑，下面给大家介绍如何避免这些坑！安装 markednpm install marked --save安装 highlight.jsnpm install highlight.js --save实现代码<template><div class.

2020-12-02 21:43:24 9886 8

原创 node的第三方模块“nodemailer“实现邮箱验证

安装 nodemailernpm install nodemailer -s开通QQ邮箱的 IMAP/SMTP服务(这里以QQ邮箱为例)1.登录QQ邮箱找到设置 -> 账户2.开启服务按照提示信息发送短信进行验证3.发送验证码之后点击我已发送然后会获得授权码，把授权码复制下来，一会要用！编写发送邮件代码创建mail.js文件"use strict";// 引入nodemailerconst nodemailer = require("nodemailer");//

2020-12-02 21:21:12 728

qq_41965819的博客