范天缘的博客

这样肯定是不行的 后端接口需要数组[0]: 7 数组[1]:4这样的数据。开发新项目过程中 发现get请求时 数组参数没有下标。原因是因为在请求拦截器没有处理需要的参数。解决方法 在请求拦截器 处理一下参数。

业务中有时候会碰见多个表单一起提交的场景,每个表单都有校验，官方文档中没有看到这种解决方法。

智慧城市

这样是非常不美观的 所以我看了一下固定列的css 绑定的class。前言:有的行需要变颜色 所以我们用到了。然后我们在app.vue加入以下代码。这样的话就变美观了很多 解决问题！方法 但是固定列没有变颜色。

业务中经常会碰见同一方法需要多次调用,这时候如果每次都写一遍就显得代码不够优雅了,所以封装公共方法是非常有必要的。1.在vue项目中src/untils/ 创建ts文件 例：common.ts。2.在main.ts 引用 然后设置成vue的全局变量。这里我们就封装好了示例公共方法,接着我们如何显示调用。3.common.ts写一个实例。

ts在vue文件报错

vue3的three加入材质

轨道控制器

搭建three开发环境

no matching version found for core-js

vue2跳转页面定时器不会被清除

vue-3d-model触发点击事件

vue-3d-model模型没有颜色

vue-3d-model更改模型背景颜色

显示不同y轴

echarts动画效果

时间显示1970

js

第一步 在App.vue里面加入公共头部 定义一个v-if=“$route.meta.alive”<template> <div id="app"> <Header v-if="$route.meta.alive"/> <router-view /> </div></template><script>import Header from '@/components2/layout/heade

解决方法:去掉url()<style lang="scss">@import url("./style.scss");</style>改为<style lang="scss">@import "./style.scss";</style>

方法一:{ opacity: 0.4;}但是这个会让内容也变透明 肯定是不行的 这时候我们用另外一种方法{ background-color:rgba(0,0,0,0.3);}

埋点功能需要获取当前的操作系统,以下是一个公共函数,直接调用就可以了//获取操作系统类型 function browserRedirect(){ var sUserAgent = navigator.userAgent; var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); var isMac = (navigator.platform == "Mac68K") ||

js去掉千分位//.replace(/[,]/g, "")total = Number(total.replace(/[,]/g,""))

使用nvm下载node高版本时,没有自动下载npm,看到网上有很多答案说把其他版本的npm复制一份在升级但是这样会有奇奇怪怪的错误所以我们采用其他的方法为 nvm 设置 npm 镜像，就可以自动下载npm了1.先删除你没有npm的node版本nvm uninstall 16.0.02.设置npm镜像nvm npm_mirror https://npm.taobao.org/mirrors/npm/3.重新下载指定版本nvm install 16.0.04.查看npm是否存在,成功

3.自定义文件名称,然后回车,就进入到了文件4.代码模板{ "Print to console": { "prefix": "/.", //这里是快捷键方法 "body": [ "/**", "* 模块名:", "* 代码描述:", "* 作者:Fant", "* 创建时间:$CURRENT_YEAR/$CURRENT_MONTH/$CURRENT_DATE $CURRENT_HOUR:

移动端项目,做视口开发很有必要的,这里我们用到的是postcss-px-to-viewport插件,需要做根据视口大小来调整宽度，这个脚本可以将你CSS中的px单位转化为vw，1vw等于1/100视口宽度。第一步:npmnpm install postcss-loader postcss-px-to-viewport --save-dev或者yarnyarn add -D postcss-px-to-viewport第二步:找到项目中的vue.config.jsmodule.export

原因：因为toFixed是一个四舍六入五成双的方法四舍六入好理解,那什么叫五成双呢"五"指的是根据5后面的数字来定，当5后有数时，舍5入1；当5后无有效数字时，需要分两种情况来讲：①5前为奇数，舍5入1；②5前为偶数，舍5不进。（0是偶数） `(0.5251).toFixed(2) => 0.53 然而 (0.525).toFixed(2)=>0.52。`所以偶尔项目中会偶尔出现问题，我们可以封装一个四舍五入的公共方法来使用var num =2.446242342;num =

原因:如果不带http,浏览器会认你那个是路径而不是连接,所以需要加上错误跳转测试<a href='www.baidu.com'>跳转测试</a>正确跳转测试<a href='http://www.baidu.com'>跳转测试</a>

　　 document.getElementsByTagName('p')[0].className = 'snow-container'; //设置为新的class document.getElementsByTagName('p')[0].className += 'snow-container'; //在原来的class后面加这个 document.getElementsByTagName('p')[0].classList.add("snow-container"); //与第

let i=1let a = { valueOf:function(){ return i++ }}if(a == 1 && a == 2 && a == 3){ alert('进来了')}else{ alert('没进来')}

用的less/*设置奇数行颜色*/:deep(.ant-table-tbody){ > tr:nth-child(odd) { background:#fff; } } /*设置偶数行颜色*/:deep(.ant-table-tbody){ > tr:nth-child(even) { background:#F9FAFC; }}

data: [{ itemStyle: { //看这个对象 color:{ type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ offset:0,color:'#EA5050' // 0% 处的颜色

//空数组if(JSON.stringify(data) == '[]'){return true}//空对象if(JSON.stringify(data) == '{}'){return true}

注意点:记得加~号,只使用@会报错background-image: url('~@/assets/img/passwordLogo.png');

错误写法1<a-input-password :value="passwordNumber" placeholder="请输入密码"/>错误写法2//**iview框架用多了** <a-input-password v-model="passwordNumber" placeholder="请输入密码"/>改成正确写法//正确写法<a-input-password v-model:value="passwordNumber" placeholder=...

import { useRouter } from 'vue-router';export default { setup() { const $router = useRouter(); //点击方法 const urlClick= () => { $router.push({ path:'你的路径'}) } return{ //方法需要return出去 urlClick

原因:例1： ‘http://a.a.com/data?id=1&time=2021-11-23’此时通过 window.location.search 能够正常获取到url中的查询参数 ?id=1&time=2021-11-23例2：‘http://a.a.com/#/data?id=1&time=2021-11-23’此时通过 window.location.search 获取到的参数为空""，这是因为使用了hash导致，因为hash会将url中第一个#后的内容都作为h

1.第一种方法在app.vue的setup()里面import { useRouter } from 'vue-router';export default{ setup(){ const $router = useRouter(); $router.beforeEach((to,form,next) => { console.log(to,form,next) }); }}2。onBeforeRouteUpdate 了解一下，r

具体封装公共方法请看：vue封装公共方法//节流方法 只执行第一次点击//使用方法: this.$Throttle('方法','时间')()let flag = trueVue.prototype.$Throttle = function(f,t){ return () => { if (flag) { f(); flag = false; setTimeout(() => { f

具体封装公共方法请看：vue封装公共方法//防抖函数方法 只执行最后一次点击//使用方法: this.$Debounce('方法','时间')()let timerVue.prototype.$Debounce = function(fn,delay){ var delay = delay || 300; return () => { var args = arguments; var that = this; clearTi