- 博客(98)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 Vue element-ui 组件使用过程中产生的问题汇总（持续更新）
这里做下平时用到组件时 产生的问题记录①.关于ElementUI导航组件el-menu刷新页面后恢复默认问题<el-menu :default-active="activeIndex" router //是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转> // index值设置为路由path <el-menu-item index="/">首页</el-menu-item> <
2021-06-30 19:00:32
1170
原创 js处理数组 ，对象 ，格式问题汇总（持续更新）
let arr = [ { 'id': '1', 'name': '小红', }, { 'id': '2', 'name: '小白', }, { 'id': '3', 'name': '小黄', }];// 使用map()生成数组let new_arr = arr.map(obj => {return obj.name})// 输出 ['小红','小白','小黄']...
2021-06-03 18:44:48
1502
原创 免费学习资源宝库
框架组件：名 称 网 址 描 述Thinkcmf https://www.thinkcmf.com/ 一款支持Swoole的开源内容管理框架，让WEB 开发更快，节约时间找女友!X-admin http
2020-06-30 17:08:32
5343
原创 TS第二章-面向对象
面向对象是程序中一个非常重要的思想，它被很多同学理解成了一个比较难，比较深奥的问题，其实不然。面向对象很简单，简而言之就是程序之中所有的操作都需要通过对象来完成。
2024-03-24 23:13:45
818
原创 TS快速入门笔记-第一章
1. TypeScript是JavaScript的超集。2. 它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。3. TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。4. TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。5. 相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境的兼容问题；同样的功能，TS的代码
2024-03-24 23:10:00
793
原创 重新点燃学习的激情：如何克服停滞不前的困境
此外，通过总结和分享，我们还可以从其他人的经验中学习，拓宽自己的视野。在工作空闲的时候，我打开了自己已经一年没来进行自创文章的CSDN，回顾了一下前几年在项目中遇到的问题和私下学习的知识点总结。然而，我渐渐发现现在的自己好像失去了之前学习的毅力，可能是被高负荷的工作压制住了，也可能是自己停滞不前了。总之，我意识到停滞不前是一个问题，但我也相信通过积极的努力和改变，我可以重新找回学习的动力和毅力。1. 制定明确的学习计划和目标：设定具体的学习目标，并制定合理的学习计划，将学习内容分解成小步骤，逐步实现目标。
2023-10-24 15:35:22
203
原创 Element UI 实现Upload多文件上传 （只请求一次接口）
页面代码展示 代码粘贴直接用注： 页面上用到的请求 是封装好的 from-data 表单提交后台效果图展示：请求参数展示：后端代码springboot代码展示：
2022-06-07 11:21:54
5144
原创 vue跳转页面常用的方法
**1：router-link跳转**1.不带参数<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始；如果不带'/'，则从当前路由开始。 2.带params参数<router-link :to="{name:'home', params: {id:12345
2022-05-19 18:49:10
1351
原创 25个不可错过的实用前端工具
整理了 25 个前端相关的学习网站和一些靠谱的小工具，包括一些小游戏、教程、社区网站和博客，以及一些资源网站，希望可以帮助到大家！▍CSS 相关● 1CSS Battle - 在线比拼 CSShttps://cssbattle.dev在线比拼 CSS ，一个挺有趣的竞争性游戏，一共有12个级别，需要你用 HTML和 CSS 100%还原它给出的页面，然后再尽量减少代码，你也可以查看全球的排行榜，看解决方案。● 2Learn CSS layout - 学习 CSS 布局http://le
2022-02-09 16:53:38
621
原创 git版本回退
## git log定义：该命令显示从最近到最远的提交日志。每一次提交都有对应的 commit id 和 commit message。如果嫌弃输出的信息杂乱无章，那么加上 --pretty=oneline 参数试试吧！## git reset --hard id定义：根据 id 回退到指定的版本；我们已经根据 git log 命令看到了所有的提交的信息，本文中，我以回退到 个人模块修改包引入顺序 版本，即 commit id 为 7222c8f6be2d663982faa98dffe2647
2021-12-24 17:46:49
160
原创 Vue --- 正则共用和表单校验封装方法
**1.在view/api 目录下创建pattern.js文件**//整数const IntegerRegex = /(^-?[1-9]\d*)|(0{1})$///正整数const IntegerPlusRegex = /^[1-9]\d*|0$///小数const decimalRegex = /^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$///正小数const decimalPlusRegex = /^[+]{0,1}(\d+)$|^
2021-11-24 14:24:12
1771
4
原创 Git更改远程仓库地址
问题：之前创建vue项目写需求的时候，绑定的有远程仓库，先将更换一个新得远程仓库 ，当我提交时报错 fatal: 远程 origin 已经存在。这时只需将远程配置删除，重新添加即可:git remote rm origingit remote add origin https://github.com/***/WebCrawlers.git再次提交文件即可正常使用为我这不强的记忆力记录下~...
2021-11-03 10:19:12
269
转载 vue cli3中vue.config.js的配置
来源：https://www.cnblogs.com/lanshengzhong/p/10386986.html（转载，个人做个笔记）Babel : 将ES6编译成ES5TypeScript: javascript类型的超集Progressive Web App (PWA) Support: 支持渐进式的网页应用程序Router:vue-routerVuex: 状态管理CSS Pre-processors: CSS预处理Linter / Formatter: 开发规范Unit Testin
2021-11-02 16:51:37
244
原创 工作中常用正则表达式 （二）
JS的正则表达式强：字母+数字+特殊字符 ^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*]+$)(?![a-zA-z\d]+$)(?![a-zA-z!@#$%^&*]+$)(?![\d!@#$%^&*]+$)[a-zA-Z\d!@#$%^&*]+$中：字母+数字，字母+特殊字符，数字+特殊字符 ^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*]+$)[a-zA-Z\d!@#$%^&*]+$弱：纯数
2021-09-17 18:22:38
291
原创 接收后端返回的pdf文件流 前端实现预览（下载 打印 搜索内容 ）
首先 说下这方面的需求： 向后台发送对应的id参数 拿到相关pdf的文件流 如下：由于没做过pdf预览功能 在网上看了好多教程 眼花缭乱 同时也试了很多种 不是报错 就是 报错其中Vue的教程 下载插件vue-pdf 根据文档教程满足我的需求 也实现了我想要的效果 但是做的项目是之前的老项目 纯原生写的 所以还是要看pdf.js的官网废话不多说 直接说下我过程中实现的步骤：①： 到官网下载包https://github.com/mozilla/pdf.js/releases
2021-09-09 15:24:27
8068
5
原创 ES6语法和特性概述（ES5和ES6特性的清晰描述和对比）
ECMAScript 2015，也被称为ES6，对JavaScript进行了许多修改。下面是一些最常见的特性和语法差异的概述，并在适用的情况下与ES5进行比较注意:一个普遍接受的做法是使用const，除非在循环和重赋值的情况下。然而，在此资源中，我将使用let代替所有ES6示例中的var变量和常量特性比较， 该表提供了一个简要概述。区别varvar声明的变量全局有效；var有变量提升，在声明之前也可以使用；var可以重复声明变量；var声明的变量可改。letlet只
2021-08-26 18:57:28
387
1
原创 git pull时出现冲突 放弃本地修改，使远程库内容强制覆盖本地代码
git fetch --all //只是下载代码到本地，不进行合并操作git reset --hard origin/master //把HEAD指向最新下载的版本
2021-08-18 14:21:58
1461
原创 解决办法：vue-cli4创建项目导入elementUI，浏览器报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
查看elementUI官网，发现这样一句话：使用 vue-cli@3 我们为新版的 vue-cli 准备了相应的 Element 插件，你可以用它们快速地搭建一个基于 Element 的项目。而官网引入的格式是这样的：import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.us
2021-06-25 15:34:40
706
转载 Vue中computed和watch的区别
计算属性computed :支持缓存，只有依赖数据发生改变，才会重新进行计算不支持异步，当computed内有异步操作时无效，无法监听数据的变化computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed如果computed属性属性值是函数，那么默认会走get方法；函数的返回值就是属性的属性值；在c
2021-06-22 18:41:01
110
转载 Pomise.all及Promise.race的使用及理解
Pomise.all的使用：Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。具体代码如下:let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 = new Promise((resolve, reject) => { resolve('succes
2021-06-22 17:26:15
159
转载 关于axios的拦截和api统一管理
使用：首先在src的目录里面创建一个http文件夹，在里面创建request.js、api.js两个文件request.js文件用来封装我们的axios，api.js用来统一管理我们的接口。reques.js：/**axios封装 * 请求拦截、相应拦截、错误统一处理 */ import axios from 'axios'; import QS from 'qs'; // 引入qs模块，用来序列化post类型的数据 import { Toast } from 'vant';// van
2021-06-22 16:59:31
145
原创 Vue中的路由配置项meta（及权限登录不同的导航）
meta?meta简单来说就是路由元信息 也就是每个路由身上携带的信息。列举几个例子：①.面包屑效果路由信息：页面：②.可以在路由导航守卫跳转的时候判断有没有这个信息,如果有让跳转如： 设置meta属性设置路由守卫③.根据不同的用户权限分配不同的路由导航当我登录是，通过判断是管理员还是普通用户，引导他们进入不同的内容的index.vue组件页面。没错，只用一个页面，实现两种权限。 有多种方式 先来看下第①种：可以提前创建几套路由规则 然
2021-06-16 15:51:20
14858
原创 git 把分支代码合并给master主分支
前言：一般开发分支在dev分支，每次迭代时，需要把开发代码提交到master分支，master分支为了避免污染，不进行开发。主要思想： 把分支代码合并到master，合给谁，就先切换到谁的分支①. 当前分支是dev，开发完成后，需要合并到master分支先把该提交的提交，需要push的push完成后，再切换分支。 否则也会告诉你要提交本地代码才可以切换分支②. 本地没有提交的厚，开始切换到master分支git checkout master③. 一般多人开发需要pull，建议都pul
2021-06-09 11:31:41
1482
转载 vue之封装loading组件
直接上代码： <!-- 用法: this.$store.commit('showLoading', true);展示 this.$store.commit('showLoading', false);不展示 <div class="main"> <Loading v-show="isLoading" /> </div> .main{ position: relative;/
2021-05-26 18:27:24
537
原创 解决 echarts 图的点击事件(点击重复触发，反复请求)的问题
在写Vue项目时： 需要在echarts点击事件中调一个方法发现点击一次后 向后台请求一次 再点击后 向后台请求两次 不刷新页面的前提下 每点击一次 就是在原基础次数上 增加一次这怎么能行！ 测试的时候 后端估计要拿刀砍我！！！想了一下的思路是点击前要做点什么怎么再点击前 清楚绑定 看了官方的api 后 解决办法如下： //防止重复触发点击事件 if (cake2._$handlers.click) { cake2._$handle
2021-05-25 18:35:01
1349
转载 Element-UI table表格 自定义样式
Element-UI中关于table表格的样式操作自定义列的内容：需求：在表格最后一栏添加操作按钮通过slot-scope="scope"添加操作按钮，这是专门为我们提供的插槽，方便自定义添加不同的内容。<el-table-column> <template slot-scope="scope"> <el-button size="mini" type="primary">编辑</el-button>
2021-05-18 11:00:55
14585
原创 Vue自定义公共组件及提取公共的方法
vue自定义公共组件我们在编写页面的时候,会存在公共的组件,比如头部和底部菜单我们拿公共头部为例子,想在每个页面都显示公共头部的实现方式有两种：在src/components目录创建目录 common, 再创建header.vueheader.vue<template> <div> <h1>header in here</h1> </div> </template> <script>
2021-05-17 18:25:44
3518
原创 【vue启动项目报错】This usually happens because your environment has changed since running `npm install`.
问题根本:这通常是因为运行NPM安装后环境发生了变化。运行“NPM重建节点SASS——强制”来为当前环境构建绑定。也就是说你的node.js版本发生了变化解决办法：按照提示执行 npm rebuild node-sass 命令尚若还不行，则：先运行npm install node-sass命令再运行 npm rebuild node-sass 命令启动项目...
2021-05-14 16:26:12
2221
1
翻译 Vuex总结（详解）
前言：在没使用Vuex前 ，组件之间共享数据的方式：父向子传值：v-bind属性绑定子向父传值：v-on 事件绑定兄弟组件之间共享数据： EventBus($on 接收数据的那个组件 ； $emit 发送数据的那个组件）以上小范围内 组件之间常用共享数据的方式在大范围内就显得力不从心了 从而让我们来了解下vuex先说一下vuex到底是什么？vuex 是一个专门为vue.js应用程序开发的状态管理模式。这个状态我们可以理解为在data中的属性，需要共享给其他组件使用的部分。
2021-05-14 13:23:51
293
1
原创 使用pm2管理项目（指令）
当我们有多个项目的时候，后台服务器的启动如果用powershell逐个启动则需要多个窗口，也不方便，所以在此记录自己使用pm2同时管理多个项目的方法。以下的“脚本”为后台启动文件名称，“自定义名称”为自己为脚本设置的一个名字。全局安装pm2npm i pm2 -g启动项目pm2 start .\app.js(脚本) --web_vueshop( 自定义名称)查看运行项目pm2 ls重启项目pm2 restart 自定义名称（或者id）停止项目pm2 stop 自定义名称（或
2021-05-11 18:30:09
1255
原创 Vue项目的一些优化策略
Vue项目完成后就要从开发环境转成生产环境一些第三方的包体积过大，导致生成js文件过于庞大，这是时候可以生成打包报告来查看项目中的问题1.生成报告有两种方式，一种使用npm run build --report2.另一种使用vue脚手架的ui可视化面板，在项目中输入vue ui3.点击生产环境下的运行按钮，可以看到打包出来的js文件一共有2M之多，js/chunk-vendors.js就是一些项目依赖文件，再右侧可以看到element-ui 和echarts 以及富文本编辑器，树状表格插件这几个
2021-05-11 11:39:44
7765
3
vue项目结合unity webgl通信（内含untiy+vue代码）
2024-04-10
Echarts图标tooltip添加按钮点击.zip
2020-07-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人