修改img的src属性刷新图片时,图片地址相同图片无变化的问题

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

Read More

Vue写tab选项卡

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

Read More

for循环创建多个elementUI表单遇到的问题

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

Read More

常用CSS

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

Read More

ES6中的箭头函数

前言什么是箭头函数ES6标准新增了一种新的函数:Arrow Function(箭头函数)。箭头函数相当于匿名函数,并且简化了函数定义。箭头函数的语法: 1(parameters) => { statements } 我们来举一个常规的例子 1234567891011// 使用常规语法定义函数function funcName(params) { return params * 3; }funcName(1);// 3// 使用箭头函数定义...

Read More

win10安装mysql数据库

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数据库的数据的存...

Read More

浅谈v-slot

前言Vue 代码中的 slot 是什么,简单来说就是插槽。<slot>元素作为组件模板之中的内容分发插槽,传入内容后 <slot> 元素自身将被替换。 看了上面这句官方解释,可能一样不知道 slot 指的是什么,那么就来看看在 Vue 中,什么时候你需要用到 slot 。 举例:一个组件的展示层你需要做到大体结构固定,但其内的部分结构可变,样式表现不固定。例如 Button 中是否显示 icon ,或者 Modal 框的中间内容展示区域的变化等,要通过子组件自己实现...

Read More

gulp入门(三)

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...

Read More

web前端常见的安全问题

前言在互联网时代,数据安全与个人隐私受到了前所未有的挑战,各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据?本文主要侧重于分析几种常见的攻击的类型以及防御的方法。 SQL注入SQL注入是一种常见的Web安全漏洞,攻击者利用这个漏洞,可以访问或修改数据,或者利用潜在的数据库漏洞进行攻击。 1.SQL注入的原理我们先看看下面这个例子来说明其原理: 12345<form action="/login" method="POST"> <p>Username: ...

Read More

gulp入门(二)

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

Read More


Powered by Hexo and Hexo-theme-hiker

Copyright © 2018 - 2020 阿母工业前端组 All Rights Reserved.

UV : | PV :