- 博客(67)
- 收藏
- 关注
原创 解决Vue2打包后出现空白页面问题
注意:是build下的assetsPublicPath。是双击index.html后页面为空白。找到对应文件 添加publicPath。
2023-05-09 11:03:39
392
1
原创 react脚手架配置代理两种方式
内容来自: 尚硅谷react视频.package.json在package.json中配置 (3000为react 5000为要访问的【自己开启的】服务器)优点:配置简单 前端请求资源时可以不添加任何前缀缺点:不能配置多个代理工作方式:当请求3000不存在资源 那么请求就会转发给5000(优先匹配前端资源)3000存在的资源为public文件中若请求http://localhost:3000/index.html 返回的是public/index.htmlgetAxios =.
2021-12-02 10:35:25
784
原创 数组中多条数据去重并且合并不同的属性
需求后台返回的数据没有合并(后台数据id相同的顺序排列)数据中有的属性不同思路:要有一个存放旧数据的变量 进行比较定义两个数组:①newlist = 最终的数据②oldobj = 存放对象循环原本数组① 判断obj中的id是否与当前原数据的id相等相等:将同id不同的属性放入不相等:push(当前元素) oldobj = 当前元素// 数据结构 list: [ { number: 1, name: ".
2021-11-24 11:12:22
318
原创 elementui原方法有默认参数还想再赋值scope
计数器el-input-number的change事件原本默认参数currentValue, oldValue,想要再添加参数 <el-input-number v-model="scope.row.amount" placeholder="请输入内容" :min="0" :max="finallySelect[scope.$index].maxnum" @change='(value) =&.
2021-11-19 15:51:46
470
原创 简单了解项目部署
项目部署 windowsLinuxwindows购买阿里云、腾讯云、华为云等独立服务器远程桌面 直接远程到服务器上把项目复制过去安装依赖包 启动项目打开对应的端口 如3300(若为腾讯云则忽略此步骤)Linuxcentos购买centos服务器 记住账号密码使用工具链接服务器 (服务器上需要安装mysql node等 与本机一致)windows:xhellmac:finalShellwindows使用ftp工具上传项目文件 mac使用finalshell上传解压zi
2021-11-18 10:01:34
551
原创 搭建简单的node项目
node搭建项目npm init -yes6模块化启动项目日志系统配置npm init -y生成package.json文件npm init省去了回车es6模块化node不能直接编译es6安装: npm i -S babel-cli babel-preset-env babel-plugin-add-module-exports检验是否安装成功①package.json中配置start—>②配置.babelrc文件—>③npm run start.babelrc文件
2021-11-17 16:50:49
1359
原创 Vue前端打包详细流程
前端打包添加打包命令运行打包代码打包指定不同的环境变量打包自定义文件移除三方包gzip压缩打包部署模式添加打包命令package.json中添加配置npm run build 发布到线上的代码 不便于调试命令:①npm run build:dev 开发调式环境②npm run build:prod 线上调试环境 "build:dev": "vue-cli-service build --mode dev", "build:prod": "vue-cli-service build
2021-11-15 14:44:19
19121
1
原创 vue中根据用户权限动态添加路由详解(后端返回角色 前端过滤)
根据用户的权限,展示不同的菜单页。知识点路由守卫(使用了前置守卫):根据用户角色判断要添加的路由vuex:保存动态添加的路由难点每次路由发生变化时都需要调用一次路由守卫,并且store中的数据会在每次刷新的时候清空,因此需要判断store中是否有添加的动态路由。(若没有判断 则会一直添加 导致内存溢出)根据角色判断路由过滤动态路由 判断每条路由角色是否与登录传入的角色一致<template> <div> <el-menu .
2021-11-04 16:45:22
1779
原创 解决Vue父组件进入子组件调用一次create函数
弹框中出现子组件 每次显示弹框时子组件调用一次create()(原本为进入多次,只有在第一次能调用create())解决方案:在外层包一个div 添加属性v-ifv-if为元素的创建和销毁false时销毁;true为创建,则会调用一次create() <div v-if="dialogFormVisible"> <el-dialog title="" :visible.sync="dialogFormVisible" .
2021-11-03 11:11:35
2099
原创 Vue3 composition API(组合API)详解与代码
本篇文章基于该视频: 尚硅谷教学Vue2与Vue3Vue3详解setup函数初始注意点响应式ref函数(基本数据类型)reactive函数(引用数据类型)响应式原理Vue2.0X响应式原理Vue3.0X响应式原理computedwatchsetup函数初始新的配置项 值为一个函数组件中的所有数据、方法等,均要配置在setup中setup函数有两个返回值:①若返回一个对象,则对象中的属性、方法,在模板中均可使用。(重点)②若返回一个渲染函数,则可以自定义渲染内容。(了解)⚠v.
2021-10-10 17:13:45
1626
2
原创 小程序使用mp-html解析html
链接:mp-html文档(官方详细说明)安装使用npm:控制台npm init (一直按空格键)npm i mp-html开发者工具2.1 本地设置勾选使用npm模块2.2 右上角工具-构建npm在需要的json下添加mp-html组件例如pages/index/index.json"usingComponents": { "mp-html": "mp-html" }在需要的wxml下写<mp-html content="{{html}}" />(html为你所需
2021-09-09 15:25:25
3630
原创 VCharts根据时间段改变数据
<template> <div class="small"> <div class="meta"> {{ $route.meta[0] === "首页" ? "" : $route.params.name }} <i v-if="$route.meta[0] !== '首页'" class="el-icon-star-on"></i> </div> <el-row style="
2021-09-03 11:00:09
165
原创 汇总NodeJS链接MongoDB遇到的问题Handlebars: Access has been denied to resolve the property “title“ because it
链接: 详细.在sort()和then()中加lean()
2021-08-23 15:31:23
247
2
原创 2021最新macOS下的MongoDB详细安装教程
安装流程下载mongodb链接在mongodb文件中先创建data文件夹在data下在创建db文件夹放在不容易删除的地方(一般放在个人)输入命令// 进入bin文件夹$ cd mongodb/bin// 将数据指向刚才创建的文件夹下 成功如下图./mongod --dbpath ~/mongodb/data/db打开一个新的终端$ cd mongodb/bin// 执行mongo 成功如下图 且 之前的终端会打印新的信息$ ./mongo// 检查
2021-08-23 11:31:14
495
原创 SVN常用命令
SVN 集中式版本控制器服务端 1个 (码云/VisualSVN)客户端 (SlikSVN/TortoiseSVN 小乌龟)1⃣️拉取代码svn checkout 地址目录: trunk主干 branches分支 tag里程碑(如已发布)2⃣️添加到版本库svn add 文件名3⃣️查看修改svn status4⃣️提交svn commit -m “提交说明”1⃣️更新svn update2⃣️查看提交的历史信息svn log3⃣️回退上一个版本svn rever.
2021-08-19 11:13:52
177
原创 微信小程序之表单(获取验证码/单选框/多选框/图片上传 )
知识点: 布局flex 单选框获取验证码倒计时: setInterval (第二个例子)单选: 当前点击的index与该项的index相同则选中;点击多次会有取消的思路是当前点击的index与赋值的不相同,赋值点击index选中;当前点击的index与赋值的相同则取消多选: 把选中项的selected取反单选多选若没有对应图片则不现实图片 图片预览效果图如下:<!-- wxml --><view class="form_wrap"> <form ca.
2021-07-29 10:36:53
1728
原创 微信小程序之个人中心静态页面
知识点: flex布局 position定位 过滤<!-- 个人信息 --><view class="user_info_wrap"> <view class="user_img_wrap"> <image class="user_bg" src="{{userInfo.authUrl}}"></image> <view class="user_info"> <image class="us.
2021-07-29 10:15:57
4556
2
原创 微信小程序之Tabs组件
知识点: 父向子传传值 子向父传值 样式激活<Tabs tabs="{{tabs}}" currentIndex="{{currentIndex}}" bindchangeTabs='changeTabs'></Tabs>// 父Page({ data: { tabs: [ { id: 0, title: '全部' },{ id: 1, title: '今日' .
2021-07-29 10:08:48
2200
原创 微信小程序表单父子相互传值
使用bindinput把表单中的数据进行赋值父向子传值为属性传值子向父传值为this.triggerEvent(’ ',{ })在这里插入代码片使用form表单父向子传值为属性传值子向父传值为this.triggerEvent(’ ',{ })父向子传值类似于vue中的ref子向父传值为this.triggerEvent(’ ',{ })<!-- fa.wxml --><!-- 父 --><form catchsubmit="formSubm.
2021-07-21 11:47:13
286
原创 页面便携存在问题
注视<!-- start --><!-- end -->内宽保持局中在不同分辨率下都保持局中图片加容器—>防止加载失败轮播图—>设置最大宽度局中—>定位 left:50%;margin-left:—(图片/2)样式先外围 后内层按照功能模块分类少用display:inline-block—>主要实现横向自由 块与块之间有空格;直接用浮动 清除浮动尽量用clearfix类语义话标签兼容性 IE9/3.
2021-06-30 15:47:47
80
原创 js常用数组方法的使用场景
已知数组中的一个值 找到这个值所对应的对象// 已知valfun(val) { let label = {}; label = this.labelOptions.find((item)=>{ return item.id === val; });}已知数组中的一个值 要删除这个值所在的对象(elementui中 要删除一行的数据)handleDel(index) { let label = [{}, {}] label.sp.
2021-04-02 14:44:34
444
原创 canvas绘制表格
<body> <div id="container"> <canvas id="canvasEle"></canvas> </div> <script> ( function() { var canvas = document.querySelector('#canvasEle') var ctx = canvas.getContex
2021-03-29 16:46:39
761
原创 解决vue中页面刷新之后store中数据丢失
store中的数据一刷新就会丢失,我们可以利用插件来解决这个问题。主要原理是把数据存储在localStorage或者SessionStorage。npm install vuex-persistedstate// store/index.jsimport createPersistedState from "vuex-persistedstate";const store = new Vuex.Store({ // 代码 state: {}, mutations: {}, acti.
2021-03-26 18:00:20
595
2
原创 vue中全局使用filter
filter过滤被用于一些常见的文本格式化在两个地方可以使用: ①{{}} ②v-bind全局过滤器在Vue上加上了过滤器,通过管道符‘|’使用。// main.jsimport filter from './filter/filter'Object.keys(filter).forEach(ele => { Vue.filter(ele, filter[ele])})// filter.jsconst filter = { // 通用的函数}expor.
2021-03-26 17:51:44
151
原创 vue-konva实现拖拽和放大缩小
参考konva官网<template> <v-stage ref="stage" :config="stageConfig" @wheel="wheelForScale($event)"> <v-layer ref="layer"> <v-image :config="{ image: image }"/> </v-layer> </v-stage>.
2021-03-17 11:59:23
3443
原创 xlsx对excel表格进行分解并且批量上传
npm i xlsx将excel中的数据解析为json格式 readExcel (e) { let that = this const files = that.fileData if (!files) { return false } else if (!/\.(xls|xlsx)$/.test(files.name.toLowerCase())) { this.$message.error('上传格式不正确,请.
2021-02-25 14:16:14
167
原创 对数组中对象的属性值进行重组
for (let i = 0; i < ws.length; i++) { let {userid, ...result} = ws[i] ws[i] = {userid, expand: result} }
2021-02-22 14:36:50
373
原创 vue中使用provide实现reload()
<template> <div id="app" style="width: 100%; height: 100%"> <div v-if="login === true" style="width: 100%; height: 100%"> <router-view v-if="isRouterAlive"/> </div> <div v-else>loading...</div>
2021-01-29 20:53:04
609
原创 解决git本地仓库和远程仓库都修改的冲突
// 保存本地代码git stash // 拉远端代码git pull // 恢复本地代码git stash apply // 这时候,可能会有冲突// 看冲突文件git status // 找到冲突文件// >>>>>>// <<<<<<// 删除不需要的// 接着正常提交git add .git commit -m 'fix'git push...
2021-01-22 13:11:48
1142
原创 两个时间戳之差转换为天时分秒
function calculateDiffTime(start_time, endTime) { var timeDiff = endTime - start_time var day = parseInt(timeDiff / 86400) var hour = parseInt((timeDiff % 86400) / 3600) var minute = parseInt((timeDiff % 86400 % 3600) / 60) .
2021-01-18 17:48:29
2145
原创 冒泡排序、选择排序、插入排序、快速排序
<script> var arr = [1,3,2,56,225,46,23] //冒泡排序 function bubbleSort(arr) { var length = arr.length for (var i = length-1; i >= 0; i--) { for (var j = 0; j < i; j++) { if (arr[j] > arr[j+1]) { ..
2021-01-13 13:59:55
103
原创 GitLab 上传 key
克隆gitlab上的项目遇到的问题:git@gitlab.xxxxx: Permission denied (publickey).fatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists.解决办法ssh-keygen -t rsa -C "xxx@qq.com" //后面为user的email..
2021-01-09 21:00:55
224
原创 MacOS安装Tunnelblick所遇到的问题
双击Tunnelblick.app进行安装安装成功遇到如下问题:打开设置->点击安全性与隐私->辅助功能->通用(允许Tunnelblick)
2021-01-09 20:40:42
9086
7
原创 理解防抖与节流
防抖<input id="content" type="text" placeholder="请输入"> <script> function debounce(fun, delay) { let time return function (tar) { clearTimeout(time) time = setTimeout(() => {
2021-01-07 12:20:19
69
原创 详谈JS拷贝
浅拷贝 let obj = { name: 'lyz', hobbies: ['study', ['TV', 'sing']] } function lightCopy(obj) { let newObj = obj.constructor() // let newObj = {} for(var k in obj) {
2021-01-07 12:19:14
193
原创 axios + application/x-www-form-urlencode传参
axios + application/x-www-form-urlencodedvar qs = require('qs')export function getConfig(trainID, data) { return request({ // eslint-disable-next-line no-undef url: `/api/trains/${trainID}/inferconfs`, method: 'POST', headers: { .
2020-12-22 09:55:50
806
原创 TypeScript基础知识总结
TypeScript安装与运行正常版简化版初体验注释输出语句变量和数据类型什么是变量变量的使用类型注解数据类型null undefined运算符算术运算符赋值运算符递增/递减运算符比较运算符逻辑运算符循环数组安装与运行正常版简化版初体验注释单行注释// content多行注释/* content */输出语句console.log(' content ')变量和数据类型什么是变量变量是用来存储数据的容器,并且是可以变化的。变量的使用let age: numb
2020-12-17 16:40:04
334
原创 for...in...的使用
将图一的形式转换为图二图一:图二: data = data.map((ele, i) => { ele.results = ele.results.map(el => { for (var key in el) { return {el : key, val : el[key]} } }) return ele})
2020-12-15 11:26:37
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人