![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
malunan
前端
展开
-
如何做一个自己的博客
vuepress 轻量级VuePress由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。它以 Markdown 为中心的项目结构,以最少的配置帮助你专注于写作;享受 Vue + webpack 的开发体验,可以在 Markdown 中使用 Vue 组件,又可以使用 Vue 来开发自定义主题;它会为每个页面预渲染生成静态的 HTML,同时,每个页面被加载的时候,将作为 SPA 运行。...原创 2022-08-04 17:45:19 · 120 阅读 · 1 评论 -
【vuepress】自动生成侧边栏
VuePress是尤雨溪尤大为了支持Vue及其子项目的文档需求而写的一个项目,VuePress界面十分简洁,并且非常容易上手,花少量时间就可以将项目架构搭好。原创 2022-07-20 16:34:42 · 1993 阅读 · 0 评论 -
5分钟手撕换牌效果
创建一个父元素testBox和子元素pai设置两个一模一样的数组变量。一个用来渲染,一个用来变化。如果在同一数组做操作,会导致transition不生效给他们设置样式父元素设置相对定位,子元素绝对定位,按照个数设置 width的百分比,总和为100%重点点击事件,传数组1的值,找到在数组2中位置,进行替换顺序操作循环数组1,通过动态的left值,来进行位置变换。在数组2中所在的索引值,就是他的位置...原创 2022-06-29 15:33:24 · 207 阅读 · 0 评论 -
vue的实现原理
核心总体结构创建一个对象原型接受参数是一个对象对象内包含:节点,变量,方法//options对象{ el: '#app', data: { }, methods: { } ... ...}class Vue( ){ constructor(options){ //参数变量赋值 this.$options = opt原创 2020-12-18 15:47:53 · 891 阅读 · 2 评论 -
如何创建属于自己的脚手架
原理我们每次搭建项目都需要创建项目,然后进行一系列的基础配置,封装基础api ,配置webpack,浪费了很多时间和精力,用自己封装的脚手架模板就可以每次像创建vue,react那样一样简单,有能力的还可以去封装自己的框架。参考自beleve666大神的文章源码查看github原理就:利用npm封装插件,拉取我们在github上托管的项目,拉取完毕后把依赖的.git .svn删除掉 并用node.js更改json参数1. 先上插件依赖commander:完整的 node.js 命令行解决方案d原创 2020-12-18 13:37:58 · 1140 阅读 · 0 评论 -
vuepress自动生成侧边栏可排序
前言:vuepress需要手动设置侧边栏、导航栏,导入大量笔记就很费时间。为了能够专心写作而不用去管侧边栏、导航栏的引入下载npm i vuepress-sidebar-atuo引入const {getChildren} = require("vuepress-sidebar-atuo")使用module.exports = { '/views/': [ { title: '基础知识', collapsabl.原创 2020-12-18 13:36:43 · 1009 阅读 · 0 评论 -
路由跳转相同路径报错问题解决
路由跳转相同路径报错问题解决//router.js加入const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}//解决刷新页面404export default new Router({ mode: 'history', base原创 2020-08-13 10:53:18 · 667 阅读 · 0 评论 -
element表格数据发生变化 表格错位解决方案
如图所示element表格数据发生变化 表格错位data(){ return { //表格数据 tableData:[], } }, watch:{ tableData(val){ console.log(val) this.doLayout() } }, methods:{ //表格错位问题 doLayout(.原创 2020-08-12 14:04:45 · 1180 阅读 · 1 评论 -
分页器 基于element简单封装
//导入<pagination :total='page.total' :page='page.current' :limit='page.size' @update:limit='updatelimit' @update:page='updatepage' @paginatio原创 2020-08-11 13:49:02 · 251 阅读 · 0 评论 -
通用自定义组件注册到全局
如果自己自定义的通用组件频繁被调用,又不想每次都引入注册一遍,那该怎么办?例如一个icon组件<template> <div class="svg-icon-box"> <svg v-if="type==='del'" class="svg-del" width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" x原创 2020-08-07 18:05:09 · 443 阅读 · 0 评论 -
eventBus+vue-router+element写tab标签页
eventBus.js//新建eventBus实例import Vue from 'vue'export default new Vue()router.js//meta传递name名{ path: '/version/defDetail', name: 'VersionDefDetail', meta:{ name:'标签1', },//全局路由守卫router.beforeEach((to, from, next) =&原创 2020-07-10 09:32:27 · 272 阅读 · 1 评论 -
前端下载后台返的二进制
//在axios请求时 添加一个字段 responseType='blob' (一定要添加)//axios内添加请求拦截器response => {//如果有这个blob字段 就进入条件 if(response.config && response.config.responseType == 'blob') {//type内写请求头的类型 const blob = new Blob([response.data], { type: 'applicatio原创 2020-07-09 16:43:56 · 229 阅读 · 0 评论 -
vue+element上传附件大小限制,个数限制
在emelent上传附件onSuccess钩子中写下面判断//在emelent上传附件onSuccess钩子中写下面判断//回调 onSuccess: function (response, file, fileList) { if (response.data) { if(file.size>5242880){ this.$message({原创 2020-07-09 16:27:27 · 2548 阅读 · 0 评论