- 博客(28)
- 收藏
- 关注
原创 git工作流程
git branch -D 没有合并过的分支,但是里面有代码修改,使用 -d 删除,是删除不了的。2 删除这个文件中的特殊标记 (标记出不同分支的内容)可以使用 q 来退出。git checkout -b 创建分支,并切换到新创建的这个分支上。拉取暂存区的**指定**文件将其替换工作区的文件 注意文件名和--之间要有空格空格空格。3 找到相应的开发人员去商量到底如何处理这个情况,用你的,还是用我的,或者两个都保留。...
2022-08-26 17:45:18
487
原创 vue拖拽三种方法
ghostClass: selector 格式为简单css选择器的字符串,当拖动列表单元时会生成一个副本作为影子单元来模拟被拖动单元排序的情况,此配置项就是来给这个影子单元添加一个class,我们可以通过这种方式来给影子元素进行编辑样式。拖拽只需要定义好拖拽者允许拖拽draggable,容器允许被放置,同时定于好开始拖拽dragstart的事件以及拖拽结束dragover的事件,最后定义好放置事件drop即可完成。需要知道开始拖拽时的元素是谁,拖拽后去往的元素是哪个,以及最后拖拽的结束。...
2022-08-26 16:44:17
19963
1
原创 什么是mock数据、mock数据使用步骤
1. mock这词本意是虚拟,模拟的意思。mock server工具,通俗来说,就是模拟服务端接口数据,2. 一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建一个JSON服务,3. 自己产生测试数据。即:json-server就是个存储json数据的server。...
2022-08-26 15:54:45
2397
原创 Vue中全局使用echarts的简单方法
从下载echarts.min.js我这里是把它放在了项目的下面,放其他地方也可以,但是项目规范一般是把它放这里。
2022-08-26 15:47:17
1661
原创 VUE项目中页面权限和按钮权限
3.纯前端方案的优点是实现简单,不需要额外权限管理页面,但是维护起来问题比较大,有新的页面和角色需求就要修改前端代码重新打包部署;服务端方案就不存在这个问题,通过专门的角色和权限管理页面,配置页面和按钮权限信息到数据库,应用每次登陆时获取的都是最新的路由信息,可谓一劳永逸!按钮权限的控制通常会实现一个指令,例如v-permission,将按钮要求角色通过值传给v-permission指令,在指令的moutned钩子中可以判断当前用户角色和按钮是否存在交集,有则保留按钮,无则移除按钮。指令实现按钮权限控制?.
2022-08-26 15:22:14
1783
原创 在项目中我们使用请求 需要通过api封装
先在项目目录中创建一个utils文件夹 在该文件夹下创建一个js文件为请求的封装 代码如下。在utils文件夹下创建一个api.js 这里以请求轮播图数据的接口为例。在需要使用轮播图接口的文件中。
2022-08-26 15:10:45
65
原创 yarn + vite + element-plus搭建vue项目遇到的问题
从vue3的官网中看到我们可以使用vue-cli搭建项目,也可以使用vite搭建项目 ,因为vite执行的速度会相对来说快了一点 所以这里我们说一下使用vite搭建项目以及遇到的一些问题
2022-08-10 19:02:03
792
原创 mysql和moogoDB的区别
1.如果需要将mongodb作为后端db来代替mysql使用,即这里mysql与mongodb 属于平行级别,那么,这样的使用可能有以下几种情况的考量: (1)mongodb所负责部分以文档形式存储,能够有较好的代码亲和性,json格式的直接写入方便。文档是mongoDB中数据的基本单元,类似关系数据库的行,多个键值对有序地放置在一起便是文档,语法有点类似javascript面向对象的查询语言,它是一个面向集合的,模式自由的文档型数据库。查询语句是使用传统的sql语句,拥有较为成熟的体系,成熟度很高。...
2022-08-03 09:37:33
200
原创 ajax请求的优缺点
AJAX技术给用户带来很好的用户体验的同时也对IT企业带来了新的安全威胁,Ajax技术就如同对企业数据建立了一个直接通道。ajax的缺点:如果网速慢,则会出现ajax请求缓慢,页面空白的情况,对客户的体验不好。相当于在客户端与服务端之间加了一个抽象层(Ajax引擎),使用户请求和服务器响应异步化,并不是所有的请求都提交给服务器,像一些数据验证和数据处理。在动态更新页面的情况下,用户无法回到前一页的页面状态,因为浏览器仅能记忆历史纪录中的静态页面。使用异步的方式与服务器通信,不打断用户的操作。...
2022-08-03 09:35:58
147
原创 路由传参的三种方式
由带参数:传参方式可划分为params传参和query传参,而params传参又可分为在 url 中显示参数和不显示参数两种方式1.params 传参(显示参数)又可分为 声明式 和 编程式 两种方式声明式router-link:该方式是通过router-link组件的to属性实现,子路由需要提前配置好参数<router-link :to="/child/1"> 跳转到子路由 </router-link>{ path: '/child/:id...
2022-03-17 11:34:59
19570
原创 CSS样式重置
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, .
2022-03-11 10:53:46
46
原创 localStorage(本地存储)
if (localStorage.getItem("xx")) { //写在添加里 this.xx = JSON.parse(localStorage.getItem("xx")); }watch: { xx: { handler(newval) { localStorage.setItem("xx", JSON.stringify(newval)); }, deep: true, },...
2022-03-10 16:40:15
80
原创 Vue返回顶部
1.在template标签中设置一个点击事件,并且在data函数中定义top状态为隐藏即false<template> <div class="box"> <div> 下拉的内容 </div> <!-- 1. 返回顶部 --> <div class="top" v-show="top" @click="istop"&
2022-03-10 15:39:43
202
原创 数据持久化:刷新页面,vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地,即使刷新也不能清空,例如:登陆状态、token等。这是就需要用到vuex数据持久化
//需要先下载插件npm install vuex-persistedstate --save 或者 使用yarn add vuex-persistedstate --save//在vuex初始化时导入插件import persist from 'vuex-persistedstate'//并使用export default new Vuex.Store({ state: { }, mutations: { }, actions: { }, modules: { },.
2022-03-10 10:26:51
718
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人