SYQ15544423296的博客

原创 函数function的{}和return的含义

1、不需要return的时候，判断语句较为单一， 可以省去{}花括号，直接写即可，底层会做处理。举例filter(保留等于他的值) return和return的情景。2、需要return 的时候，写了大括号必须要return。

原创 FullCalendar日历插件说明文档

一般标准配置视图FullCalendar插件有5类视图：包括month（月视图），basicWeek（基本周视图，左侧不显示具体时间），basicDay（基本日视图，左侧不显示具体时间），agendaWeek（周视图），agendaDay（日视图）。

原创 vue3使用插件fullcalendar生成日历或工作台

为了让日历插件在 Vue 中用起来更便捷，FullCalendar 将日历拆成了小插件，用哪个功能，安装哪个功能，不使用的话可以不安装。//交互包，提供事件拖放，调整大小，日期单击和可选操作的功能。注意一定要先安装@fullcalendar/core。//为日历引用bootstrap 4的主题。// 核心包，包含ccalendar类。后面会继续更新点击事件等相关内容...//在月视图和日视图操作事件工具包。//在时间段视图操作事件工具包。终端执行npm命令(

原创 vue中使用vuedraggable

vuedraggable也对应vue2.0和3.0有各自的版本，直接使用命令安装默认版本，注意有可能安装的是2.0左右的版本，v3项目有可能报错。npm i vuedraggable@4.1.0 --save 或 yarn add vuedraggable@4.1.0。就是vuedraggable版本不对，导致错误，更换版本为4.1.0的就ok 了。最近项目中使用vuedraggable这个插件，实现拖拽功能，

原创 vue3完整引用elementPlus全过程

element图标不显示问题解决方法

原创 vue安装依赖报错install i 报错提示npm audit fix --force,or `npm audit` for details

（npm audit fix 含义： 检测项目依赖中的漏洞并自动安装需要更新的有漏洞的依赖，而不必再自己进行跟踪和修复。vue项目执行npm install初始化后报错。出现这类提醒，按照如下操作进行。3、如果出现以上提示，继续输入。4：至此项目配置完毕，运行工程。

原创 vue前端 router路由hash和history模式区别

2、history每次刷新会重新像后端请求整个网址，也就是重新请求服务器。如果后端没有及时响应，就会报错404！history的好处是可以进行修改历史记录，并且不会立刻像后端发起请求。vue-router路由有两种方式，hash模式和history模式，接下来浅谈一下两者区别。3、不过如果对于项目没有硬性标准要求，建议直接使用hash模式开发。1、hash模式每次刷新页面时是直接更改“#”后的东西，地址不变。

原创 openstack用户管理：user（用户），tenant(租户)，role(角色)

在API 3之前的版本，使用tenant, API 3之后的版本，更多的使用project。目前的openstack版本(Mitaka (April 2016))中，更多的使用的是peoject（项目）这个词，而不倾向于使用tenatn（租户）。2、用户通过租户访问计算管理资源（这里的计算管理资源可以理解为openstack服务），也就是说必须指定一个相应的租户才可以申请openstack服务。项目组属于不同的租户。1、角色是可执行一特定系列操作的用户特性，角色规定了用户在某个租户中的一系列权利和特权。

原创 请求头Authorization

Authorization的作用是当客户端访问受口令保护时，服务器端会发送401状态码和WWW-Authenticate响应头，要求客户机使用Authorization来应答。Authorization头的主要用作http协议的认证。注意：Bearer 后面需要加一个空格。

原创 vuex中调用mutations的两种方法

vuex调用mutations

原创 安装Vue浏览器插件vue.Devtools（小白无压力教程）

极简插件是一个优质Chrome插件扩展收录下载网站，收录热门好用的Chrome插件扩展，国内最方便的插件下载网站。（这里可以先点击小狮子，找到vue把他的图标定在浏览器上，接着打开你的项目地址，就可以看到了）3、接着打开你的默认浏览器，我的是Google,选中设置，打开扩展应用， 打开管理扩展程序，5、注意需要重启电脑，或者打开新的网页，把前端代码地址重新打开就会成功应用，4、接着打开开发者模式，添加刚刚的应用程序vue.js.Devtools。2、下载安装包后，解压文件夹， 会生成2个文件。

原创 vue3组件自定义事件与vue2的区别

/ vue2：这种写法定义事件，可以通过.native修饰符转为DOM时间，获取最外层的标签DOM事件。//vue3：这种写法为原生DOM事件，原生的DOM事件不管是放在标签身上，组件标签身上都是DOM事件。1、@click===原生dome事件，获取dom事件比如键盘、鼠标等事件。

原创 git checkout 相关命令

基于远程库分支创建分支（以远程库中的 liang 分支为起点，在本地创建一个 dev 分支）git checkout -b XXXX 创建并切换新分支。git checkout 切换已有分支。

原创 git clone后，执行其他git命令报错：fatal: not a git repository (or any of the parent directories): .git

具体问题是打开的文件路径错误：E:\dy> 应该是E: \dy\web>，导致仓库没有git命令，git clone后一定要仔细检查。首先使用git相关命令报错。

原创 gitlab合并代码 eslint --fix 终止提交

问题表述：使用git commit -吗‘fix：bug’,控制台没有报错，但是命令不在乡下执行，问题如下。解决方案：git commit -m 'info' --no-verify。使用以上命令提交，大致意思:提交不进行校验。

原创 el-tree 树全部展开或收起

【代码】el-tree 树全部展开或收起。

原创 vue-seamless-scroll无缝滚动组件使用方法详解+解决轮播空白缝隙问题（最后面）

vue-seamless-scroll详细教程，包括滚动+解决空白问题

原创 Loding缓存展示的写法-vue3

loding缓存的编写

原创 骨架屏-vue3中实现

新加载缓存方式的体现方法

原创 vue中如何同时监控多个变量

原创 v-if 和 v-show的区别有哪些以及何时使用

目开发时什么时候使用v-show，什么时候使用v-if，两者有什么区别

原创 vue开发调试工具-vue devtools

主要作用：Vue官方开发调试工具 `vue devtools`：工具在**开发环境下**可以实现浏览器对**Vue**功能的基本监控下载地址： https://crxdl.com/

原创 restfull-请求模式

restfull

原创 axios请求参数的三种方式

axios请求参数的三种方式：1.拼接，2.配置设置参数params，3.Form Data 动态参数

原创 Ajax异步请求数据案例

Ajax异步请求数据案例

原创 异步请求方式的集合

异步请求方式的集合

原创 axios异步请求

axios异步请求的三种写法

原创 Ajax异步请求

Ajax异步请求

原创 JS原生异步请求

js原生异步请求

原创 添加路由的2种方式--router

添加路由的2种方式--router

原创 路由-route

路由-route 通过路由实现页面的跳转&获取值

原创 vue - 子改父第二种写法

子注意的是：1、写点击事件并用$parent.msg获取父组件的值

原创 vue - 子改父第一种写法

vue - 子改父

原创 vue组件-父传子

vue组件-父传子

原创 vue-props

props表示的意思：子组件不能直接接收父组件的数据，需要用props才能让子组件接收父组件

原创 脚手架安装

脚手架安装

原创 vue-组件

vue-组件

原创 vue-计算属性：computed

计算属性：computed

原创 Vue的八大生命周期钩子函数

*Vue实例化对象创建之前*/Vue实例化对象创建之前，获取不到data里面的数据的createdVue实例化对象创建之后，可以获取data里面的数据，不可以获取到dom包括根节点/*Vue的dom挂载之前*/dom挂载之前可以获取到根节点，还没有把data中的数据渲染到dom节点上mounted已经把data中的数据渲染到了dom节点上/*Vue的dom挂载之前*/............

原创 Vue基本写法

Vue基本写法