- 博客(39)
- 收藏
- 关注
RSS订阅原创 组件之间的传值通讯
组件之间的传值通讯1. 父组件 传值 子组件2. 子组件 传值 父组件3. 兄弟组件之间的传值1. 父组件 传值 子组件//父组件 home.vue<header :msg='msg'></header>//子组件 header.vueprops:['msg']prop:{ msg:数据类型}2. 子组件 传值 父组件子组件: this.$emit('自定义事件名称',要传的数据)父组件: <header @childInpu
2022-04-02 17:15:16
262
原创 computed,methods,watch有什么区别?
computed,methods,watch有什么区别?1. computed vs methods的区别(1) computed计算属性是有缓存的(2) methods是没有缓存的2. computed vs watch的区别(1) watch是监听,数据或者路由发生了改变才可以响应(执行)1. computed vs methods的区别(1) computed计算属性是有缓存的(2) methods是没有缓存的//例子:<div> change change change
2022-04-02 16:57:45
183
原创 Vue中如何做样式穿透
Vue中如何做样式穿透1. scss(1) 下载(2) 在style上添加语言(3) sass穿透2. stylus(1)下载(2) 在style上添加语言(3) stylus样式穿透1. scss(1) 下载npm install sass-loader node-sass --save(2) 在style上添加语言<style lang="scss">$color:blue;.main{ color:$color;}(3) sass穿透加了scoped是局部的,想
2022-04-01 16:04:18
1665
原创 v-if和v-for的优先级
v-if和v-for的优先级v-for的优先级高于v-if(不会写在同一个标签上)v-for的优先级高于v-if(不会写在同一个标签上)是在源码中体现的:function genElement
2022-04-01 15:17:23
112
原创 v-if和v-show的区别
v-if和v-show的区别1. 展示形式不同(1) v-if是创建一个dom节点(2) v-show:控制display:none;display:block;2. 使用场景(1) 初次加载,v-if要比v-show好.原因是页面不会多加载盒子(2) 频繁切换:v-show要比v-if好,创建和开销太大,显示和隐藏开销较小1. 展示形式不同(1) v-if是创建一个dom节点(2) v-show:控制display:none;display:block;2. 使用场景(1) 初次加载,v-
2022-04-01 15:16:05
160
原创 谈谈你对keep-alive的了解
谈谈你对keep-alive的了解1. keep-alive是什么?2. keep-alive功能是什么?3. 使用场景1. keep-alive是什么?是vue系统自带的组件2. keep-alive功能是什么?是用来缓存组件的.==>提升性能3. 使用场景就是来缓存组件,提升项目性能,减少发送请求的数量.(具体实现比如:首页进入到详情页,如果用户在首页每次点击都是相同的,那么详情页就没必要请求N次了,直接缓存起来就可以了,当然,如果点击的不是同一个,那么就直接请求).
2022-04-01 11:40:10
586
原创 vue2.x生命周期有哪些?
vue2.x生命周期有哪些?1. 有哪些生命周期?2. 一旦进入到页面或者组件,会执行哪些生命周期,顺序?3. 在哪个阶段有el,在哪个阶段有el,在哪个阶段有el,在哪个阶段有data?4. 如果加入了keep-alive会多哪2个生命周期?(1) activated:keep-alive 组件激活时调用。(进入)(2) deactivated:keep-alive 组件停用时调用。(离开)5. 如果加入了缓存组件keep-alive,第一次进入组件会执行哪些生命周期?6. 如果加入了缓存组件keep-a
2022-04-01 11:36:59
1689
原创 JS的执行机制
JS的执行机制一. 什么是同步与异步(1) 同步(2) 异步二. 单线程(1) js是单线程三. process.nextTick与setImmediate方法(1) process.nextTick(2) setImmediate四.事件循环(1) 运行栈(2) 任务队列(3) 事件循环五.宏任务和微任务(1) 宏任务(2) 微任务六. promise和async函数(1) promise函数(2) async函数七. 测试题一. 什么是同步与异步(1) 同步按顺序执行//例子:consol
2022-03-30 09:55:37
3847
1
原创 原型的基本概念
原型的基本概念1.什么是原型?2. 获取原型上的属性和方法的3种方式(1) 通过对象__proto__获取(2) 通过构造函数的prototype属性获取(3) 通过类的prototype属性获取3. 原型对象具体在实际项目中有什么用?4. 什么是继承?使用场景:(1) 使用es5实现继承,需要使用到prototype(基于原型的基础案例)(2) 使用es6实现继承5. 什么是原型链1.什么是原型?原型就是个对象每个对象都有他自己对应的原型对象,每个对象都可以使用他对象对应的原型对象上面的所有的属性
2022-03-29 15:15:45
1289
原创 对象深浅拷贝封装方法和案例
对象拷贝一.js的内存结构二.vue,js的对象列表三.浅拷贝(无法拷贝引用类型)浅拷贝封装方法四.递归五.深度拷贝深拷贝封装方法一.js的内存结构js的内存结构 === js的原型类型和引用类型原始数据类型:数值,字符串,布尔,null,undefined引用类型:对象(存储在堆内存中)//基本类型例子:let a = 10let b = a;a = 20conosle.log(a)//20console.log(b)//10a = 10(后来改成了20)
2022-03-28 16:14:17
1247
原创 回调函数,Promise对象,async函数的使用,解决回调地狱的问题
Promise是es6新增的语法,解决了回调地狱的问题1. 概念什么是回调地狱?需要拿异步数据不能用return拿数据,只能用回调函数拿,但是如果要控制拿数据的顺序,就需要函数内嵌套函数,套娃,但是嵌套多了,代码就不利于维护,那么这种就叫做回调地狱(案例二种的方法三就是回调地狱)如何解决回调地狱?es5通过回调函数拿数据,es6通过promis对象的then方法拿异步数据,这样的话就更容易维护,不会出现回调地狱resolve可以将异步数据传递出去,然后通过promis
2022-03-25 14:18:08
487
原创 call,apply和bind的区别
callcall是一个方法,是函数的方法call可以调用函数,call可以改变函数中this的指向call和apply相同点:都会调用函数不同点:传参的方式不同,call传参时一直往后加参数,apply传参数是以数组的形式传参call和bind相同点:传参的方式一样不同点:call会调用函数,bind不会调用函数,它会作为一个返回值返回一个函数,然后才可以调用例子一:function fun(){ console.log('调用')}fun.call()//打印了 调
2022-03-25 10:50:19
742
原创 什么是闭包?
什么是闭包?闭包就是能够读取其他函数内部变量的函数. 说白了,闭包就是一个函数,只不过是处于函数内部而已.闭包的作用:好处1.访问海曙内部的变量2.防止函数内部的变量执行完之后被销毁,时期保存在内存中.坏处1.耗内存,使用不当会造成内存溢出的问题...
2022-03-23 14:33:58
390
原创 http/https/浏览器
http/https浏览器http/https(1)http是超文本传输协议,是互联网上应用最为广泛的一种网络协议.(2)https是以安全为目标的http通道,简单讲就是http的安全版http/https的区别:(1)http传输的数据是未加密的,也就是明文(2)https协议是由http和ssl协议构建的可进行加密传输和身份认证的网络协议,比http协议安全性更高主要的区别:(1)http是超文本传输协议,信息是明文传输,链接很简单,是无状态的(2)https具
2022-03-23 14:31:49
8613
原创 讲一下let,var,const的区别?
讲一下let,var,const的区别?var1.没有块级作用域,只有函数作用域2.可以变量提升3.是会被挂载到window上,例:window.aconsole.log(a)var a = 10相当于在console.log上声明了一个var a = undefindlet1.有块级作用域2.不能重复声明3.零时死去不能被挂载到window上const1.有块级作用域2.不能重复声明3.零时死去不能被挂载到window上4.当被const常量声明
2022-03-23 14:29:19
147
原创 防抖和节流
一.什么是防抖?在规定的时间内,多次触发,只执行最后一次作用:高频率触发的事件,在指定的单位时间内,只响应最后一次,如果在指定时间内再次触发,则重新计算时间防抖类似英雄联盟回城6秒,如果回城中被打断,再次回城需要再等6秒1.如何防抖1.绑定触发事件,调用防抖2.创建一个新的定时器3.间隔时间内是否再次有触发事件a.有—>则清除上一个定时器,重新创建一个新的定时器4.执行防抖内需要处理的时间5.结束<input type="text" id="inp">fun
2022-03-23 14:11:58
598
原创 手写代码实现一个promise.all方法?
promise.all是一个静态方法,只会接受成功的结果 let p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve(111) }, 1000) }) let p2 = new Promise((resolve, reject) => { setTimeout(() => { resolve(222)
2022-03-08 15:01:36
169
原创 linux查看操作系统版本信息
一、linux下如何查看已安装的centos版本信息：1.Linux查看当前操作系统版本信息 cat /proc/versionLinux version 2.6.32-696.el6.x86_64 (mockbuild@c1bm.rdu2.centos.org) (gcc version 4.4.7 20120313 (Red Hat 4.4.7-18) (GCC) ) #1 SMP Tue Mar 21 19:29:05 UTC 20172.Linux查看版本当前操作系统内核信息 uname -
2021-12-10 13:59:37
13384
原创 安装VSCode后,如何将VSCode添加到右键菜单栏中
将VSCode添加到右键菜单栏中一 添加右键打开文件二 添加右键打开文件夹一 添加右键打开文件1, Win+R 打开运行，输入regedit，打开注册表，找到HKEY_CLASSES_ROOT*\shell分支，如果没有shell分支，则在*下点击右键，选择“新建－项”，建立shell分支。2, 在shell下新建“VisualCode”项，在右侧窗口的“默认”键值栏内输入“用VSCode打开文件”，这是右键上显示值，也就是文字。其事可以随便写，只是为了方便记忆和分辨。3, 在“VisualCode
2021-12-06 10:43:23
5557
原创 前端开发微信公众号本地调试
nginx实现本地调试微信公众号线上配置域名前言步骤一、 nginx安装二、 修改本地host文件三、 配置nginx四、 修改vue项目配置五、 修改微信公众号授权打开的链接地址路径六、 重启项目前言场景：先描述一下我整个编写的心里路程，非常的尴尬，一定要先看下再进行编写，整个过程是这样的，公司网络是做了网络安全限制的，所以使用内网穿透进行域名映射这个方法进行本地调试是不可取的，接下来我说说我的方法哈！有些步骤是网上合并的流程，如果有冒犯可以私信我，我会进行修改或者删除，我只是希望后面其他的小伙伴遇到
2021-10-16 12:09:10
1883
1
原创 springboot批量修改的方式(sql修改语句)
springboot批量修改的方式---sql修改语句1.方式一:2.方式二:1.方式一://sqlUPDATE init set value = '300' WHERE id = '1'//InitMapper@Update({"<script>" + "<foreach collection='initList' item='item' separator=';'>" + "UPDATE init set value =
2021-09-16 17:41:59
1817
原创 声明式导航跳转取值方式
声明式导航跳转取值方式一.路径参数取值方式1. props2.$route.params3.配图二.查询参数取值 $route.query三.备注小点1.path 路径地址2.fullPath 完成地址一.路径参数取值方式1. propshome.vue<router-link to="/move/1">电影</router-link>路由配置{ path: '/move/:mid', name: 'move', compo
2021-09-15 11:35:02
256
原创 java读取本地Excel文件,并返回list
java读取本地Excel文件,并返回list1.写一个test测试方法2.Excel文件格式3.Menu实体类1.写一个test测试方法@Test public void test(){ File file = new File("C:\\Users\\picc\\Desktop\\gdwechat.xlsx"); System.out.println(file.getName());//获取文件名称 gdwechat.xlsx List<
2021-09-14 11:37:21
988
原创 2021-09-14自定义toast提示弹窗组件
自定义toast提示弹窗组件1.Toast组件新建toast.vue2. Toast组件新建toast.js3. Home.vue4.最后,最终点的需要在main.js应用下toast,才能全局使用1.Toast组件新建toast.vue<template> <div class="container" v-if="show"> <div>{{ text }}</div> </div></template>&l
2021-09-14 11:18:07
249
原创 离线环境安装vue脚手架vue-cli
必看！！！：该方法适用于已在联网的时候开发过且有项目，现在需要搬到断网无项目的环境中，其他的应用环境没有测试过1.进入以下目录：c:\users\root复制隐藏文件夹.vue-templates到相同的目录2.进入以下目录：C:\Users\root\AppData\Roaming复制以下两个文件夹npmnpm-cache到相同的目录3.查看vue版本vue -V...
2021-08-09 17:15:16
1815
原创 .prettierrc
{ // tab缩进大小,默认为2 "tabWidth": 2, // 使用tab缩进，默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "singleQuote": true, "space-before-function-paren": 0, // 对象中的空格 默认true // true: { foo: bar }
2021-08-06 10:04:12
143
原创 vue.config.js
‘use strict’const path = require(‘path’)const BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer’).BundleAnalyzerPluginconst resolve = dir => path.join(__dirname, dir)// 生产环境，测试和正式const IS_PROD = [‘production’, ‘prod’].includes(process.env.NOD
2021-08-02 15:06:38
177
原创 .editorconfig
http://editorconfig.orgroot = true[*]charset = utf-8indent_style = spaceindent_size = 2end_of_line = lfinsert_final_newline = truetrim_trailing_whitespace = true[*.md]insert_final_newline = falsetrim_trailing_whitespace = false
2021-08-02 15:05:58
238
原创 2021-06-30 settings.json
{// Theme Setup.“workbench.colorTheme”: “Shades of Purple”,“workbench.iconTheme”: “material-icon-theme”,// 将设置放入此文件中以覆盖默认设置“files.autoSave”: “off”,// 控制字体系列。“editor.fontFamily”: “Consolas, ‘Courier New’, monospace,‘宋体’”,// 控制选取范围是否有圆角“editor.round
2021-08-02 14:46:17
101
原创 2021-08-02vs code 快速生成vue 模板
vs code 快速生成vue 模板1.使用快捷Ctrl + Shift + P唤出控制台，然后输入snippets并选择。(或 文件>首选项>用户代码片断里面，输入 vue.json ，然后回车 )(或 file > Preferences > User Snippets，当弹出搜索框之后，输入 vue.json ，然后回车)2.接着输入vue，vs code自动生成vue.json文件。3.将vue.json文件改为下面得模板（可根据个人需求修改当中的模板内容） {
2021-08-02 09:43:25
270
原创 MySQL约束
今日内容1. DQL:查询语句 1. 排序查询 2. 聚合函数 3. 分组查询 4. 分页查询2. 约束3. 多表之间的关系4. 范式5. 数据库的备份和还原DQL:查询语句1. 排序查询 * 语法：order by 子句 * order by 排序字段1 排序方式1 ， 排序字段2 排序方式2... * 排序方式： * ASC：升序，默认的。 * DESC：降序。 * 注意： * 如果有多个排序条件，则当前边的条件值一样时，才会判断第二条件。2.
2021-07-06 17:28:20
87
原创 MySQL基础
今日内容数据库的基本概念MySQL 数据库软件安装卸载配置SQL数据库的基本概念1. 数据库的英文单词： DataBase 简称 ： DB2. 什么数据库？ * 用于存储和管理数据的仓库。3. 数据库的特点： 1. 持久化存储数据的。其实数据库就是一个文件系统 2. 方便存储和管理数据 3. 使用了统一的方式操作数据库 -- SQL4. 常见的数据库软件 * 参见《MySQL基础.pdf》MySQL 数据库软件1. 安装 * 参见《MySQL
2021-07-06 09:31:59
74
原创 微信公众号api获取标签下粉丝列表,接口调用请求说明在postman测试,json格式传参
一、postman的设置：1.填写接口--->填写params参数键值对2.选择Headers--->设置参数类型3.点击Body--->选择raw--->选择JSON（application/json）,然后写自己想要的json参数内容（要注意括号和分隔的逗号，这里容易出错，出错是文本有提示）http请求方式：POST（请使用https协议）https://api.weixin.qq.com/cgi-bin/user/tag/get?access_token=ACCESS_T
2021-06-18 17:17:47
965
原创 vue3中没有全局的vue
Vue3项目注册全局组件时使用Vue时报错"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’解决方法：使用createApp
2021-06-12 12:34:44
392
原创 vuex demo示例
vuex demo示例1. 做一个demo页面 可直接在App.vue操作2.src-> store -> index.js3.src->store=>modules=>app.js4.src->store=>getters.js5.public=>list.json1. 做一个demo页面 可直接在App.vue操作 <!-- 做一个demo页面 可直接在App.vue操作 --><template> <div i
2021-06-10 14:25:01
223
原创 vuex里面的四大金刚：State， Mutations，Actions，Getters
Vuex管理器使用示例一、介绍 vuex里面的四大金刚：State， Mutations，Actions，Getters1.State2.Mutation3.Action4.Getter5. demo示例一、介绍 vuex里面的四大金刚：State， Mutations，Actions，Getters1.State（这里可以是 小写的 state，跟官网保持一致，采用大写，因为个人习惯，后面的代码介绍采用小写）2.Mutation更改 Vuex 的 store 中的状态的唯一方法是提交 mutat
2021-06-09 17:25:26
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人