- 博客(55)
- 收藏
- 关注
RSS订阅原创 yarn add 报错 Couldn‘t find package “vue“ on the “npm“ registry.
或者 network 'proxy' config is set properly. See: 'npm help config'问题原因：因为本地npm 的registry 镜像里没办法直接安装依赖。vue 创建项目后 yarn add或 npm i 报错。
2023-02-15 15:48:10
3651
1
原创 Node+express+mongoose前端实现简单crud接口
准备工作需要安装依赖如下node,express,mongoose,cors,requier-all。通过http//localhost3000/rest/crud/test/list即可获取列表。模型创建(模型文件)models/text.js。重复内容复用方法分页resource.js。通用接口文件route/index.js。重复内容复用方法分页pages.js。Dbserve文件db.js。入口文件index.js。......
2022-07-26 16:44:22
441
原创 js中使用Proxy代理实现数据双向绑定
js 中使用Proxy代理实现数据双向绑定html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s.
2021-09-15 21:29:47
576
原创 vue post/get请求下载文件
vue axios post/get 请求下载文件$http({ method: 'post', url: 'url地址', data: "参数", responseType: 'blob',//服务器返回的数据类型}).then(res=>{ let url = window.URL.createObjectURL(res.data); let a = document.createElement("a"); a.href = ur.
2021-07-21 16:24:21
1784
原创 js递归，多维数组对象，非空判断
js递归，多维数组对象，所有值都不为空判断// 数据const arr=[ { indexName:'', score:1, detailVos:[{ parameter:'', pointName:'', remark:'', score:1, }] }, { indexName:'', score:1, detailVos:[{ parameter:'', pointName:'', remark:'', score:1, }] }, { indexName:'', sc
2021-07-09 17:25:28
889
原创 vue3+elementplus报错Unhandled error during execution of setup function
vue3+elementplus报错Unhandled error during execution of setup function因为element-plus使用的是最新版本，所以才报错，很多其他的功能也无法使用，目前没有好的办法，把element-plus降级到^1.0.2-beta.36，所有组件是可以正常使用的。降级之后再升级到最新版本也是可以使用的，不知道什么原因！！！！...
2021-06-30 16:05:09
17627
2
原创 js 多维数组对象扁平化数组
多维数组对象，使用reduce转换成一维数组数据结构： let arr = [ { name: '1', id:'1', children:[ { name:'1-1', id:'1-1'}, { name:'1-2', id:'1-2' , children:[ { name:'1-2-1', id:'1-2-1' }] }] }]实现代码：fu
2021-06-28 14:20:03
2994
1
原创 antd自定义主题报错object { lessOptions?, prependData?, appendData?
reactzh
2021-05-28 14:32:37
735
原创 vue/cli4.5 + vue-router4.0 + element-plus 搭建后台管理系统（一）
前言：本教程教你从0搭建vue/cli4.5 + vue-router4.0 + elementuiPlus 后台管理系统功能：用户管理，权限配置，图表基本功能准备工作：请先下载安装node，node官网npm install -g @vue/cli;//安装最新版本vue-cli脚手架npm install --save-dev webpack //webpack 安装//cmd 或者自己用的顺手的工具检查vue是否安装成功vue-V //出现版本号即vue安装完成vue...
2021-04-01 18:07:22
1084
原创 js中window.onbeforeunload关闭/刷新页面不生效的原因
在写一个需求，要求用户进入页面，返回/刷新/关闭该页面提示用户一些信息。发现在使用window.onbeforeunload的时候，必须打开调试才会生效，而且只有第一次有效，再次点击就会失效。在实际使用中让用户打开调试模式肯定是不可能的，后来发现出现这种情况是因为没有在该页面有任何操作，或者是操作时间间隔太短，所以不会有提示。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"
2021-03-30 14:42:46
7779
原创 微信h5获取用户openid，根据用户code，将code发送给后台从而得到用户openid，同时解决redirect_uri域名与后台配置不一致问题（详细教程）
想要在h5页面获取用户code从而得到用户openid的方式有两种，scope=snsapi_base(静默方式，会重定向到当前页并将code返回在url上)或者scope=snsapi_userinfo(非静默方式，会弹出用户授权页面，用户确认授权才会重定向url)两种方式，两者的区别是，前者只能拿到用户oppenid，后者可以拿到用户的其他信息，当然我这里做的功能比较简单，只需要知道用户是否关注该公众号，使用的是第一种方式，本文两种方式都会介绍到。在html页面中一定要<scriptsrc..
2021-03-08 14:51:07
1521
原创 js数组对象，对象深拷贝
//基础对象深/浅拷贝 let obj = { a:'1', b:'2'} // let newObj = obj //浅拷贝 // newObj.a = 4 // 改变newObj的值，obj也会发生改变 // console.log(obj,newObj) // newObj发生改变，obj也会发生改变 let newObj = JSON.parse(JSON.stringify(obj)) //深拷贝 // let newObj = Object.assign({},obj) //深拷.
2021-02-19 10:52:27
133
原创 vue 递归处理权限菜单(多维数组中查找一维数组中相同项，两个数组中查找相同项)
vue 递归权限菜单，这里随便写一个vue-router格式的菜单实现一个简单的权限菜单//以下数据根据vue-router 格式随意编写的，请根据实际业务需求来选择哪种方式let roles = ['admin','text','shop'] //也可以使用数组对象，请根据实际业务需求来选择哪种方式let asyncRouter = [ { path:'菜单admin', meta:{roles:['admin']} }, { path:'菜单text', m
2021-01-18 13:57:27
1520
原创 js 多级菜单渲染
实现效果html<div id="menu"></div>js代码： let json = [ { name: "一级菜单1", children: [ { name: "二级菜单1", children: [ { name: "三级菜单1", children: [
2020-10-25 13:14:40
1153
原创 小程序页面跳转，页面栈提示”navigateTo fail page limit exceeded“错误，解决办法
在写小程序的时候，预览模式和真机调试都没有报navigateTo fail page limit exceeded这个错误，后面发布体验版后报了这个错误，因为第一次写小程序，不明白为什么报这个错误，虽然官方文档写的很清楚，使用navigateTo跳转页面，页面栈做多为10个，因为对这个不理解，所以按照自己的方式进行了排错，错误排查：1.检查跳转是否写错2.检查该页面是否在app.json中配置3....
2020-08-19 10:00:56
4214
2
原创 小程序自定义相机，canvas实现图片裁剪功能
最近在写小程序项目，需要将拍摄的照片裁剪，去掉多余的部分。说说本人遇到的bug，一开始在编辑器上测试，没有问题，后面真机调试或预览模式，裁剪的照片坐标都有问题，找了很久才发现是像素的原因，所以在写的时候，一定要特别注意“设备像素比”重点一定要计算像素比，不然会得不到想要的效果.该项目主要用于实现下图功能wxml代码<cover-view class="lary-top" style="height:{{info.statusBarHeight}}px;"></co
2020-08-16 14:43:00
2028
原创 小程序canvas实现签名功能，封装canvas签名功能组件
小程序canvas实现签名功能，封装canvas签名功能组件刚刚接触小程序，因为项目需求，有签名功能研究了很久，网上也找了不少资料，最终实现了canvas签名功能，并封装成可用组件canvas组件代码wxml<view class="wrapper"> <view class="back" catchtap="back">返回</view> <view class="handBtn"> <button catchtap="cle
2020-06-27 16:54:03
1817
4
原创 js sort方法和事件冒泡数组排序
js sort方法和事件冒泡数组排序js的sort方法对数组进行排序let arr = [1,53,24,25,68,9,2,15];//方法一,使用js内置的sort方法arr = arr.sort(function(a,b){return a-b;//升序，return b-a降序})console.log(arr);//[1, 2, 9, 15, 24, 25, 53, 68]事件冒泡数组排序let arr = [1,53,24,25,68,9,2,15];functi
2020-06-05 14:37:32
182
原创 vue兄弟组件之间传值和方法调用
vue兄弟组件之间传值和方法调用1.兄弟组件相互传值1.1 vuex传值实现效果：兄弟组件之间传值，child1的值发生变化，child2值也能随之发生变化子组件一代码，child1.vue,点击button，连接store.js mutations中的changeTitle事件，进行更改值<template> <div> <input type="text"v-model="title"/> <button t.
2020-05-29 18:15:28
6903
1
原创 css两列布局，左边固定，右边自适应的几种方法
css两列布局，左边固定，右边自适应html <div> <div class="box"> <div class="box1">1</div> <div class="box2">2</div> </div> <div class="box2"> <div class="box1">1</div> .
2020-05-22 16:48:36
316
原创 css实现单行文字居中，多行文字左对齐显示
css实现单行文字居中，多行文字左对齐显示实现效果html代码： <div class="box"> <div class="text"> <p>单行文字单行文字单行文字</p> </div> <div class="text"> <p> 多行文字多行文字多行文字多行文字多行文字多行文字多行文字多行文字多行文字多行
2020-05-22 16:07:02
1097
原创 vue中router菜单高亮
vue中使用router实现菜单高亮因为之前一直是用点击控制class的方式写的，没有遇到问题，也没有bug。今天写的时候终于出现了bug，刷新页面高亮菜单为默认值，导致很久才能解决这个bug，记一次vue页面刷新高亮菜的为默认值的bug。话不多说直接上代码方法一：在router中选中的router-link会默认添加样式router-link-exact-active router-link-active所以直接给这两个当中的一个添加高亮样式即可，router-link-exac
2020-05-21 18:17:26
1463
1
原创 vue3创建项目
vue3创建项目vue create 项目名称 //回车default默认配置,manually手动配置,如果选择默认一直回车即可,选择手动需要进行相应的配置如下图根据自己项目需求选择相应的选项,空格选择,a全选babel---转码typescript---tsProgressive Web App (PWA) Support---支持渐进式Web应...
2020-04-28 11:12:14
22193
1
原创 全局安装webpack/webpack-cli
全局安装webpack/webpack-clinpm install -g webpack //全局安装webpacknpm install webpack-cli -g //全局安装webpack-cli两个同时安装，webpack -v才能检查到安装的版本。
2020-03-28 20:32:59
6398
2
原创 node安装教程，全局安装vue，webpack/cli，创建一个vue项目（详细步骤）
1.下载安装----node安装，官网下载电脑适合版本，按照提示安装（这里要说的是，默认会安装在c盘，后面可以修改到其他位置，也可以安装的时候直接设置），安装完成后，打开cmd2.----node -v----检查安装的node版本3.----npm -v----检查npm版本4.----我这里是安装的时候直接安装在其他盘的，在安装的文件夹下新建两个文件夹，下图圈出来的部分是新...
2020-03-27 20:58:46
1355
原创 笔记:安装sass ERR:this.getResolve is not a function 解决办法
1.安装sass ERR:this.getResolve is not a function 解决办法webpack配置解析sass文件npm install sass-loader node-sass webpack --save-dev报错ERR:this.getResolve is not a function 表示当前安装的版本太高,需要卸载当前版本的sass重新安装低版本的...
2020-01-14 12:03:13
722
原创 vue项目,ie,360报错"promise未定义错误"和"Invalid Host/Origin header"解决办法
vue项目在ie或者360浏览器打开,报错"promise未定义错误",低版本浏览器不兼容axios请求的promise;解决办法一:安装 babel-polyfill依赖npm install --save babel-polyfillmain.js文件引入import 'babel-polyfill'webpack.base.conf.js文件修改,标记部分修改...
2020-01-13 11:05:58
557
原创 使用babel-plugin-import使antd插件按需加载并自定义主题,在webpack.config.js文件下的相关配置
使用babel-plugin-import使antd插件按需加载并自定义主题,在webpack.config.js文件下的相关配置,这里演示的是webpack4.0因为antd使用的是less,所以这里需要安装less安装antd: yarn add antd安装babel-plugin-import: yarn addbabel-plugin-import按需加...
2019-12-09 11:24:32
1779
原创 树结构数组,js实现点击某个节点,显示该节点对应的所有父级节点
树结构数组,js实现点击某个节点,显示该节点对应的所有父级节点现有测试数组结构如下:如果输入的id为20102显示的对应结果应该是['黑龙江','哈尔滨','呼兰区']city=[{ name:"北京", id:1,},{ name:"黑龙江", id:2, children:[ { name:'哈尔滨', ...
2019-12-03 15:15:45
601
原创 笔记：1.初识Vuex
Vuex---vue.js的状态管理模式,数据响应式管理，简而言之就是在vue中有多个组件或者是路由都需要使用一个状态(可以理解为一个变量的状态或者是数据),不需要使用props传值那么麻烦或者是使用Vue.prototype在原型上声明一个全局变量(直接声明的变量没有通过Vuex的话，他的状态不是响应式的，即其他页面修改这个状态的时候，不会改变初始值，那么另一个页面需要跟踪使用的时候得到的依旧是...
2019-11-22 11:29:24
110
原创 vue-router路由拦截造成死循环
笔记：vue-router路由拦截造成死循环,在做路由拦截的时候，一直出现死循环.router的index.js文件路由配置const router = new Router({routes: [{path: '/login',name: 'login',component: Login,meta: {isShow: true}}, {path: '/',compone...
2019-11-21 11:46:06
6085
3
原创 js数组/字符串方法
js数组方法笔记数组方法中会不会改变原数组的方法concat()-----连接两个或者多个数组，不会改变原数组//concat()----数组拼接 var arr1 = [1],arr2 = [2],arr3 = [3],arr4 = [4]; var arr5 = arr1.concat(arr2); //两个连接-数组arr1与arr2连接，结果[1,2]...
2019-11-08 18:02:21
147
原创 vue打包后项目，页面刷新之后一片空白
小白：记使用vue遇到的问题及解决办法vue项目，打包之后页面能正常显示，但是刷新之后页面就一片空白什么都没有，也不报错。所有页面都能正常打开，都是刷新就一片空白。去网上搜索是因为router中的mode的模式问题，因为之前觉得url中的#好看起来不是很好，就想着去掉，没想到项目上线之后刷新页面出现了问题。因为项目中的mode设置的是history，所以会出现这种情况，默认下是hash模式...
2019-11-07 10:22:28
3624
原创 vue后台管理系统多级路由嵌套实现侧导航
vue后台管理系统多级路由嵌套实现侧导航,点击一级菜单展开二级菜单，点击二级菜单展开三级菜单，点击三级菜单跳转到相应的路由
2019-10-11 22:26:17
5314
3
原创 vue中使用echarts,默认其中某个高亮显示
vue中使用echarts,插入一个饼状图,默认其中一个高亮显示,鼠标移入当前显示高亮,其它的淡出,鼠标移开,默认高亮安装ecahrtsnpm install ecahrts引入使用ecahrtsimport echarts from 'echarts'Vue.prototype.$echarts = echartshtml<div id="pieChart"...
2019-09-12 12:02:04
4608
7
原创 js计算
1.计算100-200之间9的倍数有哪些function multipleOfNine() { for (let i = 100; i <= 200; i++) { if (i % 9 == 0) { console.log(i) } }}2.计算50-150之间7的倍数总共有多少个function c...
2019-09-10 16:48:00
1371
原创 笔记:js计算两数相除保留两位小数,有时候显示的结果是正常的,有时候显示的infinity,解决办法
因为最近写的一个项目涉及到计算显示百分比,一开始是这样写的function calculation(num1,num2){ return Math.round(num1/num2*10000)/100+'%'}但是有时候显示是正常的,有时候显示的是infinity,因为精读的问题,一直出现bug,网上去搜索,大多数都是这样写的,没有一个是不一样的写法,中间尝试了很多种写法,还是会...
2019-09-06 13:42:59
3374
1
原创 vue路由传值与接收
方法一:使用this.$router.push({path:'需要跳转的路由路径',query:{id:id}})this.$router.push( { path:'路由跳转路径', query:{id:id} })参数接收,这里接收的是id,传过来的是什么值,就怎么接收this.$route.query.id方法二:使用th...
2019-09-05 14:23:27
3799
原创 vue npm run build打包之后项目打开一片空白,解决办法
vue项目使用npm run build打包之后,项目打开一片空白,如下图:这是因为在打包的时候,没有修改路径,build默认打包路径是根路径,所以需要在修改的文件路径如下1.config文件下的index.js,下图是默认设置修改后的结果:2.build文件下的utils.js文件下的3.build文件下的webpack.prod.conf.js文...
2019-09-03 14:32:11
16021
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人