Vue-Dragvue拖拽功能必备知识点：先给不懂的童鞋补充下流程，文章要细读方能拖动元素到你心里~按下的时候，我们需要获取元素当前的 具有相对定位元素的左侧距离元素当前的具有相对定位元素的顶部距离鼠标按下点的x轴距离（鼠标左侧的距离）鼠标按下点的y轴距离 （鼠标顶部的距离）获取到这些点，先存储起来，后面的计算需要用到这些值 2022-09-21 Vue Vue
Vue图片上传前言：很多项目中都需要用到图片上传功能，而其多处使用的要求，为了避免重复造轮子，让我决定花费一些时间去深入了解，最终封装了一个vue的图片上传组件。现将总结再次，希望有帮助。Layouttype=file将类型设置为选择文件multiple是否允许文件的多选accept="image/*" 2022-09-21 Vue Vue
Vue点击当前路由实现刷新Vue点击当前路由实现刷新前言：在后台管理系统中，有这样一个需求点击当前菜单栏时，页面依旧可以刷新。点击当前路由实现数据请求页面刷新思路点击当前菜单栏时，因为要进行跳转的路由和当前路由相同，所以router.push(当前路由)并不会执行。所以需要借由第三方组件来实现。 判断是否点击的当前路由，如果是则跳转到空白的第三方组件，并传递当前路由。在空白组件中created的生命周期中接受参数，并执行页面跳转。此时页面不会显示任何内容就开始进行跳转，所以速度的问题不用担心。视觉上的效果就是点击当前路由后，页面刷新请求数据。实际路由已经跳转了两次。 2022-09-21 Vue Vue
vue-markdownvue-markdownGitHub https //github.com/zhaoxuhui1122/vue-markdown在线示例地址简介一款使用marked和highlight.js开发的一款markdown编辑器，目前只支持在vue项目中使用；编辑器涵盖了常用的markdown编辑器功能，工具栏可自定义配置，也可进行二次开发； 2022-09-21 Vue Vue
vue中引入图片vue.js中引入图片不显示的问题vue中引入图片时，会显示不出来，除非在css中引入。而在template中或者js动态引入时，会显示不出图片。解决办法一图片通过后端返回引入网络图片路径即可。解决办法二通过require引入图片以上就为两种图片引入不显示的问题。希望对大家有帮助。 2022-09-21 Vue Vue
Webpack基础篇前端构建工具Webpack的学习什么是webpack？百度词条：“Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式，将各种静态资源视为模块，并从它生成优化过的代码。要使用Webpack 前须先安装Node.js。”webpack可以做什么？ 2022-09-21 Webpack Webpack
Nginx基本配置nginx基本配置配置二级域名修改配置文件并重启cd /usr/local/nginx/confvim nginx.conf按照上述代码进行编辑即可编辑完成后esc + wq保存退出随后到sbin目录下进行./nginx -t进行测试如果成功则进行./nginx -s reload进行重启即可 2022-09-21 服务器 服务器
Redux基本使用Redux基本使用什么是Redux？Redux是一个管理状态（数据）的容器，提供了可预测的状态管理什么是可预测的状态管理？数据在什么时候，因为什么，发生了什么改变，都是可以控制和追踪的，我们就称之为预测的状态管理为什么要使用Redux？React是通过数据驱动界面更新的，React负责更新界面， 而我们负责管理数据 2022-09-21 React React
JavaScript设计模式与开发实践《JavaScript设计模式与开发时间》前言开发过程中，我们经常会有这种感觉：这个问题发生的场景很相似，之前好像遇到过很多次，但是如果要跟他人描述，那么就需要大量的篇幅去描述遇到的这个问题。我们就非常希望给这个场景一个名字，当其他开发听到这个名字的时候，就会有恍然大明白的感觉。大家对这个名字有了共识之后，沟通成本就会显著的降低。这也是各种设计模式被挖掘的原因，因为他确实是我们非常需要的。 2022-09-08 Javascript Javascript