- 博客(16)
- 收藏
- 关注
原创 package.json中符号^和~的说明
关于package.json中符号^和~的说明背景先给结论测试验证背景同事拉master代码,但是跑起来页面样式不一样,此时就怀疑是本地开发环境的问题。排查下来同事的elementui的版本为2.15.6,自己的本地elementui版本为2.13.2,于是开始排查问题,首先找到package.json中elementui依赖如下:然后确定这里的问题,为什么下载的版本不同,于是弄清楚 ^ 符号的作用。先给结论(1)指定版本:比如"axios": “0.21.0”,表示安装0.21.0的版本;
2021-11-09 14:44:42
740
1
原创 Vuex学习
whatVuex 是专门为 Vue.js 设计的状态管理库,采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单地说就是采用全局单例模式,将组件的共享状态抽离出来管理,使组件树中的每一个位置都可以获取共享的状态(变量)或者触发行为。额,或者更直白的说就是响应式的全局变量vuex核心概念State 共享状态(即变量)Getter 基于state的派生状态,可理解为组件中的计算属性Mutation 更改vuex的store中状态的唯一方法,通过提交m
2021-06-24 20:34:23
60
原创 vue-cli3.0脚手架搭建项目区分生产与测试环境方案
vue-cli3.0脚手架搭建项目区分生产与测试环境项目中通常会区分测试环境与生产环境,现在介绍一下通过vue-cli3创建的项目如何区分生产和测试环境。使用vue-cli3打包项目,通过配置不同的指令给项目设置不一样的配置。npm run serve:dev时会把process.env.NODE_ENV设置为‘development’;npm run serve:prod时会把process.env.NODE_ENV设置为‘production’;npm run build:dev 时会把pro
2021-06-24 18:26:26
305
原创 elementui的el-form动态添加相同的表单时的校验
需求说明后台可以添加多个角色进行不同的分佣规则。现在要对每一个表格都进行填写的校验。eg:直接上代码template部分// template部分<el-button type="primary" @click="addRole">添加角色</el-button><el-form ref="roleForm" :model="roleForm" label-width="150px" v-if="roleForm.officer
2021-05-26 19:27:05
1326
原创 Failed to connect to github.com port 443: Timed out
问题说明今推一个代码到新建的仓库去 一直提示连接超时,Failed to connect to github.com port 443: Timed out。于是得开始找方法解决问题了1、 配置git proxy如这样git config --global http.proxy 127.0.0.1:1080为全局的 git 项目都设置代理git config --local http.proxy 127.0.0.1:1080 为某个 git 项目单独设置代理也尝试这样git config
2021-04-29 09:58:54
128
原创 小程序wx.login用code换openid一直请求不通的情况,坑
现象说明简单的用code请求后端接口拿到openid.然后一直请求不通,后端给我报code不正确。然后叫后端看日志,显示错误信息invalid code, hints: [ req_id: mlNBpz4ce-L3x.HA ]原因然后百度了一波,原来是使用的appid不对,(因为切换了开发者工具的原因,导致开发者工具使用的是测试账号的appid),所以一直有问题。解决使用正确的appid即可。...
2021-04-28 23:44:27
617
1
转载 关于缓存的一遍文章
https://mp.weixin.qq.com/s/uyN3slNjjYKGzJsMeWYZjw在前端性能优化的方式中,最重要的当然是缓存了,使用好了缓存,对项目有很大的帮助。比如我们访问网页时,使用网页后退功能,会发现加载的非常快,体验感很好,这就是缓存的力量。什么是缓存呢?当我们第一次访问网站的时候,比如 juejin.cn,电脑会把网站上的图片和数据下载到电脑上,当我们再次访问该网站的时候,网站就会从电脑中直接加载出来,这就是缓存。缓存有哪些好处?缓解服务器压力,不用每次都去请求某些数据
2021-04-26 13:47:06
103
原创 vue管理后台项目中使用wangEditor富文本编辑器
背景公司需要做一个后台文章管理的模块,通过富文本编辑器编辑文章,在前端显示。调研了很久,决定使用wangEditor —— 轻量级 web 富文本编辑器,配置方便,使用简单。一些编辑器的说明。开始步骤1.vue项目中安装wangEditor。使用的npm安装:npm install wangeditor --save2.创建一个 editoritem.vue,把编辑器封装成一个组件,组件内容<template> <div id="wangeditor">
2021-04-09 19:10:18
999
1
原创 通过npm在uniapp中使用thorui (easycom的方式)
说明easycom组件模式:传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步。 只要组件安装在项目的components目录下,并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册,直接在页面中使用:<template> <view class="container"> <uni-list> <uni-list-item title="第一
2021-04-07 19:06:55
1317
原创 手把手使用vuepress搭建和部署博客
从零开始搭建博客准备工作node npm(yarn/cnpm)初始化创建首先,我们在终端输入以下命令,来创建一个空文件夹并且进入到这个文件夹;mkdir v-blog && cd $_初始化我们的项目yarn init -y接着是安装我们的依赖vuepressyarn add -D vuepress安装好依赖以后,我们可以在终端键入mkdir docsecho '# This is my blog' > docs/README.md我
2021-03-31 17:57:59
608
原创 uni-app小程序使用小程序码绑定用户信息合成海报
uni-app小程序使用小程序码绑定用户信息合成海报需求uni-app小程序使用小程序码绑定用户信息合成海报,小程序码绑定用户信息,和背景图片生成一张海报并保存到本地。目标生成目标图片 并保存准备工作1.小程序码(后台请求微信接口生成图片Buffer),我这里叫后台处理生成了base64格式。 微信小程序获取小程序码官方文档2.背景图片(放在本地项目目录中)代码实现1.运用canvas,创建画布,小程序码和背景图片绘制的方法。<canvas class="page-conte
2021-03-10 17:00:29
544
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人