xym100111100的博客

原创 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree

npm install 失败

原创 关于vue.config.js的publicPath和router中new Router 里面的base参数

vue使用nginx部署后404

原创 前端文件下载 之 ArrayBuffer && Blob && base64 && 文件地址

前端请求后端后设置 responseType为 arrayBuffer或Blob后下载

原创 父组件向子组件传值，父组件值更新，调用子组件方法，方法中拿到的还是旧值

vue props传参子组件拿到的还是上一次的值

原创 前端使用a标签下载文件并修改文件名

原本使用url是可以直接用window.href = url 来下载，但是这样的话会因为同源问题而download属性设置不生效导致文件 名还是下载的时候的url后缀文件名，使用这种方式的话文件名就生效const xhr = new XMLHttpRequest();xhr.open(‘GET’, ‘url’, true);xhr.responseType = ‘blob’;xhr.onload = function() {if (this.status === 200) {const b

原创 java mapping.xml

需要配置的属性id=“xxxx” 表示此段SQL执行语句的唯一标识，也是接口的方法名称【必须一致才能找到】parameterType=“xxxx” 表示SQL语句中需要传入的参数，类型要与对应的接口方法的类型一致resultMap=“xxx” 定义出参，调用已定义的映射管理器的id的值resultType=“xxxx” 定义出参，匹配普通Java类型或自定义的pojo 【出参类型若不指定，将为语句类型默认类型，如语句返回值为int】...

原创 a标签作为锚点跳转遇到的坑

1：点击跳转的时候会把所有box的滚动条都拉到最底下，从最外层html开始拉，这里注意，就算最外层html设置overflow：hidden，一旦html里面的box的设置的高度大于html,那么都会把box的滚动条拉到最底下，这就导致了所有元素都会往上移动，移动得非常奇怪，所以布局的核心就是，所有的元素，从html开始，都不设置高度，或者，子元素设置的高度要小于父元素高度(但html高度必须小于100%)，注意，一旦子元素超出父元素高度，那么父元素设置 overflow: hidden;也是没有用的，一样

原创 若依删除从详情页面返回删除详情页面tab显示列表页tab

src\store\modules\tagsView.js 1:添加store lastView: [] 2：添加mutations SET_LAST_VIEW: (state, view) => { if(state.lastView.length == 0 ){ state.lastView.push(view) }else if ( view.path != state.lastView[state.las

原创 mac 安装vue-devtools报错

只有一个注意点：用yarn不要用npm去处理就好了，不然会有莫名其妙的报错。

原创 Uncaught SyntaxError: Unexpected token ‘＜‘

可能是vue.config.js 里面的publicPath: process.env.NODE_ENV === "production" ? "/" : "/",的第一个/不是/而是其他任意字符，然后nginx配置就出了问题。保持/就没有问题，暂时没有找出具体原因

原创 vue 详情页改变某条数据状态返回主页面后修改主页该条数据状态

1、app.vue <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive" /> </keep-alive> <router-view v-if="!$route.meta.keepAlive" /> </div>2、详情页<a-button type="link" @click="goBack"&

原创 vue项目设置proxy能能跨域的原理

因为使用了proxy之后，webpack启动一个本地node服务进行代理转发到真实的后端服务，而跨域只针对于浏览器，对于node服务发出的请求是不会出来跨域的，从而解决了跨域的问题。

原创 layui 复杂表头的时候，多出一个空白列

使用layui动态表格时，用到复杂表头，如果colspan=1时，会出现一例空白列，根本问题应该是layui 在复杂表头时, colspan 必须大于1，解决办法是，修改colspan为2，然后添加一列空白列{title: '', field:'', hide: true} 参考：https://my.oschina.net/u/215547/blog/3028376...

原创 简单粗暴搞定uniapp打包成小程序状态栏塌陷的问题

0：使用–status-bar-height是不准的，因为其固定是25px（傻叉）1：创建一个status-bar组件2：高度是statusHeight3：使用接口获取系统状态栏高度后再修改statusHeight4：在需要用到的地方直接将该组件放在最顶部5：注意！！这里用的是px而不是rpx，+ 7是个人项目需要，你爱加多少加多少6：啪的一下，很快啊，就搞定了。wx.getSystemInfo({success: (res)=> {this.statusHeight = ‘heig

原创 github上图片不显示和本地引用不生效

mac 修改hosts文件GitHub Start192.30.253.112 Build software better, together192.30.253.119 gist.github.com151.101.184.133 assets-cdn.github.com151.101.184.133 raw.githubusercontent.com151.101.184.133 gist.githubusercontent.com151.101.184.

原创 项目图片仓库

原创 前端模块化，组件化，工程化

1.前端模块化：可以理解为一组自定义业务的抽象封装，是根据项目的情况来进行封装组合到一起的，比如我们可以分为登录模块，评论模块。模块可维护性好，组合灵活，方便调用，多人协作互不干扰。2.前端组件化：指对具体的某个功能的封装，比如所有的分页可以封装为分页组件来统一使用，以此来达到组件复用，提高开发效率。3.前段工程化：概念：指使用软件工程的技术和方法来进行前端项目的开发、维护和管理。前端工程化包含如下：1.代码规范: 保证团队所有成员以同样的规范开发代码。2.分支管理: 不同的开发人员开发不同

原创 css命名规则

头：header　内容：content/container　　尾：footer　　导航：nav　　侧栏：sidebar　　栏目：column　　页面外围控制整体佈局宽度：wrapper　　左右中：left right center　　登录条：loginbar　　标志：logo　　广告：banner　　页面主体：main　　热点：hot　　新闻：news　　下载：download　　子导航：subnav　　菜单：menu　　子菜单：submenu　　搜索：search　　

原创 docker反向代理502

docker反向代理502（这里和直接下载nginx有区别，下面有原因解释）是proxy_pass参数后面绝对不能使用localhost或者127.0.0.1，必须使用宿主机当前实际使用的IP。补充一下：理论上，容器内的任何应用，其配置如果指向宿主机，就必须使用宿主机的IP，localhost实际上指向容器本身而不是宿主机...

原创 银行卡校验规则(Luhn算法)

export default validateBankNo = bankno => {var lastNum = bankno.substr(bankno.length - 1, 1) // 取出最后一位（与luhm进行比较）var first15Num = bankno.substr(0, bankno.length - 1) // 前15或18位var newArr = []for (var i = first15Num.length - 1; i > -1; i--) {

原创 微信小程序入坑

this当前页面对象1：可以获取当前页面的data，监听当前页面滚动等方法App：当前小程序1：获取当前小程序是否被切换到后台等wx小程序 API 全局对象1：比如获取request来发送请求

原创 vue  报错：data functions should return an object:

不一定是vue没有data，可能是发出const{roles}=awaitstore.dispatch('user/getInfo')，但是getInfo方法没有resolve() 一个叫roles的对象回来。

转载 raw.githubusercontent.com l连接失败

yarn install进入 https://www.ipaddress.com/ ，查询其IP地址为：199.232.68.133，然后设置 C:\Windows\System32\drivers\etc\hosts 文件：199.232.68.133 raw.githubusercontent.com————————————————版权声明：本文为优快云博主「ajrm0925」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://bl..

原创 maven使用阿里云仓库 window

<?xml version="1.0" encoding="utf-8"?> <settings xmlns="http://maven.apache.org/SETTINGS/1.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://maven.apache.org/SETTINGS/1.0.0 http://maven.a.

原创 docker

运行一个容器docker run -it -p 8088:8088 -p 8089:8089 -p 8090:9090 -v /root/soft/docker:/root/soft/docker -v /root/soft/dockertt:/root/soft/dockertt loen/rc /bin/bash命令的格式：Usage: docker run [OPTIONS] IMAG...

原创 linux netstat

netstat查看端口状态netstatnetstat -tunlp 用于显示 tcp，udp 的端口和进程等相关情况。netstat 查看端口占用语法格式：netstat -tunlp | grep 端口号-t (tcp) 仅显示tcp相关选项-u (udp)仅显示udp相关选项-n 拒绝显示别名，能显示数字的全部转化为数字-l 仅列出在Listen(监听)的服务状态-p 显示...

转载 linux中的find与grep命令的区别

linux中的find与grep命令的区别　　在使用linux时，经常需要进行文件查找。其中查找的命令主要有find和grep。两个命令是有区的。　　区别：　　(1)find命令是根据文件的属性进行查找，如文件名，文件大小，所有者，所属组，是否为空，访问时间，修改时间等。　　(2)grep是根据文件的内容进行查找，会对文件的每一行按照给定的模式(patter)进行匹配查找。　　...

原创 ssh连接

　　1、先在服务器添加目录 .ssh： mkdir .ssh　　2、分配.ssh目录权限： chmod 777 .ssh　　3、在客户端创建公钥与私钥： ssh-keygen　　//此处直接按多个回车键，直到创建成功　　4、将客户端的公钥复制到要服务器，运行命令：ssh-copy-id root@服务器ip，待输入正确密码后即可实现ssh无密码访问。 ssh-...

原创 linux定时任务

1:定时任务执行时候的路径是创建人的home的路径,例如home/xym/,所以如果脚本中执行的时候创建创建文件就会在该目录下,除非指定绝对路径。2:查看定时任务执行日志 例如: */1 * * * * ~/mysh/crontabs/crontabfile.sh -x >>/home/xym/test.log 2>&1 这里将...

原创 RabbitMQ 异常后导致通道被关闭无法正常接收与发送消息

channel is already closed due to clean channel shutdown启动的时候注意看是否报这个错误，将发送消息导致该错误的消息删除掉，重新启动项目。

原创 mysql 添加约束键键

SQL: add constraint 方法添加约束alter table 表名 add constraint 约束名称 约束类型(列名)1、添加主键约束:格式:alter table 表名 add constraint 约束名称 primary key(列名)例子:alter table ss add constraint pp primary key(sid)...

转载 查看linux文件目录的大小和文件夹包含的文件数

统计总数大小 du -sh xmldb/ du -sm * | sort -n //统计当前目录大小 并安大小 排序 du -sk * | sort -n du -sk * | grep guojf //看一个人的大小 du -m | cut -d "/" -f 2 //看第二个/ 字符前的文字 查看此文件夹有多少文件 /*/*/* 有多...

原创 ubuntu 安装 vim

sudo apt install vim报错Unable to acquire the dpkg frontend lock (/var/lib/dpkg/lock-frontend), is another process using it?执行：ps aux | grep -i apt 然后kill掉所有有关进程...

原创 框架详解与运行过程

Struts 2的工作流程 1.     客户端浏览器发出HTTP请求。3. 根据web.xml配置，该请求被FilterDispatcher接收。4. 根据struts.xml配置，找到需要调用的Action类和方法， 并通过IoC方式，将值注入给Aciton。5. Action调用业务逻辑组件处理业务逻辑，这一步包含表单验证。6. Action执行完毕，根据struts.xml中的配置找到对应...