前言修改img的src属性刷新图片时，如果图片地址相同，图片无变化的问题 最主要的原因浏览器会有缓存，它会认为图片没有变化，是相同的 项目中需要上传图片预览.但是第二次上传图片显示的时候发现之前的图片没有改变.后经过分析发现是地址相同第二次改变img src属性的时候图片未发生改变,浏览器第二次不会去请求服务器 解决方案很easy:在修改img的src属性的时候加上一个随机数即可,让浏览器以为每次请求的服务器都不同.123image.attr('src', data.message+'?...

阅读全文

Vue写tab选项卡固定选项的写法遇到UI上只有2个或者3个固定选项的写法12345678910111213141516171819202122232425262728293031323334353637//2个的情况只要用一个开关字段来控制显示隐藏即可//3个及以上的写法，可以价格tabId来控制<div id="app"> <!-- tab 选项 --> <div class="tab"> <div class="tag" :clas...

阅读全文

前言目前有一个需求就是：点击添加按钮创建一个表单，可以保存删除修改等一系列操作。因为是表单所以涉及到需要表单验证。差了很多资料发现都是点击之后添加一条可输入的input框之类，并没整体循环一整个表单的。 上图是一个商品列表，商品列表的每一项的授权按钮，都会弹出一个授权的表单，遇到的问题是，elementUI的表单放在for循环里渲染出来,那么常规的提交表单和清空表单会报错，显示this.$refs[formName].validate()方法不存在，组件引入都没有问题;但表单放在for循...

阅读全文

###常用CSS汇总12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576//div里放入input的css.inputBox input{ outline: none; -webkit-appearance: none; border-radi...

阅读全文

Windows安装mysql数据库服务一官网上下载压缩包，并解压至本地磁盘 打开我们刚刚解压的文件夹，在bin目录下，创建一个my.ini文件，内容如下：1234567891011121314151617[client]# 设置mysql客户端默认字符集default-character-set=utf8 [mysqld]# 设置3306端口port = 3306# 设置mysql的安装目录basedir=C:\\mysql\\mysql-8.0.11# 设置 mysql数据库的数据的存放...

阅读全文

gulp3改造gulp4gulp3与gulp4的写法存在区别，此篇用来对比整个项目gulpfile.js文件的异同。如果你安装的是gulp3，想升级使用gulp4，可以使用命令npm install gulp@4.0 如果你安装的是gulp4，想h回退使用gulp3，可以使用命令npm install gulp@3.9.1 一下是简单的项目gulpfile.js文件实例gulp@3.9.1版本1234567891011121314151617181920212223242526272829...

阅读全文

实践过程遇到的问题 压缩jsgulp 压缩遇到已经压缩过的 min.js 文件无法再继续压缩会报错跳除压缩程序;解决方法一：先把压缩过的js文件提前剪切到dist/js文件下;执行完gulp要记得吧dist里的js覆盖原项目js文件夹当然这种手动的方法比较麻烦，使用gulp插件自动化处理更加优雅解决方法二：添加gulp-if判断 1234567891011121314151617var condition = function(f) { //这里网上用的是endsWith()方...

阅读全文

前言说到前端常见的构建工具，有Webpack/Grunt/Gulp这里简述一下它们都是干什么的：Grunt 和 Gulp 是非常相似的东西，能实现的功能是一样的，当然你可能 Gulp 听的 Grunt 多，通俗的讲，可以把 Gulp 看作 Grunt 的加强版。相对于 Grunt，Gulp增加了监听文件、读写文件、流式处理的功能。Webpack 是一个打包模块化 JavaScript 的工具，在 Webpack 里一切文件皆模块(JavaScript、CSS、SCSS、图片、模板)，通过 ...

阅读全文

前言在vue中vuex可以拿来做状态管理，今天记录下在nuxt框架下如何使用vuex实现项目中的登陆状态的管理 Vuex用token进行验证登录,根据约定,把token放在header中根目录下创建一个store文件夹，在store中创建一个index.js 简述VuexVuex是单项数据流，利用Vuex做状态管理，可以对数据更好地追踪与bug发现 state 初始化状态 gatter 对数据的过滤操作 mutations 进行业务逻辑操作，它是同步的 action 如果需要异步...

阅读全文

首先我们要了解Object.defineProperty()一、Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性 1.1 属性描述符通过Object.defineProperty()为对象定义属性，有两种形式，且不能混合使用，分别为数据描述符，存取描述符，下面分别描述下两者的区别： 数据描述符 –特有的两个属性（value,writable） 12345let Person = {}Object.defi...

阅读全文