Huang_John的博客

vue forEach中以下这种方式是无法跳出循环的，return只是结束当前这次，而后会继续下一次的循环array.forEach(item =>{ if (item.id == 0) { return})那我们再看看用breakarray.forEach(item =>{ if (item.id == 0) { break})咋回事，控制台怎么报错了？！用try-catch-finally吧，这个语法是js标准的处理异常的方式写法如下：let array = [0

创建watermark.js文件let watermark = {}let setWatermark = (str) => { let id = '1.23452384164.123412416'; if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id)); } // 创建一个画布 let can

加入document.body.scrollTop = 0就好了

来，我们先安装axiosnpm install axios再来，建好api文件目录及js文件我们在request 里面写上如下代码import axios from 'axios'const baseUrl = 'https://--------';export default ( method, url, data) => { console.log(method, url, data,"=====") return new Promise((resolve, reje

带参数跳转打开新窗口isService(val) { const params = { id: val }; let routeData = this.$router.resolve({ path: `/details/${val}`, query: params }); window.open(routeData.location.path, "_blank"); }新窗口接收参数created() { if (thi

最近pc端需要使用到自适应的，网上搜了一堆，几个坑，文章会提，先说怎么实现的首先我用的是postcss-px-to-viewport这个插件，它能将px转化为vw，px就是你设计稿上的单位npm install postcss-px-to-viewport安装好之后再去配置postcss文件"postcss": { "plugins": { "postcss-px-to-viewport": { "unitToConvert": "px", //这里是需要转换的

PC端，移动端，各种小程序等都可使用这个自适应方法匹配宽度，本文是根据屏幕宽度来做到自适应的，具体如下：在postcss文件中加入如下代码：module.exports = { plugins: { "postcss-px-to-viewport": { unitToConvert: "px", // 要转化的单位 viewportWidth: 1920, // UI设计稿的宽度 unitPrecision: 6, // 转换后的精度，即小数点位数 propList: [

flex 两列多行布局display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;把这段加到父元素里面就好了

首先单位自适应，使用rem做单位，rem根据根标签来决定，若html的font-size为50px；那么1rem就是50px；然后我们在根据屏幕大小来给html定义font-size；把以下代码写到index.html中 fnResize() window.onresize = function () { fnResize() } function fnR...

import axios from ‘axios’// 创建axios实例const service = axios.create({baseURL: process.env.BASE_API, // api的base_urltimeout: 5000 // 请求超时时间})axios.defaults.headers[‘Content-Type’] = ‘application/x-...

function formatNumber (n) {const str = n.toString()return str[1] ? str : 0${str}}export function formatTime (date) {const year = date.getFullYear()const month = date.getMonth() + 1const day = d...

不喜欢罗里吧嗦，拿过去直接能用：<template> <div class="footer"> <div v-for='(item,index) of items' :class='[item.cls,{on:index === idx}]' @click="$router.push(item.push)" :key='index'> &lt...

说到vue，那么大家一定会想到vue-cli，那么vue-cli如何使用呢？废话不多说，进入正题：首先我们需要在我们的电脑上安装node.js和npm，大家直接到百度去搜索node.js然后下载安装就好了，一般情况下，node.js安装好了会自动安装npm，安装之后启动CMD输入node -v:接下来再输入npm -v:接下来就是安装vue-cli脚手架工具了，在CMD里面输入npm i...

html如下：&lt;div id="app"&gt; &lt;input type="text" v-model="inputValue"/&gt; &lt;button @click="handlClick"&gt;提交&lt;/button&gt; &lt;ul&gt;