h5_since的博客

接上文，我看很多朋友用vue时不好写，简单的说一下，还是先看效果图上代码template的<template> <div> <table> <tr v-for="(item,index) in 5"> <td v-for="(items,indexs) in 5" @mouseover="huadong(index,indexs)" @mouseout="likai(

【应用场景】用户进入app或者网站时，在首页数据还未请求加载完成直接进入二级页面，如果此时首页请求还在继续，难免会出现一些性能问题，所以一般项目中会在页面跳转时，取消上一个页面的http请求，此处以vue项目为例【实现思路】1.新建一个数组，放置需要取消的请求，我一般放在原型里2.在拦截器里添加cancelToken属性config.cancelToken = new axios.CencleToken(c => { Vue.protoType.cList.push(c)}) 3.当

今天发现一个神奇的问题，在引入某组件的时候，使用 npm i *** -s 报错Unexpected token / in JSON at position 135237 while parsing near '…timeout": “1.0.0”然后我想用npm i初始化一下，依旧报错，网上搜了好几个方法，包括但不限于清缓存npm cache clean --force以及npm config set registry https://registry.npmjs.org均无效，然后上git拉

最近有个需要，将接口返回的 html字符串进行复制操作，并将html转为样式粘贴到富文本中，想了下，觉得是在复制操作中进行转换，话不多说，上代码export default{copyEdit(val){ let copyHandler = this.copys(val) document.addEventListener('copy',copyHandler); document.execCommand('copy'); removeEventListener('copy

最近一个项目，在动态绑定单选按钮的选中状态时失效，代码如下效果有的动态绑定正常，有的没有显示，仔细看浏览器的dom，发现没有正常显示的是因为多组单选按钮的name重复了，所以就只会对最后一组生效多组单选按钮 , 如果设置的name相同 , 并且分别设置了默认选中 , 结果就只默认选中最后一组的设置了默认选中的按钮解决方法：在给name动态赋值的时候加上唯一标识符完美解决...

原理：写一个让dom匀速移动的方法，然后用定时器每隔一定时间调用这个方法，下面直接上代码<template> <div> <div id="thediv" ref="thediv">我是浮动广告</div> </div> </template> export default { data() { return { xPos:300, yPos:200, step:

import axios from "axios";import qs from "querystring";axios.defaults.timeout = 60000;axios.defaults.baseURL = window.apiHost; //window.apiHost可以在main.js里进行设置axios.defaults.withCredentials = false;axios.interceptors.request.use( config => {

最近有个需求，需要将html页面指定位置的dom通过按钮点击事件，另存为excel和world文件，项目是vue项目首先是导出为excel，在main.js定义一个全局方法Vue.prototype.$ToExcel = (tableID, fileName)=>{ var excelContent = $("#" + tableID).html();//NumberFormatLocal = "@"style='mso-number-format: @;' var excelFile =

最近写了两个项目，移动端和pc端的，刚开始用的是双域名（www.xxx.com /m.xxxx.com）后面产品需求在同一个域名下，在nginx这样配置后location /{ root /data/nginx/html; index index.html index.htm; }刚开始进页面首页正常，一切换刷新就报404，后面试了其他的方法...

template代码<ul class="swiper-wrapper" id="wrapper" style="transition-duration: 0ms;"> <li class="swiper-slide swiper-slide-active" :class="{active: activea...

在项目的index.html文件title标签下面添加方法注意：需要将index.js中的host改成本机的ip地址