WEB前端
杨_飞
生活的苦难不代表个人的屈服,意志的消沉才是最大的敌人生活激励我奋进,经历让我坚韧,挫败使我沉稳 。
展开
-
VUE改变数组数值位置
i和i-1里面的元素交换,必须用this.$set,否则改变了数组的顺序,但是视图却没有更新移动var tempOption = this.resourceLists[i - 1];this.$set(this.resourceLists, i - 1, this.resourceLists[i]);this.$set(this.resourceLists, i, tempOption)...原创 2021-04-27 16:41:48 · 1019 阅读 · 0 评论 -
vue兼容IE11
三个步骤1.package.json -> dependencies增加"babel-polyfill": "^6.26.0"(版本号可以根据npm install --save babel-polyfill拿到)2.main.js -> 增加import "babel-polyfill"3.index.js -> 增加import "babel-p...原创 2019-02-19 17:50:19 · 2347 阅读 · 0 评论 -
vue使用cdn失效解决办法
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/3.0.1/vue-router.min.js"></scri...原创 2019-03-22 15:01:09 · 10775 阅读 · 4 评论 -
VUE缓存页面解决办法
第一步,在router的index.js中meta增加属性:keepAlive: true第二步,index.vue写法如下<!-- <transition name="fade-transform" mode="out-in"> --><keep-alive><router-view v-if="$route.meta.keepAlive...原创 2019-03-22 15:03:13 · 2967 阅读 · 0 评论 -
VUE项目webpack打包时候去掉console.log配置
new UglifyJsPlugin({uglifyOptions: {compress: {warnings: false,pure_funcs: ['console.log']}},sourceMap: config.build.productionSourceMap,parallel: true}),原创 2019-04-12 09:59:14 · 2711 阅读 · 0 评论 -
web前端调后端接口-跨域问题解决方案
在后端接口项目中增加CorsConfig.java即可,代码如下@Configurationpublic class CorsConfig { private CorsConfiguration buildConfig() { CorsConfiguration corsConfiguration = new CorsConfiguration(); ...原创 2020-03-09 11:23:19 · 2418 阅读 · 0 评论 -
css animate
<!DOCTYPE html><html><head><style>div{}@keyframes like{from {transform:rotate(0deg);}to {transform:rotate(360deg);}}.like{animation:like 0.2s linear infinite;wi...原创 2019-07-20 17:15:31 · 416 阅读 · 0 评论 -
vue/前端/js属性计算
需求:在数据列表中,每一条数据的其中一列需要另外两列相除的值作为这一列的值增加方法:compuetedPercentage(res){ res.map((item,index)=>{ item.percentageVal = item.businessAmount / item.entrustAmount * 100 })},res是接口返回的数据对象列...原创 2020-03-27 18:48:08 · 418 阅读 · 0 评论 -
前端常用60余种工具方法
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) => { .转载 2020-06-02 15:07:45 · 310 阅读 · 0 评论