一个在全能之路上越走越远的男人。

原创 Css 制作div四角边框效果

<li class="inputStyle"> <span></span> <span></span> <span></span> <span></span></li>inputStyle{& span:nth-child...

原创 Vue 错误提示 Do not use 'new' for side effects

在 new Vue 在ESLint报错 Do not use 'new' for side effects方法一在new Vue上加/* eslint-disable no-new */这句注释可以绕过规则检测/* eslint-disable no-new */new Vue({ el: '#app', router, components: { App }, ...

原创 vue 深度监听watch数组对象，可以执行watch方法，但是得到的新旧值相同的 问题解决方案

首先说一下，watch的基本用法：watch: { indexList: { handler(newVal, oldVal) { if (this.indexList.length !== 0) { this.rightBtnText = '确定'; } }, deep: true }}...

原创 微信小程序每次保存修改刷新到首页怎么办

1.在当前的编辑页面，点击菜单栏上面的普通编译，选择添加编译模式，名字随便取一个点击确定就可以了。

原创 为什么node_modules里面会有.staging这个东西

.staging是在运行过程中出现的，当真正install所有包之后，node_modules里面的包就会显示正常，也就是，出现这个就是没有加载完。

原创 关于js的形参和实参的区别以及一些概念和 赋值等问题

形参：定义函数时候的参数，用来接受调用的时候传过来的实际参数 。实参：在调用函数时，传给函数的值。function func(a,b) { console.log(a, b);}func(1,2);// a,b 就是形参， 1，2 就是实参一直很疑惑的是，改变形参的值，是否能够影响实参。先出结论：如果是单纯的值传递： 形参的赋值，不会影响到实参。但是，如...

原创 记录一下关于nginx 如何配置vue + webpack 的打包后的静态资源

众所周知：当前通过npm run build 后会产生一个dist 文件夹那么如何放到服务器上然后通过一系列的转发呢：安装nginx 我在这里不多介绍，随便搜一篇博客安装就行。主要介绍nginx.conf 的配置文件内容：配置文件中可以配置多个serverserver { gzip on; gzip_min_length 1024; gz...

原创 vue 打包后 部署nginx 二级路由 刷新页面，js 报错导致页面空白

vue 的history 模式是很有必要的，可以删掉路径中的# 号，尤其是做微信开发，微信那边会自动把#给除掉。所以一般都设置成history的模式。但设置成history 的模式，会导致很多问题。最近我就碰到一个这样的问题：如题目 。仔细看上图出错的路径，这个路径刷新会在当前路径下找 js,很明显这个二级路由的路径下是没有的 static的，所以报错。再看下我的打包配置：...

原创 移动端 监听点击事件失效的解决方案及其原因

1. 原因： 因为IOS浏览器的window、document、body并不接受click事件，按钮和链接才接受click事件。解决办法：1.如果只是移动端：可以换成监听touchstart 方法.例如： document.addEventListener('touchstart', (e) => { e.preventDefault(); ...

原创 关于e.preventDefault() 和 e. stopPropagation() 和 return false的区别

event.stopPropagation()方法：当前的事件执行，但是不会向上冒泡。event.preventDefault()方法：当前事件不执行，会向上冒泡到父级元素。return fasle : 相当于同时执行这两个方法，跳出事件。...

原创 git分支管理。团队协作流程

原创 移动端滚动条 卡顿的解决办法（非常有效的解决）

body {-webkit-overflow-scrolling: touch; overflow-scrolling: touch;}

原创 Module build failed: Error: ENOENT: no such file or directory, scandir '/node_modules/node-sass/vend

有node-sass ，但是报错 如题：解决办法：npm rebuild node-sass

原创 vue的使用之 keep-alive的用法

1. 需求： 回退页面不刷新，保持原样，数据缓存。2. 做法：使用vue 的keep-alive ,保持组件的数据缓存，避免被重新渲染。3. keep-alive的用法：<keep-alive include="viewer"> <router-view></router-view></keep-alive>keep-al...

原创 动态引入的组件，用swiper库，出现的bug 解决 滑动不翻页的bug

原因：swiper初始化一次，如果追加了之后，但是初始化时记载了总共有多少个slide；解决方法；每次追加后，重新初始化swiper配置一下这两参数即可解决。感谢：https://blog.csdn.net/Xiao_peng117/article/details/85240403...